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

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

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