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