<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>New Century Healthcare Medical Center (Hong Kong)</title>

  <!-- Bootstrap core CSS -->
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Custom fonts for this template -->
  <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
  <link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">

  <!-- Custom styles for this template -->
  <link href="css/landing-page.min.css?rnd=11" rel="stylesheet">
  <link href="css/custom.css?rnd=11" rel="stylesheet">
</head>

<body>

  <!-- Navigation -->
  <!-- <nav class="navbar navbar-light bg-light static-top"> -->
  <nav class="navbar navbar-light bg-color2 static-top">
  <!--   <div class="container">
      <a class="navbar-brand" href="#">Start Bootstrap<img src=./img/logo.png></a>
      <a class="btn btn-primary" href="#">Sign In</a>
    </div> -->

   <!--  <div class="divpagelogo">
      <a href="/">
        <img src="./img/logo.png" style="width: 100%;height: auto;">
      </a>
    </div> -->
  </nav>
<!-- <div class="container ">
  <div class="row">
    <div class="col-md-12 redbr" style="padding-left: 0px!important;padding-right: 0px!important;" >
      <div style="width: 23%;height: 117px;text-align: center;display: inline-block;" class="redbr">
         <img src="./img/logo.png" >
      </div>
      <div style="margin-left: 3%;width: 11%;height: 114px;display: inline-block;text-align: center;" class="redbr" >
          <p style="color: #979797;"><b>網站首頁</b></p>
      </div>
      <div style="width: 11%;height: 114px;display: inline-block;margin-top: 0px;text-align: center;" class="redbr">
          <p style="color: #979797;"><b>關於我們</b></p>
      </div>
      <div style="width: 11%;height: 114px;display: inline-block;text-align: center;" class="redbr">
          <p style="color: #979797;"><b>醫療中心</b></p>
      </div>
      <div style="width: 11%;height: 114px;display: inline-block;text-align: center;" class="redbr">
          <p style="color: #979797;"><b>兒童發展</b></p>
      </div>
      <div style="width: 11%;height: 114px;display: inline-block;text-align: center;" class="redbr">
          <p style="color: #979797;"><b>兒科知識</b></p>
      </div>
      <div style="width: 11%;height: 114px;display: inline-block;text-align: center;" class="redbr">
          <p style="color: #979797;"><b>查詢預約</b></p>
      </div>
      <div style="width: 1.8%;height: 114px;display: inline-block;text-align: center;margin-left: 1.3%" class="redbr">
          <p style="color: #979797;"><b>繁</b></p>
      </div>
      <div style="width: 1.8%;height: 114px;display: inline-block;text-align: center;margin-left: 0.5%" class="redbr">
          <p style="color: #979797;"><b>簡</b></p>
      </div>
    </div>
  </div>
</div> -->

<div class="container ">
  <div class="row">
    <div class="col-md-12 " style="padding-left: 0px!important;padding-right: 0px!important;position: relative;" >
          <style>
    /*#link_bar li:hover a { color: red }*/
    /*#link_bar li:hover  a p b { color: #a03d49; }*/
    #link_bar li:hover  a p b { color: #a03d49; }
    /*#link_bar li:hover  { border-top:2px solid #a03d49; }*/

     /*#link_bar li { border-top:2px solid transparent;cursor: pointer; }*/
     #link_bar li { border-top:2px solid transparent; }
    #link_bar li:hover  { border-top:2px solid #a03d49; }
</style>
          <ul class="horizontal " id="link_bar" style="list-style-type: none;
            margin: 0;
            padding: 0;">
              <div style="width: 23%;height: 117px;text-align: center;display: inline-block;vertical-align:top;" >
                <img src="./img/nchmclogo.png" >
                <!-- <a href="javascript:void(0)"> <img src="./img/nchmclogo.png" ></a> -->
              </div>
              
               <li style="margin-left: 3%;width: 8%;height: 114px;display: inline-block;text-align: center;vertical-align:top;padding-top:38px"  >
                 
                <p style="color: #979797;"><b>網站首頁</b></p>
                 
              </li>
             
               <li style="width: 8%;height: 114px;display: inline-block;margin-top: 0px;text-align: center;padding-top:38px;" >
                <p style="color: #979797;"><b>疫苗</b></p>
              </li>

              <li style="width: 8%;height: 114px;display: inline-block;text-align: center;padding-top:38px;" >
                <!-- <a href="nchmc.php" style="text-decoration: none">  -->
                  <p style="color: #979797;"><b>診症</b></p>
                  <!-- </a> -->
              </li>
              <li style="width: 8%;height: 114px;display: inline-block;text-align: center;padding-top:38px;" >
                  <p style="color: #979797;"><b>兒科知識</b></p>
              </li>
              <li style="width: 8%;height: 114px;display: inline-block;text-align: center;padding-top:38px;" >
                  <p style="color: #979797;"><b>醫療團隊</b></p>
              </li>
              <li style="width: 8%;height: 114px;display: inline-block;text-align: center;padding-top:38px;" >
                  <p style="color: #979797;"><b>查詢預約</b></p>
              </li>
              <li style="width: 8%;height: 114px;display: inline-block;text-align: center;padding-top:38px;" >
                  <p style="color: #979797;"><b>診所環境</b></p>
              </li>
              <li style="width: 8%;height: 114px;display: inline-block;text-align: center;padding-top:38px;" >
                <a href="index.php" style="text-decoration: none;display: inline-block;
    width: 100%;height: 100%;">
                  <p style="color: #979797;"><b>返回主頁</b></p>
                </a>
              </li>
              <div style="width: 1.8%;height: 114px;display: inline-block;text-align: center;padding-top:38px;margin-left: 1.3%" >
                  <p style="color: #979797;"><b>繁</b></p>
              </div>
              <div style="width: 1.8%;height: 114px;display: inline-block;text-align: center;padding-top:38px;margin-left: 0.5%" >
                  <p style="color: #979797;"><b>簡</b></p>
              </div>
          </ul>

         

     </div>
  </div>
</div>  

  <!-- Masthead -->
  <header style="position: relative;
    background-color: #343a40;
    background: url(../img/nchmcbanner.png) no-repeat center center;
    background-size: cover;">
    <div style="height: 320px">
    </div>
  </header>
   


  <!-- new content row -->
  <div class="container ">
  <div class="row">
    <div class="col-md-3 " style="padding-left: 0px!important;padding-right: 0px!important;text-align: left;" >  
      <!-- left menu -->
          <style>
          /*#link_bar li:hover a { color: red }*/
          /*#link_bar li:hover  a p b { color: #a03d49; }*/
          .sidemenu2:hover  { background-color: #bd6974!important; }
          /*#link_bar li:hover  { border-top:2px solid #a03d49; }*/

           /*#link_bar li { border-top:2px solid transparent;cursor: pointer; }*/
 /*          #link_bar li { border-top:2px solid transparent; }
          #link_bar li:hover  { border-top:2px solid #a03d49; }*/

         
      </style>
      <a href="nchmc-v-hkdescrip.php" style="text-decoration: none;">
      <div style="width: 250px;height: 50px;background-color: #a73745;margin-bottom: 1px;text-align: center;vertical-align: middle;display: block; " class="sidemenu2">  
              <p style="line-height: 50px;color: #ffffff;"><b>香 港 疫 苗 概 覽</b></p>
              <!-- <span style="vertical-align: sub; color: blue;">sub</span> -->
        </div>
        </a>
        <a href="nchmc-v-hkplan.php" style="text-decoration: none;">
        <div style="width: 250px;height: 50px;background-color: #a73745;margin-bottom: 1px;
        text-align: center;vertical-align: middle;display: block;cursor: pointer;" class="sidemenu2">
              <p style="line-height: 50px;color: #ffffff;"><b>香 港 疫 苗 計 劃</b></p>
        </div>
        </a>
        <a href="nchmc-v-hkflow.php" style="text-decoration: none;">
        <div style="width: 250px;height: 50px;background-color: #a73745;margin-bottom: 1px;
        text-align: center;vertical-align: middle;display: block;cursor: pointer;" class="sidemenu2">
              <p style="line-height: 50px;color: #ffffff;"><b>香 港 疫 苗 流 程</b></p>
        </div>
        </a>
        <a href="nchmc-v-hkquest.php" style="text-decoration: none;">
        <div style="width: 250px;height: 50px;background-color: #a73745;margin-bottom: 15px;
        text-align: center;vertical-align: middle;display: block;cursor: pointer;" class="sidemenu2">
              <p style="line-height: 50px;color: #ffffff;"><b>香 港 疫 苗 常 見 問 題</b></p>
        </div>
      </a>
       <a href="nchmc-v-mldescrip.php" style="text-decoration: none;">
        <div style="width: 250px;height: 50px;background-color: #a73745;margin-bottom: 1px;
        text-align: center;vertical-align: middle;display: block;cursor: pointer;" class="sidemenu2">
              <p style="line-height: 50px;color: #ffffff;"><b>內 地 疫 苗 概 覽</b></p>
        </div>
      </a>
         <a href="nchmc-v-mlplan.php" style="text-decoration: none;">
         <div style="width: 250px;height: 50px;background-color: #a73745;margin-bottom: 1px;
        text-align: center;vertical-align: middle;display: block;cursor: pointer;" class="sidemenu2">
              <p style="line-height: 50px;color: #ffffff;"><b>內 地 疫 苗 計 劃</b></p>
        </div>
      </a>
      <!-- <a href="nchmc-v-mlflow.php" style="text-decoration: none;"> -->
        <div style="width: 250px;height: 50px;background-color: #bd6974;margin-bottom: 1px;
        text-align: center;vertical-align: middle;display: block;" class="sidemenu2">
              <p style="line-height: 50px;color: #ffffff;"><b>內 地 疫 苗 流 程</b></p>
        </div>
      <!-- </a> -->
      <a href="nchmc-v-mlquest.php" style="text-decoration: none;">
        <div style="width: 250px;height: 50px;background-color: #a73745;margin-bottom: 5px;
        text-align: center;vertical-align: middle;display: block;cursor: pointer;" class="sidemenu2">
              <p style="line-height: 50px;color: #ffffff;"><b>內 地 疫 苗 常 見 問 題</b></p>
        </div>
      </a>
      <!-- end left menu -->
    </div><!-- col-md-4 -->
    <div class="col-md-9 " style="padding-left: 0px!important;padding-right: 0px!important;text-align: center;" > 
      <!-- content -->
          <div style="display: block;width: 100%;text-align: left;">
              <p><span style="color:#2c2c2c;">首頁 > 疫苗 > </span><span style="color:#a73745; ">內地疫苗流程</span></p>

          </div>
          <h4 style="color:#a73745; ">內 地 疫 苗 流 程</h4>


          <div style="height: 60px ;position: relative;width:100%">
          <!-- place horizontal line -->
     <!--      <span style="width:10000px;height: 1px;background: #dddddd;position: absolute;display: inline-block;left: 50%;margin-left: -190px;top: 0px;margin-top: 30px;" ></span> -->
        <span style="width:100%;height: 1px;background: #dddddd;display: inline-block;top: 0px;margin-top: 30px;" ></span>
        </div>

      
        <style type="text/css">
          #myImg {
              border-radius: 5px;
              cursor: pointer;
              transition: 0.3s;
            }

            #myImg:hover {opacity: 0.7;}

            /* The Modal (background) */
            .modal {
              display: none; /* Hidden by default */
              position: fixed; /* Stay in place */
              z-index: 1; /* Sit on top */
              padding-top: 100px; /* Location of the box */
              left: 0;
              top: 0;
              width: 100%; /* Full width */
              height: 100%; /* Full height */
              overflow: auto; /* Enable scroll if needed */
              background-color: rgb(0,0,0); /* Fallback color */
              background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
            }

            /* Modal Content (image) */
            .modal-content {
              margin: auto;
              display: block;
              width: 80%;
              max-width: 700px;
            }

            /* Caption of Modal Image */
            #caption {
              margin: auto;
              display: block;
              width: 80%;
              max-width: 700px;
              text-align: center;
              color: #ccc;
              padding: 10px 0;
              height: 150px;
            }

            /* Add Animation */
            .modal-content, #caption {  
              -webkit-animation-name: zoom;
              -webkit-animation-duration: 0.6s;
              animation-name: zoom;
              animation-duration: 0.6s;
            }

            @-webkit-keyframes zoom {
              from {-webkit-transform:scale(0)} 
              to {-webkit-transform:scale(1)}
            }

            @keyframes zoom {
              from {transform:scale(0)} 
              to {transform:scale(1)}
            }

            /* The Close Button */
            .close {
              position: absolute;
              top: 15px;
              right: 35px;
              color: #f1f1f1;
              font-size: 40px;
              font-weight: bold;
              transition: 0.3s;
            }

            .close:hover,
            .close:focus {
              color: #bbb;
              text-decoration: none;
              cursor: pointer;
            }

            /* 100% Image Width on Smaller Screens */
            @media only screen and (max-width: 700px){
              .modal-content {
                width: 100%;
              }
            }
            </style>
            <img id="myImg" src="./img/scflow.png"  style="width:100%;margin-bottom: 100px" >

          <!-- The Modal -->
          <div id="myModal" class="modal">
            <span class="close">&times;</span>
            <img class="modal-content" id="img01">
            <div id="caption"></div>
          </div>
          <script>
        // Get the modal
        var modal = document.getElementById("myModal");

        // Get the image and insert it inside the modal - use its "alt" text as a caption
        var img = document.getElementById("myImg");
        var modalImg = document.getElementById("img01");
        var captionText = document.getElementById("caption");
        img.onclick = function(){
          modal.style.display = "block";
          modalImg.src = this.src;
          captionText.innerHTML = this.alt;
        }

        // Get the <span> element that closes the modal
        var span = document.getElementsByClassName("close")[0];

        // When the user clicks on <span> (x), close the modal
        span.onclick = function() { 
          modal.style.display = "none";
        }
        modal.onclick = function() { 
          modal.style.display = "none";
        }
        </script>
          

        <!--    <div style="height: 60px ;position: relative;width:100%" onclick="myFunction('row1')">
          <p>1</p>
        </div> -->
     <!--    <div id="row1">
          This is my DIV element.
        </div> -->
      <!-- end content -->
    </div>
  </div>
</div>
  <!-- end new content row -->


  
  

  

  <!-- end center graph -->

  
    <!-- footer -->
    <div class="container ">
  <div class="row">
    <div class="col-md-12 " style="padding-left: 0px!important;padding-right: 0px!important;" > 
        <div style="height: 60px ;position: relative;width:100%">
          <!-- place horizontal line -->
     <!--      <span style="width:10000px;height: 1px;background: #dddddd;position: absolute;display: inline-block;left: 50%;margin-left: -190px;top: 0px;margin-top: 30px;" ></span> -->
        <span style="width:100%;height: 1px;background: #dddddd;position: absolute;display: inline-block;top: 0px;margin-top: 30px;" ></span>
        </div>
    </div>
    </div>
  </div>

  <div class="container ">
  <div class="row">
    <div class="col-md-9 col-12 " style="padding-left: 0px!important;padding-right: 0px!important;" > 
        <div style="width: 16%;text-align: center;display: inline-block;vertical-align:top;text-align: left;" >
          <div style="display: block;" >
            <p style="color: #a64a55;margin-bottom: 0rem;">疫苗<p>
          </div>
          <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">香港疫苗概覽</p>
          </div>
          <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">香港疫苗計劃</p>
          </div>
          <div style="display: block;margin-top: 18px;">
             <p style="color: #989898;margin-bottom: 0rem;">香港疫苗流程</p>
          </div>
           <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">香港疫苗常見問題</p>
          </div>
          <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">內地疫苗概覽</p>
          </div>
          <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">內地疫苗計劃</p>
          </div>
          <div style="display: block;margin-top: 18px;">
             <p style="color: #989898;margin-bottom: 0rem;">內地疫苗流程</p>
          </div>
           <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">內地疫苗常見問題</p>
          </div>
        </div>
        <div style="width: 16%;text-align: center;display: inline-block;vertical-align:top" >
          <div style="display: block;" >
            <p style="color: #a64a55;margin-bottom: 0rem;">醫療<p>
          </div>
         <!--  <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">服務內容</p>
          </div>
          <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">疫苗服務</p>
          </div> -->
          
        </div>
        <div style="width: 16%;text-align: center;display: inline-block;vertical-align:top" >
          <div style="display: block;" >
            <p style="color: #a64a55;margin-bottom: 0rem;">兒科知識<p>
          </div>
       <!--    <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">服務內容</p>
          </div> -->
          
        </div>
        <div style="width: 16%;text-align: center;display: inline-block;vertical-align:top" >
          <div style="display: block;" >
            <p style="color: #a64a55;margin-bottom: 0rem;">醫療團隊<p>
          </div>
   <!--        <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">服務內容</p>
          </div> -->
          
        </div>
        <div style="width: 16%;text-align: center;display: inline-block;vertical-align:top" >
          <div style="display: block;" >
            <p style="color: #a64a55;margin-bottom: 0rem;">診所環境<p>
          </div>
   <!--        <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">服務內容</p>
          </div> -->
          
        </div>
         <div style="width: 16%;text-align: center;display: inline-block;vertical-align:top" >
          <div style="display: block;" >
            <p style="color: #a64a55;margin-bottom: 0rem;">查詢預約<p>
          </div>
   <!--        <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">服務內容</p>
          </div> -->
          
        </div>
    </div>
    <div class="col-md-3 col-12 " style="padding-left: 10px!important;padding-right: 0px!important;" >

      <table>
        <tr>
          <td width="90%">  <p style="color: #a64a55;margin-bottom: 0rem;">新世紀香港醫療中心</p> </td>
        </tr>
        <tr>
          <td>  <p style="color: #989898;margin-bottom: 0rem;">地址：香港九龍尖沙咀海港城海洋中心1328-29 室</p> </td>
          
          <td rowspan="5"></td>
        </tr>
        <tr>
          <td>  <p style="color: #989898;margin-bottom: 0rem;">電話：+852 2886 0066</p> </td>
        </tr>
        <tr>
          <td>  <p style="color: #989898;margin-bottom: 0rem;">電郵：info@ncich.com.hk</p> </td>
        </tr>
        <tr>
          <td>  <p style="color: #989898;margin-bottom: 0rem;">WhatsApp: 6706 5853</p> </td>
        </tr>
        <tr>
          <td>
             <img src="../img/qrcode1.png" width="90px" height="90px">
          </td>
        </tr>
        <!--  <tr>
          <td width="90%" >  <br><p style="color: #a64a55;margin-bottom: 0rem;">新世紀兒童發展中心</p> </td>
        </tr>
        <tr>
          <td>  <p style="color: #989898;margin-bottom: 0rem;">地址：香港九龍尖沙咀海港城海洋中心1330室</p> </td>
          
          <td rowspan="5"> <img src="../img/qrcode2.png" width="90px" height="90px"></td>
        </tr>
        <tr>
          <td>  <p style="color: #989898;margin-bottom: 0rem;">電話：+852 2886 2382</p> </td>
        </tr>
        <tr>
          <td>  <p style="color: #989898;margin-bottom: 0rem;">WhatsApp: 6858 2565</p> </td>
        </tr>
        <tr>
          <td>  <p style="color: #989898;margin-bottom: 0rem;">WeChat: NEWCENTURY_CDC_TST</p> </td>
        </tr> -->
      </table>  
     
     <!--    <div style="width: 100%;display: block;" class="redbr">
         <p style="color: #a64a55;margin-bottom: 0rem;">新世紀香港醫療中心</p> 
          <div style="display: inline-block;float: left;">
            <p style="color: #989898;margin-bottom: 0rem;">地圵:</p>
            <p style="color: #989898;margin-bottom: 0rem;">電話:</p>
            <p style="color: #989898;margin-bottom: 0rem;">電郵:</p>
            <p style="color: #989898;margin-bottom: 0rem;">WhatApp:</p>
          </div>
          <div style="display: inline-block;float: right;">
              <img src="../img/qrcode1.png" width="90px" height="90px">
          </div>

         </div> -->
    </div>
 </div>
</div>
<div class="row" style="height: 70px;background-color: #a64a55;text-align: center;">
  <div style="height: 100%;vertical-align: center;width: 100%;text-align: center;"  >
  <p style="width: 100%;color: white;margin-top: 20px;">@2005-2019 新世紀香港醫療中心</p>
  <!-- <p style="width: 100%;color: white;margin-top: 30px;">©2005-2019 新世紀香港醫療中心</p> -->
  </div>
</div>
  <!-- end footer -->


  </footer>

  <!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

</body>

</html>
