It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.plkkgs.edu.hk/plktbwmkg/

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.    <!-- Google Tag Manager -->
  5. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  6. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  7. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  8. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  9. })(window,document,'script','dataLayer','GTM-MK9BGKLQ');</script>
  10.    <!-- End Google Tag Manager -->
  11.  
  12.    <meta charset="utf-8">
  13.    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  14.    <!-- 页面描述 -->
  15.    <meta name="description" content="鄧碧雲"/>
  16.    <!-- 页面关键词 -->
  17.    <meta name="keywords" content="保良局"/>
  18.  
  19.    <meta name="author" content="">
  20.    <meta name="google-site-verification" content="bDQomaCF5KzWrEoEvx_JdRJQOj34IHBDPV1ECSL34fs" />
  21.  
  22.    <title>保良局鄧碧雲紀念幼稚園</title>
  23.  
  24.    <link rel="icon" href="https://www.plkkgs.edu.hk/plktbwmkg/ico.ico" type="image/x-icon" />
  25.    <link rel="shortcut icon" href="https://www.plkkgs.edu.hk/plktbwmkg/ico.ico" type="image/x-icon"/>
  26.    <!-- Bootstrap core CSS -->
  27.    <link href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/bootstrap.min.css" rel="stylesheet">
  28.  
  29.    <!-- FontAwesome core CSS -->
  30.    <link href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/font-awesome.min.css" rel="stylesheet">
  31.    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  32.    <!-- owlcarousel core CSS -->
  33.    <link rel="stylesheet" href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/owl.carousel.min.css">
  34.    <link rel="stylesheet" href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/owl.theme.default.min.css">
  35.  
  36.    <!-- owlcarousel core CSS -->
  37.    <link rel="stylesheet" href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/jssor.css">
  38.    <link rel="stylesheet" href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/jquery.fancybox.css">
  39.  
  40.    <!-- Custom styles for this zoosite -->
  41.    <link href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/school.css" rel="stylesheet">
  42.  
  43.  
  44.    <link href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/responsive.css" rel="stylesheet">
  45.  
  46.    <link href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/change.css" rel="stylesheet">
  47.  
  48.    
  49.        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  50.    <!--[if lt IE 9]>
  51.    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  52.    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  53.    <![endif]-->
  54.  
  55.    <!-- Placed at the end of the document so the pages load faster -->
  56.  
  57.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/jquery-3.2.1.slim.min.js"></script>
  58.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/jquery.min.js"></script>
  59.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/popper.min.js"></script>
  60.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/bootstrap.min.js"></script>
  61.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/owl.carousel.min.js"></script>
  62.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/jssor.slider.min.js" type="text/javascript"></script>
  63.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/jquery.fancybox.js" type="text/javascript"></script>
  64.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/jquery.dotdotdot.js" type="text/javascript"></script>
  65.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/layer/layer.js" type="text/javascript"></script>
  66.    <!-- Global site tag (gtag.js) - Google Analytics -->
  67.    <!-- Global site tag (gtag.js) - Google Analytics -->
  68.    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-122221810-1"></script>
  69.    <script>
  70.        window.dataLayer = window.dataLayer || [];
  71.        function gtag(){dataLayer.push(arguments);}
  72.        gtag('js', new Date());
  73.  
  74.        gtag('config', 'UA-122221810-1');
  75.    </script>
  76.  
  77.  
  78.  
  79.    <style>
  80.        .open_btn{
  81.            cursor: pointer;
  82.            position: absolute;
  83.            height: 65px;
  84.            background-color: #E4007C;
  85.            color: #ffffff;
  86.            font-size: 13px;
  87.            line-height: 1em;
  88.            padding: 12px 5px;
  89.            z-index: 1;
  90.            border-top-right-radius: 50%;
  91.            border-bottom-right-radius: 50%;
  92.            left: -29px;
  93.            display: block;
  94.            width: 70px;
  95.            margin-top: -7px;
  96.        }
  97.        .open_btn2{
  98.            display: none;
  99.        }
  100.        .opn_txt1{
  101.            margin-left: 25px;
  102.            font-size: 15px;
  103.            font-weight: bold;
  104.        }
  105.        .opn_txt2{
  106.            margin-left: 25px;
  107.            font-size: 15px;
  108.            font-weight: bold;
  109.        }
  110.        .open_btn_arr{
  111.            top: -5px;
  112.            position: relative;
  113.            font-size: 36px;
  114.            left: 5px;
  115.        }
  116.        .sidenav {
  117.            margin-top:100px;
  118.            height: 145px;
  119.            width: 0;
  120.            position: fixed;
  121.            top: 0;
  122.            left: 0;
  123.            background-color: #E4007C;
  124.            color: #ffffff;
  125.            z-index: 999999;
  126.            transition: 0.5s;
  127.            padding-top: 10px;
  128.            border-top-right-radius: 6%;
  129.            border-bottom-right-radius: 6%;
  130.        }
  131.  
  132.        .sidenav a {
  133.            padding: 8px 8px 8px 32px;
  134.            text-decoration: none;
  135.            font-size: 25px;
  136.            color: #818181;
  137.            display: block;
  138.            transition: 0.3s;
  139.  
  140.        }
  141.  
  142.        .sidenav a:hover {
  143.            color: #f1f1f1;
  144.        }
  145.  
  146.        .sidenav .closebtn {
  147.            position: absolute;
  148.            top: 0;
  149.            right: 0px;
  150.            font-size: 36px;
  151.            margin-left: 50px;
  152.            margin-right: 14px;
  153.            margin-top: -19px;
  154.        }
  155.  
  156.        .mob_cont{padding: 0px!important;}
  157.        .opn_txt1_en{
  158.            margin-left: 28px;
  159.            font-size: 12px;
  160.            font-weight: bold;
  161.            word-break: break-all;
  162.            width: 10px;
  163.            margin-top: -11.5px;
  164.            text-align: center;
  165.        }
  166.        .open_btn_arr_en{
  167.            position: absolute;
  168.            font-size: 37px;
  169.            left: 50px;
  170.            color: #ffffff;
  171.            z-index: 1;
  172.            top:24px;
  173.        }
  174.  
  175.  
  176.        @media  screen and (max-height: 450px) {
  177.            .sidenav {padding-top: 15px;}
  178.            .sidenav a {font-size: 18px;}
  179.        }
  180.  
  181.        @media  only screen
  182.        and (device-width : 375px)
  183.        and (device-height : 812px)
  184.        and (-webkit-device-pixel-ratio : 3) {
  185.            .sidenav {
  186.  
  187.                height: 19%;
  188.  
  189.            }
  190.  
  191.        }
  192.  
  193.        @media  only screen and (max-width : 990px) {
  194.            .login_box{
  195.            //display: none;
  196.            }
  197.            .filter_show{ display: none}
  198.            .mob_cont{
  199.                padding-left:45px !important;
  200.            }
  201.  
  202.            .user-name{
  203.                margin-top: 5px;
  204.                /*background-color: #E4007C;*/
  205.                /*color: #ffffff;*/
  206.                padding: 2px 10px;
  207.            }
  208.  
  209.            .user-name p span{
  210.                /*color: #ffffff;*/
  211.            }
  212.            .user-name p{
  213.                display: block;
  214.                margin: 0 0 0 0;
  215.                padding: 0;
  216.                text-align: left;
  217.                font-size: 14px;
  218.                line-height: 16.8px;
  219.                color: #848484;
  220.            }
  221.            .user-name p a {
  222.                display: inline-block;
  223.                margin: 5px;
  224.                padding: 5px 6px;
  225.                width: auto;
  226.                height: auto;
  227.                font-size: 14px;
  228.                line-height: 16.8px;
  229.                background-color: #4BC1BB;
  230.                color: #fff;
  231.                border-radius: 5px !important; ;
  232.                text-decoration: none;
  233.            }
  234.            .user-name p a.logout_btn{
  235.                padding: 6px 6px;
  236.            }
  237.  
  238.            .opn_txt11_en{
  239.                margin-left: 17px;
  240.                font-size: 10px;
  241.                font-weight: bold;
  242.                word-break: break-all;
  243.                width: 7px;
  244.                margin-top: 1px;
  245.                line-height: 11px;
  246.                text-align: center;
  247.            }
  248.            .open_btn_arr2_en{
  249.                position: absolute;
  250.                font-size: 30px;
  251.                left: 35px;
  252.                color: #ffffff;
  253.                z-index: 1;
  254.                top: 18px;
  255.            }
  256.        }
  257.  
  258.        @media  only screen and (min-width : 990px) {
  259.            .open_btn{
  260.                display: none;
  261.            }
  262.            .open_btn2{
  263.                display: none;
  264.            }
  265.        }
  266.  
  267.  
  268.        @media  only screen and (min-width : 736px) and (max-width: 764px) {
  269.            .open_btn2{
  270.                cursor: pointer;
  271.                position: absolute;
  272.                height: 6.5%;
  273.                background-color: #E4007C;
  274.                color: #ffffff;
  275.                font-size: 15px;
  276.                line-height: 1em;
  277.                padding: 0px 5px;
  278.                z-index: 1;
  279.                border-top-right-radius: 50%;
  280.                border-bottom-right-radius: 50%;
  281.                left: -18px;
  282.                display: block;
  283.                width: 50px;
  284.                margin-top: -10px;
  285.            }
  286.            .opn_txt11{
  287.                margin-left: 14px;
  288.                font-size: 13px;
  289.                font-weight: bold;
  290.            }
  291.            .opn_txt22{
  292.                margin-left: 14px;
  293.                font-size: 13px;
  294.                font-weight: bold;
  295.            }
  296.            .open_btn_arr2{
  297.                top: -4px;
  298.                position: relative;
  299.                font-size: 30px;
  300.                left: 1px;
  301.            }
  302.            .open_btn{
  303.                display: none;
  304.            }
  305.  
  306.            .opn_txt11_en{
  307.                margin-left: 17px;
  308.                font-size: 10px;
  309.                font-weight: bold;
  310.                word-break: break-all;
  311.                width: 7px;
  312.                margin-top: 1px;
  313.                line-height: 11px;
  314.                text-align: center;
  315.            }
  316.            .open_btn_arr2_en{
  317.                position: absolute;
  318.                font-size: 30px;
  319.                left: 35px;
  320.                color: #ffffff;
  321.                z-index: 1;
  322.                top: 18px;
  323.            }
  324.  
  325.        }
  326.        @media  only screen and (min-width : 360px) and (max-width: 736px) {
  327.            .open_btn2{
  328.                cursor: pointer;
  329.                position: absolute;
  330.                //height: 16%;
  331.                background-color: #E4007C;
  332.                color: #ffffff;
  333.                font-size: 15px;
  334.                line-height: 1em;
  335.                padding: 6px 5px;
  336.                z-index: 1;
  337.                border-top-right-radius: 50%;
  338.                border-bottom-right-radius: 50%;
  339.                left: -18px;
  340.                display: block;
  341.                width: 50px;
  342.                margin-top: -10px;
  343.            }
  344.            .opn_txt11{
  345.                margin-left: 14px;
  346.                font-size: 13px;
  347.                font-weight: bold;
  348.            }
  349.            .opn_txt22{
  350.                margin-left: 14px;
  351.                font-size: 13px;
  352.                font-weight: bold;
  353.            }
  354.            .open_btn_arr2{
  355.                top: -4px;
  356.                position: relative;
  357.                font-size: 30px;
  358.                left: 1px;
  359.            }
  360.            .open_btn{
  361.                display: none;
  362.            }
  363.            .sidenav{
  364.                margin-top: 75px;
  365.            }
  366.  
  367.            .opn_txt11_en{
  368.                margin-left: 17px;
  369.                font-size: 8px;
  370.                font-weight: bold;
  371.                word-break: break-all;
  372.                width: 7px;
  373.                margin-top: 0px;
  374.                line-height: 8px;
  375.                text-align: center;
  376.            }
  377.            .open_btn_arr2_en{
  378.                position: absolute;
  379.                font-size: 30px;
  380.                left: 35px;
  381.                color: #ffffff;
  382.                z-index: 1;
  383.                top: 18px;
  384.            }
  385.        }
  386.        .layui-layer-content{
  387.            word-break: break-word !important;
  388.        }
  389.    </style>
  390.  
  391.                <style>
  392.            .main-menu ul li {
  393.                width: 12%;
  394.            }
  395.        </style>
  396.    
  397. </head>
  398. <body>
  399. <!-- Google Tag Manager (noscript) -->
  400. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MK9BGKLQ"
  401. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  402. <!-- End Google Tag Manager (noscript) -->
  403.  
  404. <header class="pg1
  405. m1-color
  406. ">
  407.    <div class="container">
  408.        <div class="logo">
  409.            <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk"><span><img src="https://www.plkkgs.edu.hk/plktbwmkg/toy/images/logo.png"/></span><p class="web-name">保良局鄧碧雲紀念幼稚園</p><small class="bold web-en">PO LEUNG KUK TANG BIK WAN MEMORIAL KINDERGARTEN</small></a>
  410.            <div class="mobile-btn"><span id="mm-btn"><i class="fa fa-bars"></i></span></div><!--/mobile-btn-->
  411.            <div class="clearfix"></div>
  412.        </div><!--/logo-->
  413.        <div id="mm-box" class="main-menu">
  414.            <ul>
  415.                <li class=" active  menu-01"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk"><span></span><em>主頁</em></a></li>
  416.                <li class=" menu-02"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news"><span></span><em>最新消息</em></a></li>
  417.                <li class=" menu-03"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/about/10"><span></span><em>學校簡介</em></a></li>
  418.                <li class=" menu-04"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/info"><span></span><em>學校資訊</em></a></li>
  419.                <li class=" menu-05"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/activities"><span></span><em>校園動態</em></a></li>
  420.                <li class=" menu-06"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/contact"><span></span><em>聯絡我們</em></a></li>
  421.                                                                                                        <li class="custom_page   menu-07"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/custom/custom_page"><span style="
  422.                        background: rgba(0, 0, 0, 0) url('https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/custom_page-template-6.png') no-repeat scroll 0 0;background-position: center; background-size: contain;"></span><em>收生資料 Admission</em></a></li>
  423.                                                                    <li class="parent_zone   menu-08"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/custom/parent_zone"><span style="
  424.                        background: rgba(0, 0, 0, 0) url('https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/parent_zone-template-6.png') no-repeat scroll 0 0;background-position: center; background-size: contain;"></span><em>家長園地</em></a></li>
  425.                                                </ul>
  426.        </div>
  427.        <div id="mm-box-mobile" class="main-menu item-8">
  428.                        <div class="home-menu">
  429.                <ul>
  430.                    <li class=" active  menu-01"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk"><span></span><em>主頁</em></a></li>
  431.                </ul>
  432.            </div>
  433.            <div class="menu-items">
  434.                <ul>
  435.                    <li class=" menu-02"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news"><span></span><em>最新消息</em></a></li>
  436.                    <li class=" menu-03"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/about/10"><span></span><em>學校簡介</em></a></li>
  437.                    <li class=" menu-04"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/info"><span></span><em>學校資訊</em></a></li>
  438.                </ul>
  439.                <ul>
  440.                    <li class=" menu-05"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/activities"><span></span><em>校園動態</em></a></li>
  441.                    <li class=" menu-06"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/contact"><span></span><em>聯絡我們</em></a></li>
  442.                                                                                                                            <li class="custom_page   menu-07"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/custom/custom_page"><span style="
  443.                        background: rgba(0, 0, 0, 0) url('https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/custom_page-template-6.png') no-repeat scroll 0 0;background-position: center; background-size: contain;"></span><em>收生資料 Admission</em></a></li>
  444.                                                                                <li class="parent_zone   menu-08"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/custom/parent_zone"><span style="
  445.                        background: rgba(0, 0, 0, 0) url('https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/parent_zone-template-6.png') no-repeat scroll 0 0;background-position: center; background-size: contain;"></span><em>家長園地</em></a></li>
  446.                                                            </ul>
  447.            </div>
  448.            
  449.        </div><!--/main-menu-->
  450.        <div class="clearfix"></div>
  451.    </div><!--/container-fluid-->
  452. </header>
  453. <article class="search-con">
  454.                        <div onClick="openNav()" class="open_btn" id="open_btn">
  455.                <span class="opn_txt1">登</span><span class="opn_txt2">入</span><span class="open_btn_arr">&raquo;</span>
  456.            </div>
  457.            <div onClick="openNav()" class="open_btn2" id="open_btn2">
  458.                <span class="opn_txt11">登</span><span class="opn_txt22">入</span><span class="open_btn_arr2">&raquo;</span>
  459.            </div>
  460.        
  461.        <div class="container mob_cont">
  462.            
  463.                    <div class="row no-gutters">
  464.  
  465.                        <div class="col-4 col-sm-4 col-md-3 col-lg-1 col-xl-1">
  466.  
  467.                            <div id="mySidenav" class="sidenav">
  468.  
  469.                                <div id="filter" class="row"  style="display: none">
  470.  
  471.  
  472.                                    <div class="col-10 col-sm-10 col-md-10 col-lg-10 col-xl-10 " style="float: left;">
  473.                                                                                    <div class="filter" >
  474.  
  475.  
  476.                                                <form action="https://www.plkkgs.edu.hk/plktbwmkg/hk/login" method="post">
  477.                                                    <input type="hidden" name="_token" value="6DOmmn2hUB2Lnr8WwLtXu2HXI5JaE7X5LwJjAl7q">
  478.                                                    <div class="filed-01">
  479.                                                        <label>登入名稱</label>
  480.                                                        <input name="name" class="form-control" type="text"/>
  481.                                                        <div class="clearfix"></div>
  482.                                                    </div><!--/filed-01-->
  483.                                                    <div class="filed-01">
  484.                                                        <label>密碼</label>
  485.                                                        <input name="password" class="form-control" type="password"/>
  486.                                                    </div><!--/filed-01-->
  487.                                                    <div class="filed-03">
  488.                                                        <button class="btn-filter" type="submit" style="margin-left: 12px" >登入</button>
  489.                                                    </div><!--/filed-01-->
  490.                                                </form>
  491.                                            </div><!--/filter-->
  492.                                                                            </div>
  493.                                    <div class="col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2" style="float: left;">
  494.                                        <a href="javascript:void(0)" class="closebtn" onclick="closeNav()" style="color: #ffffff;">&laquo;</a>
  495.                                    </div>
  496.  
  497.                                </div>
  498.  
  499.                            </div>
  500.  
  501.                            
  502.                            <div class="language">
  503.                                <ul>
  504.                                                                        <li ><a href="https://www.plkkgs.edu.hk/plktbwmkg/en">Eng</a></li>
  505.                                    <li  class="active" style="pointer-events:none;" ><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk">中</a></li>
  506.                                </ul>
  507.                            </div><!--/language-->
  508.                        </div><!--/col-md-2-->
  509.                        
  510.                        <div class="col-8 col-sm-8 col-md-3 col-lg-3 col-xl-3">
  511.                            <div class="social-share">
  512.                                <ul>
  513.                                    <li><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://www.plkkgs.edu.hk/plktbwmkg"><img src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/share/Artboard 17.png"/></a></li>
  514.                                    <li><a id="whatsapp" target="_blank" href="" data-action="share/whatsapp/share"><img src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/share/Asset 5.png"/></a></li>
  515.                                    <li><a target="_blank" href="https://www.plkkgs.edu.hk/plktbwmkg/wechat"><img src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/share/Artboard 18.png"/></a></li>
  516.                                    <li><a id="twitter" target="_blank" href=""><img src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/share/Artboard 20.png"/></a></li>
  517.                                    <li><a ><img src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/plk.png"/></a></li>
  518.                                </ul>
  519.                            </div><!--social-share-->
  520.                        </div><!--/col-md-2-->
  521.                        <div class="col-12 col-sm-12 col-md-1 col-lg-1 col-xl-2"></div><!--/col-md-2-->
  522.                        <div class="col-12 col-sm-12 col-md-5 col-lg-7 col-xl-6 login_box">
  523.  
  524.                                                            <div class="filter filter_show">
  525.                                    <form action="https://www.plkkgs.edu.hk/plktbwmkg/hk/login" method="post" style="margin:0px">
  526.                                        <input type="hidden" name="_token" value="6DOmmn2hUB2Lnr8WwLtXu2HXI5JaE7X5LwJjAl7q">
  527.                                        <div class="filed-01">
  528.                                            <label>登入名稱</label>
  529.                                            <input name="name" class="form-control" type="text"/>
  530.                                            <div class="clearfix"></div>
  531.                                        </div><!--/filed-01-->
  532.                                        <div class="filed-02">
  533.                                            <label>密碼</label>
  534.                                            <input name="password" class="form-control" type="password"/>
  535.                                        </div><!--/filed-01-->
  536.                                        <div class="filed-03">
  537.                                            <button class="btn-filter" type="submit" >登入</button>
  538.                                        </div><!--/filed-01-->
  539.                                    </form>
  540.                                </div><!--/filter-->
  541.                            
  542.  
  543.                        </div><!--/col-md-4-->
  544.                        <div class="clearfix"></div>
  545.                    </div><!--/row-->
  546.                </div><!--/container-fluid-->
  547. </article><!--/search-con-->
  548.  
  549.    <style>
  550.        video::-internal-media-controls-download-button {
  551.            display:none !important;
  552.        }
  553.  
  554.        video::-webkit-media-controls-enclosure {
  555.            overflow:hidden !important;
  556.        }
  557.  
  558.        video::-webkit-media-controls-panel {
  559.            width: calc(100% + 30px) !important;
  560.        }
  561.  
  562.    </style>
  563.    <section class="slider">
  564.  
  565.        <div id="sa-02" style="position: absolute;right: 10px;top: 20px;">
  566.  
  567.  
  568.                            <a style="text-decoration:none;"  target="_blank"                 href=" https://application.plkkgs.edu.hk/?lan=zh  " >
  569.                    <div  class="slider-ship-buootn2">
  570.                        <p>網上報名</p>
  571.                        <br style="clear:both;">
  572.                    </div>
  573.                </a>
  574.                            
  575.                    <a style="text-decoration:none;"  target="_blank"                     href=" https://www.plkkgs.edu.hk/plktbwmkg/hk/custom/custom_page/188  " >
  576.  
  577.                        <div  class="slider-ship-buootn">
  578.                            <p>入學申請表</p>
  579.                            <br style="clear:both;">
  580.                        </div>
  581.                    </a>
  582.                                <div class="slider-panda">
  583.                </div>
  584.        </div>
  585.        <div id="slider" class="owl-carousel" style="background-color: #FFFCE6">
  586.                            <div class="sliding">
  587.                    <img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/banner/1693890507.jpg" style="object-fit: contain; max-width: 100%; max-height: 100%;" />
  588.                </div><!--/sliding-->
  589.                            <div class="sliding">
  590.                    <img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/banner/1695780198.jpg" style="object-fit: contain; max-width: 100%; max-height: 100%;" />
  591.                </div><!--/sliding-->
  592.                            <div class="sliding">
  593.                    <img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/banner/1694825539.jpg" style="object-fit: contain; max-width: 100%; max-height: 100%;" />
  594.                </div><!--/sliding-->
  595.                            <div class="sliding">
  596.                    <img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/banner/1695780066.jpg" style="object-fit: contain; max-width: 100%; max-height: 100%;" />
  597.                </div><!--/sliding-->
  598.                            <div class="sliding">
  599.                    <img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/banner/1695780002.jpg" style="object-fit: contain; max-width: 100%; max-height: 100%;" />
  600.                </div><!--/sliding-->
  601.                            <div class="sliding">
  602.                    <img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/banner/1582938774.jpg" style="object-fit: contain; max-width: 100%; max-height: 100%;" />
  603.                </div><!--/sliding-->
  604.                            <div class="sliding">
  605.                    <img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/banner/1578630994.jpg" style="object-fit: contain; max-width: 100%; max-height: 100%;" />
  606.                </div><!--/sliding-->
  607.            
  608.  
  609.        </div>
  610.    </section><!--/slider-->
  611.    <section class="middle-part">
  612.        <div class="container">
  613.            <div class="full-col">
  614.                <div class="left-col">
  615.                    <div class="tab-box">
  616.                        <div class="small-elephent"></div><!--/small-elephent-->
  617.                        <div class="big-elephent"></div><!--/big-elephent-->
  618.                        <div class="monkey"></div><!--/monkey-->
  619.                        <div class="tree"></div><!--/icecream-lover-->
  620.                        <div class="tb-heading">
  621.                            <h1><span>最新消息</span></h1>
  622.                        </div><!--/tb-headin-->
  623.                        <div class="tbdc-line"></div><!--/tbdc-line-->
  624.                        <div class="tb-datacon">
  625.                            <ul class="nav nav-pills tbdc-ul" id="pills-tab" role="tablist">
  626.                                <li class="nav-item">
  627.                                    <a class="nav-link active" id="pills-a-tab" data-toggle="pill" href="#pills-a" role="tab" aria-controls="pills-home" aria-expanded="true">總覽</a>
  628.                                </li>
  629.                                                                    <li class="nav-item">
  630.                                        <a class="nav-link" id="pills-b-tab" data-toggle="pill" href="#pills-b" role="tab" aria-controls="pills-profile" aria-expanded="true">學校通告</a>
  631.                                    </li>
  632.                                                                    <li class="nav-item">
  633.                                        <a class="nav-link" id="pills-b-tab" data-toggle="pill" href="#pills-c" role="tab" aria-controls="pills-profile" aria-expanded="true">入學申請</a>
  634.                                    </li>
  635.                                                                    <li class="nav-item">
  636.                                        <a class="nav-link" id="pills-b-tab" data-toggle="pill" href="#pills-d" role="tab" aria-controls="pills-profile" aria-expanded="true">每月備忘</a>
  637.                                    </li>
  638.                                
  639.  
  640.                            </ul>
  641.                            <div class="tab-content" id="pills-tabContent">
  642.                                <div class="tab-pane fade show active" id="pills-a" role="tabpanel" aria-labelledby="pills-home-tab">
  643.                                    <div class="tbdc-detail-01">
  644.                                        <ul>
  645.                                                                                        
  646.                                                                                                    <li>
  647.                                                        <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/415">
  648.                                                            <div class="tbdcd-label"><span class="tl-01">學校通告</span></div><!--tbdcd-label-->
  649.                                                            <div class="tbdcd-txt"><p>有關【賽馬會「Campsite+」營舍新發現計劃】</p></div><!--tbdcd-txt-->
  650.                                                            <div class="tbdcd-date"><small>15/11/2024</small></div><!--tbdcd-date-->
  651.                                                            <div class="clearfix"></div>
  652.                                                        </a>
  653.                                                    </li>
  654.                                                                                                                                                
  655.  
  656.                                            
  657.                                                                                                    <li>
  658.                                                        <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/414">
  659.                                                            <div class="tbdcd-label"><span class="tl-01">學校通告</span></div><!--tbdcd-label-->
  660.                                                            <div class="tbdcd-txt"><p>有關成立【第三屆家長教師會】及幹事補選通告事宜</p></div><!--tbdcd-txt-->
  661.                                                            <div class="tbdcd-date"><small>15/11/2024</small></div><!--tbdcd-date-->
  662.                                                            <div class="clearfix"></div>
  663.                                                        </a>
  664.                                                    </li>
  665.                                                                                                                                                
  666.  
  667.                                            
  668.                                                                                                                                                                                                    <li>
  669.                                                        <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/413">
  670.                                                            <div class="tbdcd-label"><span class="tl-03">每月備忘</span></div><!--tbdcd-label-->
  671.                                                            <div class="tbdcd-txt"><p>10月份備忘</p></div><!--tbdcd-txt-->
  672.                                                            <div class="tbdcd-date"><small>15/11/2024</small></div><!--tbdcd-date-->
  673.                                                            <div class="clearfix"></div>
  674.                                                        </a>
  675.                                                    </li>
  676.                                                
  677.  
  678.                                            
  679.                                                                                                    <li>
  680.                                                        <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/412">
  681.                                                            <div class="tbdcd-label"><span class="tl-01">學校通告</span></div><!--tbdcd-label-->
  682.                                                            <div class="tbdcd-txt"><p>「管教有妙法」家長管教小組</p></div><!--tbdcd-txt-->
  683.                                                            <div class="tbdcd-date"><small>15/11/2024</small></div><!--tbdcd-date-->
  684.                                                            <div class="clearfix"></div>
  685.                                                        </a>
  686.                                                    </li>
  687.                                                                                                                                                
  688.  
  689.                                            
  690.                                        </ul>
  691.                                    </div><!--tbdc-detail-01-->
  692.  
  693.                                                                            <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news" class="new-more" style="color: #4DBADB;float:right">更多</a>
  694.                                                                    </div><!--/pills-a-->
  695.  
  696.  
  697.                                <div class="tab-pane fade show " id="pills-b" role="tabpanel" aria-labelledby="pills-home-tab" >
  698.                                    <div class="tbdc-detail-01">
  699.                                        <ul>
  700.                                                                                        
  701.                                                <li>
  702.                                                    <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/415">
  703.                                                        <div class="tbdcd-label"><span class="tl-01">學校通告</span></div><!--tbdcd-label-->
  704.                                                        <div class="tbdcd-txt"><p>有關【賽馬會「Campsite+」營舍新發現計劃】</p></div><!--tbdcd-txt-->
  705.                                                        <div class="tbdcd-date"><small>15/11/2024</small></div><!--tbdcd-date-->
  706.                                                        <div class="clearfix"></div>
  707.                                                    </a>
  708.                                                </li>
  709.  
  710.  
  711.                                            
  712.                                                <li>
  713.                                                    <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/414">
  714.                                                        <div class="tbdcd-label"><span class="tl-01">學校通告</span></div><!--tbdcd-label-->
  715.                                                        <div class="tbdcd-txt"><p>有關成立【第三屆家長教師會】及幹事補選通告事宜</p></div><!--tbdcd-txt-->
  716.                                                        <div class="tbdcd-date"><small>15/11/2024</small></div><!--tbdcd-date-->
  717.                                                        <div class="clearfix"></div>
  718.                                                    </a>
  719.                                                </li>
  720.  
  721.  
  722.                                            
  723.                                                <li>
  724.                                                    <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/412">
  725.                                                        <div class="tbdcd-label"><span class="tl-01">學校通告</span></div><!--tbdcd-label-->
  726.                                                        <div class="tbdcd-txt"><p>「管教有妙法」家長管教小組</p></div><!--tbdcd-txt-->
  727.                                                        <div class="tbdcd-date"><small>15/11/2024</small></div><!--tbdcd-date-->
  728.                                                        <div class="clearfix"></div>
  729.                                                    </a>
  730.                                                </li>
  731.  
  732.  
  733.                                            
  734.                                                <li>
  735.                                                    <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/411">
  736.                                                        <div class="tbdcd-label"><span class="tl-01">學校通告</span></div><!--tbdcd-label-->
  737.                                                        <div class="tbdcd-txt"><p>「提升兒童執行功能」家長工作坊</p></div><!--tbdcd-txt-->
  738.                                                        <div class="tbdcd-date"><small>15/11/2024</small></div><!--tbdcd-date-->
  739.                                                        <div class="clearfix"></div>
  740.                                                    </a>
  741.                                                </li>
  742.  
  743.  
  744.                                            
  745.                                        </ul>
  746.                                    </div><!--tbdc-detail-01-->
  747.                                                                            <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/1" class="new-more" style="color: #4DBADB;float:right">更多</a>                                </div><!--/pills-b-->
  748.  
  749.                                <div class="tab-pane fade show " id="pills-c" role="tabpanel" aria-labelledby="pills-home-tab" >
  750.                                    <div class="tbdc-detail-01">
  751.                                        <ul>
  752.                                                                                                                                        <li>
  753.                                                    <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/401">
  754.                                                        <div class="tbdcd-label"><span class="tl-02">入學申請</span></div><!--tbdcd-label-->
  755.                                                        <div class="tbdcd-txt"><p>2025-2026年度入學申請</p></div><!--tbdcd-txt-->
  756.                                                        <div class="tbdcd-date"><small>14/10/2024</small></div><!--tbdcd-date-->
  757.                                                        <div class="clearfix"></div>
  758.                                                    </a>
  759.                                                </li>
  760.  
  761.  
  762.  
  763.  
  764.                                            
  765.                                        </ul>
  766.                                    </div><!--tbdc-detail-01-->
  767.                                                                            <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/2" class="new-more" style="color: #4DBADB;float:right">更多</a>                                </div><!--/pills-b-->
  768.                                <div class="tab-pane fade show " id="pills-d" role="tabpanel" aria-labelledby="pills-home-tab" >
  769.                                    <div class="tbdc-detail-01">
  770.                                        <ul>
  771.                                                                                        
  772.  
  773.                                                <li>
  774.                                                    <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/413">
  775.                                                        <div class="tbdcd-label"><span class="tl-03">每月備忘</span></div><!--tbdcd-label-->
  776.                                                        <div class="tbdcd-txt"><p>10月份備忘</p></div><!--tbdcd-txt-->
  777.                                                        <div class="tbdcd-date"><small>15/11/2024</small></div><!--tbdcd-date-->
  778.                                                        <div class="clearfix"></div>
  779.                                                    </a>
  780.                                                </li>
  781.  
  782.  
  783.                                            
  784.  
  785.                                                <li>
  786.                                                    <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/391">
  787.                                                        <div class="tbdcd-label"><span class="tl-03">每月備忘</span></div><!--tbdcd-label-->
  788.                                                        <div class="tbdcd-txt"><p>9月份備忘</p></div><!--tbdcd-txt-->
  789.                                                        <div class="tbdcd-date"><small>14/09/2024</small></div><!--tbdcd-date-->
  790.                                                        <div class="clearfix"></div>
  791.                                                    </a>
  792.                                                </li>
  793.  
  794.  
  795.                                            
  796.  
  797.                                                <li>
  798.                                                    <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/370">
  799.                                                        <div class="tbdcd-label"><span class="tl-03">每月備忘</span></div><!--tbdcd-label-->
  800.                                                        <div class="tbdcd-txt"><p>4月份備忘</p></div><!--tbdcd-txt-->
  801.                                                        <div class="tbdcd-date"><small>28/03/2024</small></div><!--tbdcd-date-->
  802.                                                        <div class="clearfix"></div>
  803.                                                    </a>
  804.                                                </li>
  805.  
  806.  
  807.                                            
  808.  
  809.                                                <li>
  810.                                                    <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/369">
  811.                                                        <div class="tbdcd-label"><span class="tl-03">每月備忘</span></div><!--tbdcd-label-->
  812.                                                        <div class="tbdcd-txt"><p>3月份備忘</p></div><!--tbdcd-txt-->
  813.                                                        <div class="tbdcd-date"><small>28/03/2024</small></div><!--tbdcd-date-->
  814.                                                        <div class="clearfix"></div>
  815.                                                    </a>
  816.                                                </li>
  817.  
  818.  
  819.                                            
  820.                                        </ul>
  821.                                    </div><!--tbdc-detail-01-->
  822.                                                                            <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/3" class="new-more" style="color: #4DBADB;float:right">更多</a>                                </div><!--/pills-b-->
  823.  
  824.                            </div>
  825.                        </div><!--/tb-datacon-->
  826.                    </div><!--/tab-box-->
  827.  
  828.                    <div class="gallery-box">
  829.                        <div class="gb-inner">
  830.                            <div class="panda-white"></div><!--/panda-white-->
  831.                            <div class="bird"></div><!--/bird-->
  832.                            <div class="gb-heading">
  833.                                <h1><a href="javascript:void(0);" style="cursor:default;"> 校園生活 </a></h1>
  834.                            </div><!--/tb-heading-->
  835.                            <div class="gb-detail">
  836.                                                                    <div id="jssor_1" class="abc-01">
  837.                                        <!-- Loading Screen -->
  838.                                        <div data-u="loading" class="jssorl-009-spin abc-02">
  839.  
  840.                                        </div>
  841.                                        <div data-u="slides" class="sm-pic" style="text-align: center;">
  842.                                                                                            <div>
  843.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/167963965569.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  844.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/167963965569-thumb.JPG" />
  845.                                                </div>
  846.                                                                                            <div>
  847.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608216441.jpg" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  848.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608216441-thumb.jpg" />
  849.                                                </div>
  850.                                                                                            <div>
  851.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608216140.jpg" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  852.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608216140-thumb.jpg" />
  853.                                                </div>
  854.                                                                                            <div>
  855.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/158771464425.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  856.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/158771464425-thumb.JPG" />
  857.                                                </div>
  858.                                                                                            <div>
  859.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608215939.jpg" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  860.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608215939-thumb.jpg" />
  861.                                                </div>
  862.                                                                                            <div>
  863.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608215638.jpg" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  864.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608215638-thumb.jpg" />
  865.                                                </div>
  866.                                                                                            <div>
  867.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608224545.jpg" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  868.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608224545-thumb.jpg" />
  869.                                                </div>
  870.                                                                                            <div>
  871.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608224746.jpg" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  872.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608224746-thumb.jpg" />
  873.                                                </div>
  874.                                                                                            <div>
  875.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608224043.jpg" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  876.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608224043-thumb.jpg" />
  877.                                                </div>
  878.                                                                                            <div>
  879.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608224847.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  880.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608224847-thumb.JPG" />
  881.                                                </div>
  882.                                                                                            <div>
  883.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608275648.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  884.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/163608275648-thumb.JPG" />
  885.                                                </div>
  886.                                                                                            <div>
  887.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/158771466931.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  888.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/158771466931-thumb.JPG" />
  889.                                                </div>
  890.                                                                                            <div>
  891.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/153742246613.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  892.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/153742246613-thumb.JPG" />
  893.                                                </div>
  894.                                                                                            <div>
  895.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/158771465127.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  896.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/158771465127-thumb.JPG" />
  897.                                                </div>
  898.                                                                                            <div>
  899.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/158771466029.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  900.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/158771466029-thumb.JPG" />
  901.                                                </div>
  902.                                                                                            <div>
  903.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582196249.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  904.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582196249-thumb.JPG" />
  905.                                                </div>
  906.                                                                                            <div>
  907.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582197853.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  908.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582197853-thumb.JPG" />
  909.                                                </div>
  910.                                                                                            <div>
  911.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582197151.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  912.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582197151-thumb.JPG" />
  913.                                                </div>
  914.                                                                                            <div>
  915.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582198254.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  916.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582198254-thumb.JPG" />
  917.                                                </div>
  918.                                                                                            <div>
  919.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582199157.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  920.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582199157-thumb.JPG" />
  921.                                                </div>
  922.                                                                                            <div>
  923.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582196750.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  924.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582196750-thumb.JPG" />
  925.                                                </div>
  926.                                                                                            <div>
  927.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582199558.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  928.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582199558-thumb.JPG" />
  929.                                                </div>
  930.                                                                                            <div>
  931.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582198756.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  932.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582198756-thumb.JPG" />
  933.                                                </div>
  934.                                                                                            <div>
  935.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582200761.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  936.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582200761-thumb.JPG" />
  937.                                                </div>
  938.                                                                                            <div>
  939.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582202466.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  940.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582202466-thumb.JPG" />
  941.                                                </div>
  942.                                                                                            <div>
  943.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582199959.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  944.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582199959-thumb.JPG" />
  945.                                                </div>
  946.                                                                                            <div>
  947.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582200360.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  948.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582200360-thumb.JPG" />
  949.                                                </div>
  950.                                                                                            <div>
  951.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582200862.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  952.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582200862-thumb.JPG" />
  953.                                                </div>
  954.                                                                                            <div>
  955.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582201764.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  956.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582201764-thumb.JPG" />
  957.                                                </div>
  958.                                                                                            <div>
  959.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582201363.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  960.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/166582201363-thumb.JPG" />
  961.                                                </div>
  962.                                                                                            <div>
  963.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/167963959567.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  964.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/167963959567-thumb.JPG" />
  965.                                                </div>
  966.                                                                                            <div>
  967.                                                    <img data-u="image" class="school" src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/167963963868.JPG" style="max-height: 100%;max-width: 100%;top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;" />
  968.                                                    <img data-u="thumb"  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/school/167963963868-thumb.JPG" />
  969.                                                </div>
  970.                                                                                    </div>
  971.                                        <!-- Thumbnail Navigator -->
  972.                                        <div data-u="thumbnavigator" class="jssort101 abc-03" data-autocenter="1" data-scale-bottom="0.75">
  973.                                            <div data-u="slides">
  974.                                                <div data-u="prototype" class="p abc-04" >
  975.                                                    <div data-u="thumbnailtemplate" class="t"></div>
  976.                                                    <svg viewBox="0 0 16000 16000" class="cv">
  977.                                                        <circle class="a" cx="8000" cy="8000" r="3238.1"></circle>
  978.                                                        <line class="a" x1="6190.5" y1="8000" x2="9809.5" y2="8000"></line>
  979.                                                        <line class="a" x1="8000" y1="9809.5" x2="8000" y2="6190.5"></line>
  980.                                                    </svg>
  981.                                                </div>
  982.                                            </div>
  983.                                        </div>
  984.                                        <!-- Arrow Navigator -->
  985.                                        <div data-u="arrowleft" class="jssora106 de-slide-left" style="width:20px;height:30px;top:162px;left:-40px;" data-scale="0.75">
  986.                                            <img src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/vb-slide-left.png" width="16" height="28"/>
  987.                                        </div>
  988.                                        <div data-u="arrowright" class="jssora106 de-slide-right" style="width:20px;height:30px;top:162px;right:-40px;;" data-scale="0.75">
  989.                                            <img src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/vb-slide-right.png" width="16" height="28"/>
  990.                                        </div>
  991.                                    </div>
  992.                                                            </div><!--/gb-detail-->
  993.                        </div><!--/gb-inner-->
  994.                    </div><!--/gallery-box-->
  995.                </div><!--/left-col-->
  996.                <div class="right-col">
  997.                    <div class="calender-box">
  998.                        <div class="cb-inner">
  999.                            <div class="crow"></div><!--/crow-->
  1000.                            <div class="cb-heading">
  1001.                                <h1><a>校曆表</a></h1>
  1002.                            </div><!--/tb-headin-->
  1003.                            <ul>
  1004.                                <li><a class="circle-01">公眾假期</a></li>
  1005.                                <li><a class="circle-02" >學校假期</a></li>
  1006.                                <li><a class="circle-03">學校活動</a></li>
  1007.                            </ul>
  1008.                            <div class="full-cal">
  1009.                                <div class="fc-body">
  1010.                                    <div class="fcb-head">
  1011.                                        <p>
  1012.                                            <a href="javascript:void(0);" onclick="previewmonth()"><img src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/cal-left-arrow.png"/></a>
  1013.                                            <a href="javascript:void(0);"><span id="month" data-month="11">11月</span> <span id="year" data-year="2024">2024</span></a>
  1014.                                            <a href="javascript:void(0);" onclick="next()"><img src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/cal-right-arrow.png"/></a>
  1015.                                        </p>
  1016.                                        <ol>
  1017.                                            <li><a href="javascript:void(0);" style="cursor:default;">日</a></li>
  1018.                                            <li><a href="javascript:void(0);" style="cursor:default;">一</a></li>
  1019.                                            <li><a href="javascript:void(0);" style="cursor:default;">二</a></li>
  1020.                                            <li><a href="javascript:void(0);" style="cursor:default;">三</a></li>
  1021.                                            <li><a href="javascript:void(0);" style="cursor:default;">四</a></li>
  1022.                                            <li><a href="javascript:void(0);" style="cursor:default;">五</a></li>
  1023.                                            <li><a href="javascript:void(0);" style="cursor:default;">六</a></li>
  1024.                                            <div class="clearfix"></div>
  1025.                                        </ol>
  1026.                                    </div><!--fcb-head-->
  1027.                                    <div class="fcb-content">
  1028.                                        <dl id="date">
  1029.                                                                                            <li><a href="javascript:void(0);"></a></li>
  1030.                                                                                            <li><a href="javascript:void(0);"></a></li>
  1031.                                                                                            <li><a href="javascript:void(0);"></a></li>
  1032.                                                                                            <li><a href="javascript:void(0);"></a></li>
  1033.                                                                                            <li><a href="javascript:void(0);"></a></li>
  1034.                                                                                                                                                                                            <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">1</a></li>
  1035.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">2</a></li>
  1036.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">3</a></li>
  1037.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">4</a></li>
  1038.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">5</a></li>
  1039.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">6</a></li>
  1040.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">7</a></li>
  1041.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">8</a></li>
  1042.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">9</a></li>
  1043.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">10</a></li>
  1044.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">11</a></li>
  1045.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">12</a></li>
  1046.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">13</a></li>
  1047.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">14</a></li>
  1048.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">15</a></li>
  1049.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">16</a></li>
  1050.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">17</a></li>
  1051.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">18</a></li>
  1052.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">19</a></li>
  1053.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">20</a></li>
  1054.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">21</a></li>
  1055.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">22</a></li>
  1056.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">23</a></li>
  1057.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">24</a></li>
  1058.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">25</a></li>
  1059.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">26</a></li>
  1060.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">27</a></li>
  1061.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">28</a></li>
  1062.                                                                                                                                                                                                <li><a class="active-02" href="javascript:void(0);" target="_blank" style="cursor:default;">29</a></li>
  1063.                                                                                                                                                                                                <li><a class="" href="javascript:void(0);" target="_blank" style="cursor:default;">30</a></li>
  1064.                                                                                                                                        <div class="clearfix"></div>
  1065.                                        </dl>
  1066.                                    </div><!--/fcb-content-->
  1067.                                </div><!--/fc-body-->
  1068.                            </div><!--/full-cal-->
  1069.                            <div class="full-cal-detail" style="overflow: auto;max-height:212.5px;">
  1070.                                <ol id="event">
  1071.                                                                            <li>
  1072.                                                                                                    <a href="javascript:void(0);"  style="cursor:default;">
  1073.                                                            
  1074.                                                                                                                            <span>29/11/2024</span>
  1075.                                                                                                                        <p><span class="type-2"></span>
  1076.                                                                                                                                                                                                            教師發展日
  1077.                                                                                                                                    
  1078.                                                            </p>
  1079.                                                        </a>
  1080.                                                </a>
  1081.                                        </li>
  1082.                                    
  1083.                                </ol>
  1084.  
  1085.                            </div><!--/full-cal-detail-->
  1086.                            <div class="clearfix"></div>
  1087.  
  1088.                        </div><!--/cb-inner-->
  1089.                    </div><!--/calender-box-->
  1090.                    <style>
  1091.                        .video-box-wrap{
  1092.                            position:relative;
  1093.                            z-index:2;
  1094.                        }
  1095.  
  1096.                    </style>
  1097.                    <div class="video-box-wrap">
  1098.                        <div class="video-box">
  1099.                            <div class="dog-foot-01"></div><!--dog-foot-01-->
  1100.                            <div class="dog-foot-02"></div><!--dog-foot-02-->
  1101.                            <div class="vb-heading">
  1102.                                <h1><span  style="cursor:default;">電視台</span></h1>
  1103.                            </div><!--/vb-heading-->
  1104.                            <div class="vb-slider">
  1105.                                <div id="video-slide" class="owl-carousel">
  1106.                                                                                                                                                            <div class="vbs-iframe-con" data-id="69">
  1107.                                                <div style="margin-bottom: 7px; padding: 0px 5px">2023-2024年度高班畢業典禮 </div>
  1108.                                                <div class="vbsic-play">
  1109.                                                    <video  id="myvideo" class="video69" controls="controls" controlsList="nodownload" preload="auto" loop="loop" poster="">
  1110.                                                        <source  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/video/202310/4d416eb1dcf7813f7f18ad72d79377c7.mp4" type="video/mp4" autobuffer />
  1111.                                                        您的浏览器不支持 video 标签。
  1112.                                                    </video>
  1113.                                                    
  1114.                                                </div><!--vbsic-play-->
  1115.                                            </div><!--vbs-iframe-con-->
  1116.                                        
  1117.                                                                                                                        <div class="vbs-iframe-con" data-id="68">
  1118.                                                <div style="margin-bottom: 7px; padding: 0px 5px">大埔區第42屆校際舞蹈比賽 </div>
  1119.                                                <div class="vbsic-play">
  1120.                                                    <video  id="myvideo" class="video68" controls="controls" controlsList="nodownload" preload="auto" loop="loop" poster="">
  1121.                                                        <source  src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/video/202310/781f037a2e91e55a27b41de4e34e963a.mp4" type="video/mp4" autobuffer />
  1122.                                                        您的浏览器不支持 video 标签。
  1123.                                                    </video>
  1124.                                                    
  1125.                                                </div><!--vbsic-play-->
  1126.                                            </div><!--vbs-iframe-con-->
  1127.                                        
  1128.                                                                            
  1129.                                            <div class="vbs-iframe-con" >
  1130.                                                <div style="margin-bottom: 7px; padding: 0px 5px ">2020-2021年度聯校畢業典禮 花絮 </div>
  1131.                                                <div class="vbsic-play">
  1132.                                                    <iframe src="https://www.youtube.com/embed/jyIhhksKYRw?enablejsapi=1&amp;version=3&amp;playerapiid=ytplayer&amp;controls=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
  1133.  
  1134.                                                </div><!--vbsic-play-->
  1135.                                            </div><!--vbs-iframe-con-->
  1136.  
  1137.  
  1138.                                        
  1139.                                                                            
  1140.                                            <div class="vbs-iframe-con" >
  1141.                                                <div style="margin-bottom: 7px; padding: 0px 5px ">2020/21 年度 齊惜福計劃 </div>
  1142.                                                <div class="vbsic-play">
  1143.                                                    <iframe src="https://www.youtube.com/embed/3ratyJjC7CE?enablejsapi=1&amp;version=3&amp;playerapiid=ytplayer&amp;controls=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
  1144.  
  1145.                                                </div><!--vbsic-play-->
  1146.                                            </div><!--vbs-iframe-con-->
  1147.  
  1148.  
  1149.                                        
  1150.                                                                            
  1151.                                            <div class="vbs-iframe-con" >
  1152.                                                <div style="margin-bottom: 7px; padding: 0px 5px "> 兒童大合唱《齊齊過新年》| 保良局鄧碧雲紀念幼稚園 </div>
  1153.                                                <div class="vbsic-play">
  1154.                                                    <iframe src="https://www.youtube.com/embed/UPACu2UpiaM?enablejsapi=1&amp;version=3&amp;playerapiid=ytplayer&amp;controls=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
  1155.  
  1156.                                                </div><!--vbsic-play-->
  1157.                                            </div><!--vbs-iframe-con-->
  1158.  
  1159.  
  1160.                                        
  1161.                                                                            
  1162.                                            <div class="vbs-iframe-con" >
  1163.                                                <div style="margin-bottom: 7px; padding: 0px 5px "> 《恭喜你》老師新春大合唱 | 保良局鄧碧雲紀念幼稚園 </div>
  1164.                                                <div class="vbsic-play">
  1165.                                                    <iframe src="https://www.youtube.com/embed/5gNarU-c9ug?enablejsapi=1&amp;version=3&amp;playerapiid=ytplayer&amp;controls=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
  1166.  
  1167.                                                </div><!--vbsic-play-->
  1168.                                            </div><!--vbs-iframe-con-->
  1169.  
  1170.  
  1171.                                        
  1172.                                                                            
  1173.                                            <div class="vbs-iframe-con" >
  1174.                                                <div style="margin-bottom: 7px; padding: 0px 5px "> 🎅🏻 Merry Christmas 🎄聖誕佳節特輯🎄保良局鄧碧雲紀念幼稚園 🎁 </div>
  1175.                                                <div class="vbsic-play">
  1176.                                                    <iframe src="https://www.youtube.com/embed/oPgqpKzoeVM&amp;t=3s?enablejsapi=1&amp;version=3&amp;playerapiid=ytplayer&amp;controls=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
  1177.  
  1178.                                                </div><!--vbsic-play-->
  1179.                                            </div><!--vbs-iframe-con-->
  1180.  
  1181.  
  1182.                                        
  1183.                                                                            
  1184.                                            <div class="vbs-iframe-con" >
  1185.                                                <div style="margin-bottom: 7px; padding: 0px 5px ">無煙有LIKE </div>
  1186.                                                <div class="vbsic-play">
  1187.                                                    <iframe src="https://www.youtube.com/embed/aLc6HAPSabA?enablejsapi=1&amp;version=3&amp;playerapiid=ytplayer&amp;controls=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
  1188.  
  1189.                                                </div><!--vbsic-play-->
  1190.                                            </div><!--vbs-iframe-con-->
  1191.  
  1192.  
  1193.                                        
  1194.                                                                            
  1195.                                            <div class="vbs-iframe-con" >
  1196.                                                <div style="margin-bottom: 7px; padding: 0px 5px ">20190410 爬蟲專家再次到訪 </div>
  1197.                                                <div class="vbsic-play">
  1198.                                                    <iframe src="https://www.youtube.com/embed/Jcc-RdhKNI0?enablejsapi=1&amp;version=3&amp;playerapiid=ytplayer&amp;controls=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
  1199.  
  1200.                                                </div><!--vbsic-play-->
  1201.                                            </div><!--vbs-iframe-con-->
  1202.  
  1203.  
  1204.                                        
  1205.                                                                            
  1206.                                            <div class="vbs-iframe-con" >
  1207.                                                <div style="margin-bottom: 7px; padding: 0px 5px ">全港挺直護脊操 </div>
  1208.                                                <div class="vbsic-play">
  1209.                                                    <iframe src="https://www.youtube.com/embed/5qiRB07Q5uA?enablejsapi=1&amp;version=3&amp;playerapiid=ytplayer&amp;controls=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
  1210.  
  1211.                                                </div><!--vbsic-play-->
  1212.                                            </div><!--vbs-iframe-con-->
  1213.  
  1214.  
  1215.                                        
  1216.                                                                            
  1217.                                            <div class="vbs-iframe-con" >
  1218.                                                <div style="margin-bottom: 7px; padding: 0px 5px "> 「開合跳挑戰」短片比賽 </div>
  1219.                                                <div class="vbsic-play">
  1220.                                                    <iframe src="https://www.youtube.com/embed/pNr7_9B406o?enablejsapi=1&amp;version=3&amp;playerapiid=ytplayer&amp;controls=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
  1221.  
  1222.                                                </div><!--vbsic-play-->
  1223.                                            </div><!--vbs-iframe-con-->
  1224.  
  1225.  
  1226.                                        
  1227.                                                                            
  1228.                                            <div class="vbs-iframe-con" >
  1229.                                                <div style="margin-bottom: 7px; padding: 0px 5px ">22 23 K3結業禮幼稚園生活片段 </div>
  1230.                                                <div class="vbsic-play">
  1231.                                                    <iframe src="https://www.youtube.com/embed/wlnbL0MUraA?enablejsapi=1&amp;version=3&amp;playerapiid=ytplayer&amp;controls=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
  1232.  
  1233.                                                </div><!--vbsic-play-->
  1234.                                            </div><!--vbs-iframe-con-->
  1235.  
  1236.  
  1237.                                        
  1238.                                                                            
  1239.                                            <div class="vbs-iframe-con" >
  1240.                                                <div style="margin-bottom: 7px; padding: 0px 5px ">22 23K3全級結業禮畢業感言 </div>
  1241.                                                <div class="vbsic-play">
  1242.                                                    <iframe src="https://www.youtube.com/embed/Lvj2W_9YZZ4?enablejsapi=1&amp;version=3&amp;playerapiid=ytplayer&amp;controls=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
  1243.  
  1244.                                                </div><!--vbsic-play-->
  1245.                                            </div><!--vbs-iframe-con-->
  1246.  
  1247.  
  1248.                                        
  1249.                                    
  1250.  
  1251.  
  1252.  
  1253.  
  1254.                                </div>
  1255.                            </div><!--vb-slider-->
  1256.                            <div class="vb_sld"><a style="color:#4DBADB;" href="https://www.plkkgs.edu.hk/plktbwmkg/hk/video">更多</a></div>
  1257.                        </div><!--/video-box-->
  1258.                    </div>
  1259.  
  1260.                    <div class="news-box">
  1261.                        <div class="nb-inner">
  1262.                            <div class="zebra"></div><!--/zebra-->
  1263.                            <div class="nb-heading">
  1264.                                <h1><a href="javascript:void(0);" style="cursor:default;">聯校資訊</a></h1>
  1265.                            </div><!--/tb-headin-->
  1266.                            <div class="nb-detail">
  1267.                                <ul>
  1268.  
  1269.                                                                            <li style="text-align: center">
  1270.                                            暫没有資料提供
  1271.                                        </li>
  1272.                                                                                                            <div class="clearfix"></div>
  1273.  
  1274.  
  1275.                                </ul>
  1276.  
  1277.  
  1278.                            </div><!--/nb-detail-->
  1279.                        </div><!--nb-inner-->
  1280.                    </div><!--/news-box-->
  1281.  
  1282.                </div><!--/right-col-->
  1283.  
  1284.  
  1285.                <div class="clearfix"></div>
  1286.                <div class="partners">
  1287.                    <div class="partners_head" >網站連結:</div>
  1288.                    <div class="partners-inner">
  1289.                        <div id="patners" class="owl-carousel">
  1290.                                                            <span><a target="_blank" href="http://www.poleungkuk.org.hk/"><img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/patner/15668797614.PNG"/></a></span>
  1291.                                                            <span><a target="_blank" href="https://www.edb.gov.hk/tc/edu-system/preprimary-kindergarten/kindergarten-k1-admission-arrangements/front.html"><img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/patner/172888860210.jpg"/></a></span>
  1292.                                                            <span><a target="_blank" href="https://www.edb.gov.hk/en/edu-system/preprimary-kindergarten/kindergarten-k1-admission-arrangements/front.html"><img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/patner/172888878011.jpg"/></a></span>
  1293.                                                            <span><a target="_blank" href="https://www.poleungkuk.org.hk/news-of-education/projects/plk-kindergartens-primary-schools-alliance"><img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/patner/16938909589.jpg"/></a></span>
  1294.                                                            <span><a target="_blank" href="http://www.edb.gov.hk/"><img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/patner/15226506842.png"/></a></span>
  1295.                                                            <span><a target="_blank" href="http://www.dh.gov.hk/"><img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/patner/15226506943.png"/></a></span>
  1296.                                                            <span><a target="_blank" href="https://www.swd.gov.hk"><img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/patner/15226506711.png"/></a></span>
  1297.                                                            <span><a target="_blank" href="https://www.facebook.com/plktbwmkg/"><img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/patner/15998164077.png"/></a></span>
  1298.                                                            <span><a target="_blank" href="https://www.instagram.com/"><img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/patner/16796399298.jpg"/></a></span>
  1299.                                                            <span><a target="_blank" href="https://www.parent.edu.hk/"><img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/patner/15375189986.jpg"/></a></span>
  1300.                                                            <span><a target="_blank" href="http://www.ecf.gov.hk/tc/home/index.html"><img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/patner/15264602175.gif"/></a></span>
  1301.                                                    </div><!--owl-carousel-->
  1302.                    </div><!--/partners-inner-->
  1303.                </div><!--partners-->
  1304.            </div><!--/full-col-->
  1305.  
  1306.        </div><!--/container-->
  1307.    </section><!--/middle-part-->
  1308.            <div class="modal fade" id="landing-notification" tabindex="-1" role="dialog">
  1309.            <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  1310.                <div class="modal-content">
  1311.                    <div class="modal-header" style="border: none">
  1312.                        <h5 class="modal-title"></h5>
  1313.                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1314.                            <span aria-hidden="true">&times;</span>
  1315.                        </button>
  1316.                    </div>
  1317.                    <div class="modal-body introduction-dialog-modal">
  1318.                                                                                    <p style="text-align: center;"><img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/photo/17264042113710.jpg" style="width: 50%;"></p><p style="text-align: center;"><a href="https://www.hk01.com/教育發展/1053414/校園天地-保良局鄧碧雲幼稚園參考歐美幼教模式-推高階思維學習?utm_source=01appshare&amp;utm_medium=referral" target="_blank">保良局鄧碧雲幼稚園參考歐美幼教模式-推高階思維學習</a><br></p>
  1319.                                                                        </div>
  1320.                </div>
  1321.            </div>
  1322.        </div>
  1323.        <script>
  1324.            $('#landing-notification').modal('show')
  1325.        </script>
  1326.        <script>
  1327.        var all_date = new Array();
  1328.  
  1329.        $(document).ready(function(){
  1330.            $('.school').css("width",'');
  1331.            $('.school').css("height",'');
  1332.  
  1333.  
  1334.        });
  1335.        $(function () {
  1336.            $('.tl-02').dotdotdot({truncate: 'letter'});
  1337.            $('.tl-03').dotdotdot({truncate: 'letter'});
  1338.            var selectYear = $('#year').data('year');
  1339.            $.ajax({
  1340.                type: "POST",
  1341.                url: 'https://www.plkkgs.edu.hk/plktbwmkg/api/cms/event/year',
  1342.                data:{year:selectYear},
  1343.                success: function (success) {
  1344.                    all_date[selectYear] = success;
  1345.  
  1346.                }
  1347.            });
  1348.  
  1349.        });
  1350.  
  1351.        function getyear(year) {
  1352.            $.ajax({
  1353.                type: "POST",
  1354.                url: 'https://www.plkkgs.edu.hk/plktbwmkg/api/cms/event/year',
  1355.                data:{year:year},
  1356.                success: function (success) {
  1357.                    all_date[year] = success;
  1358.                }
  1359.            });
  1360.        }
  1361.  
  1362.        var eng = new Array();
  1363.        eng[1] = 'Jan';
  1364.        eng[2] = 'Feb';
  1365.        eng[3] = 'Mar';
  1366.        eng[4] = 'Apr';
  1367.        eng[5] = 'May';
  1368.        eng[6] = 'June';
  1369.        eng[7] = 'July';
  1370.        eng[8] = 'Aug';
  1371.        eng[9] = 'Sept';
  1372.        eng[10] = 'Oct';
  1373.        eng[11] = 'Nov';
  1374.        eng[12] = 'Dec';
  1375.  
  1376.  
  1377.        function previewmonth() {
  1378.  
  1379.            var month = $('#month').data('month');
  1380.            var year = $('#year').data('year');
  1381.            if (month - 3 <= 0 && !all_date[year-1]){
  1382.                getyear(year-1);
  1383.            }
  1384.            if (month - 1 <= 0){
  1385.                $('#month').data('month',12);
  1386.                                 $('#month').text(12+'月');
  1387.                
  1388.                $('#year').data('year',year-1);
  1389.                $('#year').text(year-1);
  1390.  
  1391.            }else{
  1392.                $('#month').data('month',month-1);
  1393.                                 $('#month').text(month - 1+'月');
  1394.                
  1395.  
  1396.            }
  1397.            setCalendar()
  1398.        }
  1399.  
  1400.        function next() {
  1401.            var month = $('#month').data('month');
  1402.            var year = $('#year').data('year');
  1403.            if (month + 3 > 12 && !all_date[year+1]){
  1404.                getyear(year+1);
  1405.            }
  1406.            if (month + 1 > 12){
  1407.                $('#month').data('month',1);
  1408.                                 $('#month').text(1+'月');
  1409.                
  1410.                $('#year').data('year',year+1);
  1411.                $('#year').text(year+1);
  1412.  
  1413.            }else{
  1414.                $('#month').data('month',month+1);
  1415.                                     $('#month').text(month + 1+'月');
  1416.                
  1417.            }
  1418.            setCalendar()
  1419.        }
  1420.        function setCalendar(){
  1421.            $("#date").html("");
  1422.            $("#event").html("");
  1423.            var selectYear = $('#year').data('year');
  1424.            var selectMonth = $('#month').data('month');
  1425.            var d = new Date();
  1426.            d.setYear(selectYear);
  1427.            d.setMonth(selectMonth-1,1);
  1428.  
  1429.  
  1430.  
  1431.  
  1432.  
  1433.            for (var i = 0;i < d.getDay();i++){
  1434.                $("#date").append("<li><a href='javascript:void(0);'></a></li>");
  1435.            }
  1436.            var type = new Array();
  1437.            type[1] = '公眾假期';
  1438.            type[2] = '學校假期';
  1439.            type[3] = '學校活動';
  1440.  
  1441.            var type_eng = new Array();
  1442.            type_eng[1] = 'Public Holiday';
  1443.            type_eng[2] = 'School Holiday';
  1444.            type_eng[3] = 'School Activity';
  1445.            var success = all_date[selectYear][selectMonth];
  1446.  
  1447.            for(var j=0;j<success[0].length;j++){
  1448.  
  1449.                if (success[0][j][2] == 'javascript:void(0);'){
  1450.                    $("#date").append(" <li><a class='"+success[0][j][1]+"' href='"+success[0][j][2]+"'  style='cursor:default;'>"+success[0][j][0]+"</a></li>");
  1451.  
  1452.                }else{
  1453.                    $("#date").append(" <li><a class='"+success[0][j][1]+"' href='"+success[0][j][2]+"' target='_blank'>"+success[0][j][0]+"</a></li>");
  1454.  
  1455.                }            }
  1456.  
  1457.            for (var i in success[1]){
  1458.  
  1459.                if (success[1][i].url == 'javascript:void(0);'){
  1460.                    var html = ' <li><a href="'+success[1][i].url+'" style="cursor:default;">';
  1461.                }else{
  1462.                    var html = ' <li><a target="_blank" href="'+success[1][i].url+'">';
  1463.                }
  1464.                if( success[1][i].from_format == success[1][i].to_format)
  1465.                    html += '  <span>'+success[1][i].from_format+' </span>';
  1466.                else
  1467.                    html += '  <span>'+success[1][i].from_format+' - '+success[1][i].to_format+' </span>';
  1468.  
  1469.  
  1470.                                if(success[1][i].is_chi == 1)
  1471.                    html +=' <p><span class="type-'+success[1][i].type+'"></span>'+success[1][i].title_chi+'</p> </a> </li>';
  1472.                else
  1473.                    html +=' <p><span class="type-'+success[1][i].type+'"></span>'+type[success[1][i].type]+'</p> </a> </li>';
  1474.                                    html += '<div class="clearfix"></div>';
  1475.                $('#event').append(html);
  1476.            }
  1477.  
  1478.        }
  1479.  
  1480.  
  1481.  
  1482.  
  1483.    </script>
  1484.  
  1485.  
  1486.    <script>
  1487.        $('#slider').owlCarousel({
  1488.            loop:false,
  1489.            margin:0,
  1490.            dots:true,
  1491.            autoplay:true,
  1492.            autoplayTimeout:5000,
  1493.            nav:false,
  1494.            autoplayHoverPause:false,
  1495.            responsiveClass:true,
  1496.  
  1497.            responsive:{
  1498.                0:{
  1499.                    items:1,
  1500.                    nav:false
  1501.                },
  1502.                600:{
  1503.                    items:1,
  1504.                    nav:false
  1505.                },
  1506.                1000:{
  1507.                    items:1,
  1508.                    nav:false,
  1509.                    loop:true,
  1510.                    dots:true
  1511.                }
  1512.            }
  1513.        })
  1514.  
  1515.    </script>
  1516.  
  1517.    <script>
  1518.        $('#video-slide').owlCarousel({
  1519.            loop:true,
  1520.            margin:0,
  1521.            dots:true,
  1522.            autoplay:false,
  1523.            nav:true,
  1524.                        navText: ["<img src='https://www.plkkgs.edu.hk/plktbwmkg/sky/images/vb-slide-left.png' onclick='video2()'>","<img src='https://www.plkkgs.edu.hk/plktbwmkg/sky/images/vb-slide-right.png' onclick='video2()'>"],
  1525.                                
  1526.            responsiveClass:true,
  1527.            responsive:{
  1528.                0:{
  1529.                    items:1,
  1530.                    nav:true
  1531.                },
  1532.                600:{
  1533.                    items:1,
  1534.                    nav:false
  1535.                },
  1536.                1000:{
  1537.                    items:1,
  1538.                    nav:true
  1539.  
  1540.  
  1541.                }
  1542.            },
  1543.        });
  1544.  
  1545.        function video2() {
  1546.  
  1547.            var a = $('.owl-item.active').children(".vbs-iframe-con").children('.vbsic-play').children('video');
  1548.            if (a)
  1549.                a.trigger('pause');
  1550.            var b = $('.owl-item.active').children(".vbs-iframe-con").children('.vbsic-play').children('iframe');
  1551.            if (b){
  1552.                b.each(function(){
  1553.                    b[0].contentWindow.postMessage(
  1554.                        '{"event":"command","func":"pauseVideo","args":""}', '*');
  1555.                });
  1556.            }
  1557.  
  1558.        }
  1559.  
  1560.  
  1561.  
  1562.    </script>
  1563.  
  1564.  
  1565.  
  1566.    <script>
  1567.        var patners =  $('#patners').owlCarousel({
  1568.            loop:false,
  1569.            margin:0,
  1570.            dots:true,
  1571.            autoplay:true,
  1572.            autoplayTimeout:2000,
  1573.            autoplayHoverPause:false,
  1574.            rewindNav:true,
  1575.            nav:true,
  1576.            navText: ["<img src='https://www.plkkgs.edu.hk/plktbwmkg/sky/images/grey-left.png' '>","<img src='https://www.plkkgs.edu.hk/plktbwmkg/sky/images/grey-right.png'>"],
  1577.            responsiveClass:true,
  1578.            responsive:{
  1579.                0:{
  1580.                    items:1,
  1581.                    nav:true
  1582.                },
  1583.                600:{
  1584.                    items:2,
  1585.                    nav:true
  1586.                },
  1587.                1000:{
  1588.                    items:3,
  1589.                    nav:true
  1590.  
  1591.                },
  1592.                1200:{
  1593.                    items:4,
  1594.                    nav:false
  1595.  
  1596.                }
  1597.            }
  1598.        });
  1599.  
  1600.  
  1601.        patners.on('translated.owl.carousel', function(event) {
  1602.  
  1603.            var items     = event.item.count;
  1604.            var item      = event.item.index;
  1605.            var size      = event.page.size;
  1606.            if (item == items-size){
  1607.                setTimeout(
  1608.                    function () {
  1609.                        patners.trigger('to.owl.carousel',[0]);
  1610.                    },2000
  1611.                );
  1612.  
  1613.            }
  1614.  
  1615.        })
  1616.  
  1617.  
  1618.    </script>
  1619.    <script type="text/javascript">
  1620.        jssor_1_slider_init = function() {
  1621.  
  1622.            var jssor_1_SlideshowTransitions = [
  1623.                {$Duration:1200,x:0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1624.                {$Duration:1200,x:-0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1625.                {$Duration:1200,x:-0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1626.                {$Duration:1200,x:0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1627.                {$Duration:1200,y:0.3,$During:{$Top:[0.3,0.7]},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1628.                {$Duration:1200,y:-0.3,$SlideOut:true,$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1629.                {$Duration:1200,y:-0.3,$During:{$Top:[0.3,0.7]},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1630.                {$Duration:1200,y:0.3,$SlideOut:true,$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1631.                {$Duration:1200,x:0.3,$Cols:2,$During:{$Left:[0.3,0.7]},$ChessMode:{$Column:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1632.                {$Duration:1200,x:0.3,$Cols:2,$SlideOut:true,$ChessMode:{$Column:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1633.                {$Duration:1200,y:0.3,$Rows:2,$During:{$Top:[0.3,0.7]},$ChessMode:{$Row:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1634.                {$Duration:1200,y:0.3,$Rows:2,$SlideOut:true,$ChessMode:{$Row:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1635.                {$Duration:1200,y:0.3,$Cols:2,$During:{$Top:[0.3,0.7]},$ChessMode:{$Column:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1636.                {$Duration:1200,y:-0.3,$Cols:2,$SlideOut:true,$ChessMode:{$Column:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1637.                {$Duration:1200,x:0.3,$Rows:2,$During:{$Left:[0.3,0.7]},$ChessMode:{$Row:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1638.                {$Duration:1200,x:-0.3,$Rows:2,$SlideOut:true,$ChessMode:{$Row:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1639.                {$Duration:1200,x:0.3,y:0.3,$Cols:2,$Rows:2,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$ChessMode:{$Column:3,$Row:12},$Easing:{$Left:$Jease$.$InCubic,$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1640.                {$Duration:1200,x:0.3,y:0.3,$Cols:2,$Rows:2,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$SlideOut:true,$ChessMode:{$Column:3,$Row:12},$Easing:{$Left:$Jease$.$InCubic,$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1641.                {$Duration:1200,$Delay:20,$Clip:3,$Assembly:260,$Easing:{$Clip:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1642.                {$Duration:1200,$Delay:20,$Clip:3,$SlideOut:true,$Assembly:260,$Easing:{$Clip:$Jease$.$OutCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1643.                {$Duration:1200,$Delay:20,$Clip:12,$Assembly:260,$Easing:{$Clip:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1644.                {$Duration:1200,$Delay:20,$Clip:12,$SlideOut:true,$Assembly:260,$Easing:{$Clip:$Jease$.$OutCubic,$Opacity:$Jease$.$Linear},$Opacity:2}
  1645.            ];
  1646.  
  1647.            var jssor_1_options = {
  1648.                $AutoPlay: 1,
  1649.                $SlideshowOptions: {
  1650.                    $Class: $JssorSlideshowRunner$,
  1651.                    $Transitions: jssor_1_SlideshowTransitions,
  1652.                    $TransitionsOrder: 1
  1653.                },
  1654.                $ArrowNavigatorOptions: {
  1655.                    $Class: $JssorArrowNavigator$
  1656.                },
  1657.                $ThumbnailNavigatorOptions: {
  1658.                    $Class: $JssorThumbnailNavigator$,
  1659.                    $Cols: 3,
  1660.                    $SpacingX: 5,
  1661.                    $SpacingY: 5,
  1662.                    $Align: 145
  1663.                }
  1664.            };
  1665.  
  1666.            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
  1667.  
  1668.            /*#region responsive code begin*/
  1669.  
  1670.            var MAX_WIDTH = 457;
  1671.  
  1672.            function ScaleSlider() {
  1673.                var containerElement = jssor_1_slider.$Elmt.parentNode;
  1674.                var containerWidth = containerElement.clientWidth;
  1675.  
  1676.                if (containerWidth) {
  1677.  
  1678.                    var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);
  1679.  
  1680.                    jssor_1_slider.$ScaleWidth(expectedWidth);
  1681.                }
  1682.                else {
  1683.                    window.setTimeout(ScaleSlider, 30);
  1684.                }
  1685.            }
  1686.  
  1687.            ScaleSlider();
  1688.  
  1689.            $Jssor$.$AddEvent(window, "load", ScaleSlider);
  1690.            $Jssor$.$AddEvent(window, "resize", ScaleSlider);
  1691.            $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
  1692.            /*#endregion responsive code end*/
  1693.        };
  1694.    </script>
  1695.    <script type="text/javascript">jssor_1_slider_init();</script>
  1696.  
  1697. <footer>
  1698.    <div class="container">
  1699.        <div class="row">
  1700.            <div class="col-12 col-sm-12 col-md-9">
  1701.                <div class="quick-links">
  1702.                    <div class="ql-heading"><h1><a href="javascript:void(0);" style="cursor:default">網站索引</a></h1></div><!--/ql-heading-->
  1703.                    <ul id="site">
  1704.                        <li><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk">主頁</a></li>
  1705.  
  1706.  
  1707.  
  1708.  
  1709.  
  1710.                        
  1711.                    </ul>
  1712.  
  1713.                </div><!--/quick-links-->
  1714.            </div><!--/col-md-9-->
  1715.            <div class="col-12 col-sm-12 col-md-3">
  1716.                <div class="contect-dtl">
  1717.                    <div class="cd-heading"><h1><a href="javascript:void(0);" style="cursor:default">聯絡資訊</a></h1></div><!--/ql-heading-->
  1718.                    <ul>
  1719.                        <li style="overflow:hidden"><span style="  float: left;">地址</span><div style="float: left;">:&nbsp;</div><div style="display: inline-block;width: 200px;float: left;" id="address"></div> </li>
  1720.                        <li id="phone"><span>電話</span>: </li>
  1721.                        <li id="fax"><span>傳真</span>: </li>
  1722.                        <li id="email"><span>電郵</span>: </li>
  1723.                    </ul>
  1724.                </div><!--/contect-dtl-->
  1725.            </div><!--/col-md-3-->
  1726.            <div class="clearfix"></div>
  1727.            <div class="col-12 col-sm-12">
  1728.                <div class="copy-right"><p>© 2018 版權屬 保良局鄧碧雲紀念幼稚園所有</p></div><!--/copy-right-->
  1729.            </div><!--/col-sm-12-->
  1730.        </div><!--/row-->
  1731.    </div><!--/container-fluid-->
  1732. </footer>
  1733. <script>
  1734.    function changeSize() {
  1735.        var chi = $(".web-name").text();
  1736.        if (chi.length >= 10 && chi.length <=17){
  1737.            switch (chi.length){
  1738.                case 10:
  1739.                    $(".web-name").css({
  1740.                        fontSize:'30px'
  1741.                    });
  1742.                    break;
  1743.                case 11:
  1744.                    $(".web-name").css({
  1745.                        fontSize:'29px'
  1746.                    });
  1747.                    break;
  1748.                case 12:
  1749.                    $(".web-name").css({
  1750.                        fontSize:'27px'
  1751.                    });
  1752.                    break;
  1753.                case 13:
  1754.                    $(".web-name").css({
  1755.                        fontSize:'25px'
  1756.                    });
  1757.                    break;
  1758.                case 14 :
  1759.                    $(".web-name").css({
  1760.                        fontSize:'24px'
  1761.                    });
  1762.                    break;
  1763.                case 15:
  1764.                    $(".web-name").css({
  1765.                        fontSize:'22px'
  1766.                    });
  1767.                    break;
  1768.                case 17:
  1769.                    $(".web-name").css({
  1770.                        fontSize:'19px'
  1771.                    });
  1772.                    break;
  1773.            }
  1774.        }else if(chi.length < 10){
  1775.            $(".web-name").css({
  1776.                fontSize:'30px'
  1777.            });
  1778.        }else if(chi.length > 17){
  1779.            $(".web-name").css({
  1780.                fontSize:'19px'
  1781.            });
  1782.        }
  1783.    }
  1784.    function changeSmallSize() {
  1785.        var chi = $(".web-name").text();
  1786.        if (chi.length >= 10 && chi.length <=17){
  1787.            switch (chi.length){
  1788.                case 10:
  1789.                    $(".web-name").css({
  1790.                        fontSize:'24px'
  1791.                    });
  1792.                    break;
  1793.                case 11:
  1794.                    $(".web-name").css({
  1795.                        fontSize:'22px'
  1796.                    });
  1797.                    break;
  1798.                case 12:
  1799.                    $(".web-name").css({
  1800.                        fontSize:'20px'
  1801.                    });
  1802.                    break;
  1803.                case 13:
  1804.                    $(".web-name").css({
  1805.                        fontSize:'19px'
  1806.                    });
  1807.                    break;
  1808.                case 14 :
  1809.                    $(".web-name").css({
  1810.                        fontSize:'18px'
  1811.                    });
  1812.                    break;
  1813.                case 15:
  1814.                    $(".web-name").css({
  1815.                        fontSize:'17px'
  1816.                    });
  1817.                    break;
  1818.                case 17:
  1819.                    $(".web-name").css({
  1820.                        fontSize:'15px'
  1821.                    });
  1822.                    break;
  1823.            }
  1824.        }else if(chi.length < 10){
  1825.            $(".web-name").css({
  1826.                fontSize:'24px'
  1827.            });
  1828.        }else if(chi.length > 17){
  1829.            $(".web-name").css({
  1830.                fontSize:'14px'
  1831.            });
  1832.        }
  1833.    }
  1834.    function enChange() {
  1835.        var en_item = 1;
  1836.        var en_size = 14;
  1837.        while (en_item)
  1838.        {
  1839.            var en_now = $('.web-en').outerHeight();
  1840.            if (en_now <=  28.8){
  1841.                en_item = 0;
  1842.            }else{
  1843.                en_size--;
  1844.                $(".web-en").css({
  1845.                    fontSize:en_size+'px'
  1846.                });
  1847.            }
  1848.        }
  1849.    }
  1850.    window.onload = function(){
  1851.        var width = $(window).width();
  1852.        if (width > 480){
  1853.            changeSize();
  1854.  
  1855.        }else{
  1856.            changeSmallSize();
  1857.        }
  1858.        enChange()
  1859.  
  1860.    };
  1861.  
  1862. </script>
  1863. <script>
  1864.    $(document).ready(function() {
  1865.        /*
  1866.         *  Simple image gallery. Uses default settings
  1867.         */
  1868.  
  1869.        $('.school-profile img').on('click',function () {
  1870.  
  1871.            if($(this).parent().attr('target') != '_blank' && $(this).parent()[0].tagName != 'A'){
  1872.                $.fancybox.open([
  1873.                    {
  1874.                        src:$(this).attr('src'),
  1875.                        type: "image"
  1876.                    }
  1877.                ], {
  1878.                    infobar: false,
  1879.  
  1880.                });
  1881.            }
  1882.        });
  1883.        $('.ln2-txtcon img').on('click',function () {
  1884.  
  1885.  
  1886.            if($(this).parent().attr('target') != '_blank' && $(this).parent()[0].tagName != 'A'){
  1887.                $.fancybox.open([
  1888.                    {
  1889.                        src:$(this).attr('src'),
  1890.                        type: "image"
  1891.                    }
  1892.                ], {
  1893.                    infobar: false,
  1894.  
  1895.                });
  1896.            }
  1897.  
  1898.  
  1899.        });
  1900.        $('.contact-us-page  img').on('click',function () {
  1901.  
  1902.            if($(this).parent().attr('target') != '_blank' && $(this).parent()[0].tagName != 'A'){
  1903.                $.fancybox.open([
  1904.                    {
  1905.                        src:$(this).attr('src'),
  1906.                        type: "image"
  1907.                    }
  1908.                ], {
  1909.                    infobar: false,
  1910.  
  1911.                });
  1912.            }
  1913.        });
  1914.        $('.campus-dynamics  img').on('click',function () {
  1915.  
  1916.            if($(this).parent().attr('target') != '_blank' && $(this).parent()[0].tagName != 'A'){
  1917.                $.fancybox.open([
  1918.                    {
  1919.                        src:$(this).attr('src'),
  1920.                        type: "image"
  1921.                    }
  1922.                ], {
  1923.                    infobar: false,
  1924.  
  1925.                });
  1926.            }
  1927.  
  1928.        });
  1929.        $('.school-information img').on('click',function () {
  1930.  
  1931.            if($(this).parent().attr('target') != '_blank' && $(this).parent()[0].tagName != 'A'){
  1932.                $.fancybox.open([
  1933.                    {
  1934.                        src:$(this).attr('src'),
  1935.                        type: "image"
  1936.                    }
  1937.                ], {
  1938.                    infobar: false,
  1939.  
  1940.                });
  1941.            }
  1942.  
  1943.        });
  1944.    });
  1945.                        !function(){
  1946.        $('img').on('mousedown',function (e) {
  1947.            e.preventDefault()
  1948.        })
  1949.        document.oncontextmenu=new Function('event.returnValue=false;');
  1950.  
  1951.        document.onselectstart=new Function('event.returnValue=false;');
  1952.        var ua = navigator.userAgent;
  1953.  
  1954.        var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
  1955.  
  1956.            isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
  1957.  
  1958.            isAndroid = ua.match(/(Android)\s+([\d.]+)/),
  1959.  
  1960.            isMobile = isIphone || isAndroid;
  1961.  
  1962.        if(isMobile){
  1963.            $('#whatsapp').attr('href',"whatsapp://send?text=保良局鄧碧雲紀念幼稚園%0Dhttps://www.plkkgs.edu.hk/plktbwmkg");
  1964.        }else{
  1965.            $('#whatsapp').attr('href',"https://www.whatsapp.com/");
  1966.  
  1967.        }
  1968.        $('#twitter').attr('href','https://twitter.com/intent/tweet?text=保良局鄧碧雲紀念幼稚園&url=https://www.plkkgs.edu.hk/plktbwmkg&related=');
  1969.        $.ajax({
  1970.            type: "GET",
  1971.            url: 'https://www.plkkgs.edu.hk/plktbwmkg/hk/api/cms/site',
  1972.            success: function (success) {
  1973.                for(var i=0;i <success.length;i++ ){
  1974.                    for (var j = 0;j < success[i].length;j++){
  1975.                        $('#site').append('<li><a href="'+success[i][j].url+'">'+success[i][j].name+'</a></li>');
  1976.                    }
  1977.                }
  1978.                $('#site').append('<li><a href="'+"https://www.plkkgs.edu.hk/plktbwmkg/hk/contact"+'">'+"聯絡我們"+'</a></li>');
  1979.                $('#site').append('<li><a href="'+"https://www.plkkgs.edu.hk/plktbwmkg/hk/extranet/photo"+'">'+"內聯網"+'</a></li>');
  1980.                $('#site').append(' <div class="clearfix"></div>');
  1981.  
  1982.            }
  1983.        });
  1984.        $.ajax({
  1985.            type: "GET",
  1986.            url: 'https://www.plkkgs.edu.hk/plktbwmkg/api/cms/connect',
  1987.            success: function (success) {
  1988.  
  1989.                if (!isEmptyObject(success)){
  1990.                                        $('#address').append(success.address_chi);
  1991.                    
  1992. $('#phone').append(success.phone);
  1993.                    $('#fax').append(success.fax);
  1994.                    var email = '<a href="mailto:'+success.email+'" style="color: black;">'+success.email+'</a>';
  1995.                    $('#email').append(email);
  1996.                }
  1997.  
  1998.            }
  1999.        });
  2000.    }();
  2001.    function isEmptyObject(obj) {
  2002.        for (var key in obj){
  2003.            return false;//返回false,不为空对象
  2004.        }
  2005.        return true;//返回true,为空对象
  2006.    }
  2007. </script>
  2008.  
  2009. <script>
  2010.    $('#patners').owlCarousel({
  2011.        loop:true,
  2012.        margin:0,
  2013.        dots:true,
  2014.        autoplay:true,
  2015.        autoplayTimeout:2000,
  2016.        autoplayHoverPause:false,
  2017.        nav:true,
  2018.        navText: ["<img src='https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/vb-slide-left.png'>","<img src='https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/vb-slide-right.png'>"],
  2019.        responsiveClass:true,
  2020.        responsive:{
  2021.            0:{
  2022.                items:1,
  2023.                nav:true
  2024.            },
  2025.            600:{
  2026.                items:2,
  2027.                nav:true
  2028.            },
  2029.            1000:{
  2030.                items:3,
  2031.                nav:true
  2032.  
  2033.            },
  2034.            1200:{
  2035.                items:4,
  2036.                nav:true
  2037.  
  2038.            }
  2039.        }
  2040.    })
  2041.  
  2042. </script>
  2043. <script>
  2044.    $(document).ready(function(){
  2045.        if($(window).width() > 991){
  2046.            $('#mm-box-mobile').hide();
  2047.        }
  2048.        $(window).resize(function() {
  2049.            if($(window).width() > 991){
  2050.                $('#mm-box-mobile').hide();
  2051.            }
  2052.        });
  2053.  
  2054.        $("#mm-btn").click(function(){
  2055.            $("#mm-box-mobile").slideToggle();
  2056.        });
  2057.  
  2058.        $("#scm-mbtn").click(function(){
  2059.            var current = $(this);
  2060.            var currentActive = $("#scm-menu li.active");
  2061.            if(current.hasClass('open')){
  2062.                if(currentActive.parents('li')){
  2063.                    $("#scm-mbtn").removeClass("open");
  2064.                    $("#scm-menu li").not('.active').not(currentActive.parents('li')).slideUp();
  2065.                    currentActive.find('li').slideDown()
  2066.                }
  2067.                else{
  2068.                    $("#scm-mbtn").removeClass("open");
  2069.                    $("#scm-menu li").not('.active').slideUp();
  2070.                }
  2071.            }
  2072.            else{
  2073.                $("#scm-mbtn").addClass("open");
  2074.                $("#scm-menu li").not('.active').slideDown();
  2075.            }
  2076.        });
  2077.        var has_class = $("#scm-menu").find('li.active');
  2078.        if(has_class){
  2079.  
  2080.            has_class.parents('li').slideDown(1);
  2081.        }
  2082.  
  2083.  
  2084.    });
  2085.  
  2086.  
  2087.  
  2088. </script>
  2089. <script>
  2090.    $(document).ready(function(){
  2091.  
  2092.        var side   = $("#sa-02"),
  2093.            win    = $(window),
  2094.            offset     = side.offset(),
  2095.            wh    = $(window).height(),
  2096.            topPadding = 0;
  2097.        win.scroll(function() {
  2098.  
  2099.            side.stop().animate({
  2100.                marginTop: win.scrollTop() - topPadding
  2101.            });
  2102.  
  2103.        });
  2104.    });
  2105.  
  2106. </script>
  2107. <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/jssor.slider.min.js" type="text/javascript"></script>
  2108. <script type="text/javascript">
  2109.    jssor_1_slider_init = function() {
  2110.  
  2111.        var jssor_1_SlideshowTransitions = [
  2112.            {$Duration:1200,x:0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2113.            {$Duration:1200,x:-0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2114.            {$Duration:1200,x:-0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2115.            {$Duration:1200,x:0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2116.            {$Duration:1200,y:0.3,$During:{$Top:[0.3,0.7]},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2117.            {$Duration:1200,y:-0.3,$SlideOut:true,$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2118.            {$Duration:1200,y:-0.3,$During:{$Top:[0.3,0.7]},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2119.            {$Duration:1200,y:0.3,$SlideOut:true,$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2120.            {$Duration:1200,x:0.3,$Cols:2,$During:{$Left:[0.3,0.7]},$ChessMode:{$Column:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2121.            {$Duration:1200,x:0.3,$Cols:2,$SlideOut:true,$ChessMode:{$Column:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2122.            {$Duration:1200,y:0.3,$Rows:2,$During:{$Top:[0.3,0.7]},$ChessMode:{$Row:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2123.            {$Duration:1200,y:0.3,$Rows:2,$SlideOut:true,$ChessMode:{$Row:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2124.            {$Duration:1200,y:0.3,$Cols:2,$During:{$Top:[0.3,0.7]},$ChessMode:{$Column:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2125.            {$Duration:1200,y:-0.3,$Cols:2,$SlideOut:true,$ChessMode:{$Column:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2126.            {$Duration:1200,x:0.3,$Rows:2,$During:{$Left:[0.3,0.7]},$ChessMode:{$Row:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2127.            {$Duration:1200,x:-0.3,$Rows:2,$SlideOut:true,$ChessMode:{$Row:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2128.            {$Duration:1200,x:0.3,y:0.3,$Cols:2,$Rows:2,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$ChessMode:{$Column:3,$Row:12},$Easing:{$Left:$Jease$.$InCubic,$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2129.            {$Duration:1200,x:0.3,y:0.3,$Cols:2,$Rows:2,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$SlideOut:true,$ChessMode:{$Column:3,$Row:12},$Easing:{$Left:$Jease$.$InCubic,$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2130.            {$Duration:1200,$Delay:20,$Clip:3,$Assembly:260,$Easing:{$Clip:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2131.            {$Duration:1200,$Delay:20,$Clip:3,$SlideOut:true,$Assembly:260,$Easing:{$Clip:$Jease$.$OutCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2132.            {$Duration:1200,$Delay:20,$Clip:12,$Assembly:260,$Easing:{$Clip:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  2133.            {$Duration:1200,$Delay:20,$Clip:12,$SlideOut:true,$Assembly:260,$Easing:{$Clip:$Jease$.$OutCubic,$Opacity:$Jease$.$Linear},$Opacity:2}
  2134.        ];
  2135.  
  2136.        var jssor_1_options = {
  2137.            $AutoPlay: 1,
  2138.            $SlideshowOptions: {
  2139.                $Class: $JssorSlideshowRunner$,
  2140.                $Transitions: jssor_1_SlideshowTransitions,
  2141.                $TransitionsOrder: 1
  2142.            },
  2143.            $ArrowNavigatorOptions: {
  2144.                $Class: $JssorArrowNavigator$
  2145.            },
  2146.            $ThumbnailNavigatorOptions: {
  2147.                $Class: $JssorThumbnailNavigator$,
  2148.                $Cols: 3,
  2149.                $SpacingX: 5,
  2150.                $SpacingY: 5,
  2151.                $Align: 145
  2152.            }
  2153.        };
  2154.  
  2155.        var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
  2156.  
  2157.        /*#region responsive code begin*/
  2158.  
  2159.        var MAX_WIDTH = 457;
  2160.  
  2161.        function ScaleSlider() {
  2162.            var containerElement = jssor_1_slider.$Elmt.parentNode;
  2163.            var containerWidth = containerElement.clientWidth;
  2164.  
  2165.            if (containerWidth) {
  2166.  
  2167.                var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);
  2168.  
  2169.                jssor_1_slider.$ScaleWidth(expectedWidth);
  2170.            }
  2171.            else {
  2172.                window.setTimeout(ScaleSlider, 30);
  2173.            }
  2174.        }
  2175.  
  2176.        ScaleSlider();
  2177.  
  2178.        $Jssor$.$AddEvent(window, "load", ScaleSlider);
  2179.        $Jssor$.$AddEvent(window, "resize", ScaleSlider);
  2180.        $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
  2181.        /*#endregion responsive code end*/
  2182.    };
  2183. </script>
  2184. <script type="text/javascript">jssor_1_slider_init();</script>
  2185.  
  2186. <script>
  2187.    function openNav() {
  2188.        document.getElementById("mySidenav").style.width = "310px";
  2189.        document.getElementById("filter").style.display= "block";
  2190.    }
  2191.  
  2192.    function closeNav() {
  2193.        document.getElementById("mySidenav").style.width = "0";
  2194.        document.getElementById("filter").style.display= "none";
  2195.  
  2196.    }
  2197. </script>
  2198. <script>
  2199. $(function() {
  2200.    $('#site li a').dotdotdot({
  2201.        truncate: "letter"
  2202.    });
  2203. });
  2204. </script>
  2205. </body>
  2206. </html>
  2207.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda