<?php 
error_reporting(E_ALL);
ini_set('display_errors', 1);

require_once 'library/config.php';
require_once 'library/settings.php';
require_once 'library/application_top.php';

?>

<?php


$alignedCat=array("About"=>"sharing","Treatments"=>"massage","Ganbanyoku"=>"ganbanyoku","OurShop"=>"ganbanyoku-hk","SkinCentre"=>"skin-doctor","Press"=>"ganbanyoku-hongkong","Contact"=>"ganbanyoku-shatin");
$sql_menu = mysql_query('SELECT * FROM `section` WHERE `show` = 1  AND `show_menu` = 1 AND `type` in(1, 2, 3, 6) ORDER BY `rank` ASC')or die(mysql_error());
$row_menu = mysql_fetch_assoc($sql_menu);
?>
<!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>
                <?php do {?> 
                   <li style="margin-left: 3%;width: 8%;height: 114px;display: inline-block;text-align: center;vertical-align:top;padding-top:38px"  >
<!--                    <a href="index.php" style="text-decoration: none;display: inline-block;
    width: 100%;height: 100%;"> -->
                    <a href="<?php 
      

                      if(isset($alignedCat[$row_menu['link']])){
                        if($global_lang == "en"){
                          $outPutAlign = "en-".$alignedCat[$row_menu['link']];
                        }else{
                          $outPutAlign = $alignedCat[$row_menu['link']];
                        }
                          
                        echo  $outPutAlign;
                        
                      }else{
                        
                        echo  '?section='.$row_menu['link'];
                      }
                      
                      
                      ?>" class="menu_item <?php if($section == $row_menu['link']){ echo 'selected';}?>"  style="text-decoration: none;display: inline-block;
    width: 100%;height: 100%;">

                      <?php
                        //get section name
                        if($section == $row_menu['link']){
                            $selectedSection_name=$row_menu[$section_name];
                        } //if($section == $row_menu['link']){  
                        //end get section name
                      ?>
                <p style="color: #979797;"><b><?php echo $row_menu[$section_name];?></b></p>
                 </a>
              </li>
               <?php } while ($row_menu = mysql_fetch_assoc($sql_menu));?>


         <!--       <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> -->
              
             <a href="<?php 
          if(isset($outPutAlignGobalSwitch))
            echo $outPutAlignGobalSwitch;
          else
            // echo '/'.$current_path."3".$lang_switch.$other_lang;
            // echo '/'.$_SERVER['REQUEST_URI'].$current_path.$lang_switch.$other_lang;
            // echo 'http://' . $_SERVER['HTTP_HOST'] .$_SERVER['REQUEST_URI'].$lang_switch.$other_lang;
            echo $current_path."&lang=tc";
      
      ?>" class="menu_item" <?php 
          // if($global_lang == 'en'){ echo 'style="font-size:17px;"';} else {
        // echo 'style="padding: 0 20px"';
      // }
          echo 'style="text-decoration:none;"';
      ?>
      >
             <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>
                <?php
                        echo "繁";
                ?>
                <!-- <?php echo TXT_OTHER_LANG."2";?> -->
                </b>
                </p>
              </div>
            </a>
              <a href="<?php 
          if(isset($outPutAlignGobalSwitch))
            echo $outPutAlignGobalSwitch;
          else
            // echo '/'.$current_path."3".$lang_switch.$other_lang;
            // echo '/'.$_SERVER['REQUEST_URI'].$current_path.$lang_switch.$other_lang;
            // echo 'http://' . $_SERVER['HTTP_HOST'] .$_SERVER['REQUEST_URI'].$lang_switch.$other_lang;
            echo $current_path."&lang=sc";
      
      ?>" class="menu_item" <?php 
          // if($global_lang == 'en'){ echo 'style="font-size:17px;"';} else {
        // echo 'style="padding: 0 20px"';
      // }
          echo 'style="text-decoration:none;"';
      ?>>
             <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>
                <?php
                        echo "簡";
                ?>
                <!-- <?php echo TXT_OTHER_LANG."2";?> -->
                </b>
                </p>
              </div>
            </a>

              <!-- <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>

      <?php 

  

      $alignedId=array(10=>"massage",21=>"ganbanyoku" ,32=>"massage-shatin", 11=>"skin-care", 26=>"ear-candling",27=>"eye-treatment",28=>"organic",29=>"skin-treatment",30=>"detoxification",31=>"hot-stone",33=>"skin-scraping",34=>"skin-massage",35=>"facial",14=>"ganbanyoku-spa",36=>"ganbanyoku-review",39=>"skin-doctor",23=>"amigo-ganbanyoku",12=>"lai-chi-kok",13=>"ganbanyoku-contact", 41=>"ganbanyoku-shatin", 44=>"tsim-sha-tsui", 1=>"About-us");

      //change to asc at 2019-10-04
      // $sql_submenu = mysql_query('SELECT * FROM `content` WHERE `ep_web` = '.$sect_id.' AND `show` = 1  ORDER BY `rank` DESC')or die(mysql_error());
      $sql_submenu = mysql_query('SELECT * FROM `content` WHERE `ep_web` = '.$sect_id.' AND `show` = 1  ORDER BY `rank` ASC')or die(mysql_error());
      $row_submenu = mysql_fetch_assoc($sql_submenu);
      $num_row = mysql_num_rows($sql_submenu);

      //added id
      if(isset($_GET['id'])){
        $id=$_GET['id'];
      }
      else{
        $id=$row_submenu['ep_id'];
      }
      //ended id


      if ($id){
        $sql_content = mysql_query('SELECT * FROM `content` WHERE `ep_id` = '.$id.' AND `show` = 1') or die(mysql_error());
      } else {
        $sql_content = mysql_query('SELECT * FROM `content` WHERE `ep_web` = '.$sect_id.' AND `show` = 1 ORDER BY `rank` ASC LIMIT 0, 1 ') or die(mysql_error());
      }
      $row_content = mysql_fetch_assoc($sql_content);

      ?>

      <!-- content menu -->
      <?php 
          $i = 1;
          do {
          
          //echo $row_submenu['ep_id'];
          if($row_content['ep_id'] == $row_submenu['ep_id']){
            $select_class = 'selected';
          } else {
            $select_class = '';
          }
          if ($i == $num_row){
            $last_time = 'last';
          } else {
            $last_time = '';
          }

          if($row_submenu[$subject]!="Blank"){




          ?>
          <a href="<?php 
          
          if(isset($alignedId[$row_submenu['ep_id']])){
          
            if($global_lang == "en")
              $outPutAlign2 = "en-".$alignedId[$row_submenu['ep_id']];
            else
              $outPutAlign2 = $alignedId[$row_submenu['ep_id']];
              
            echo  $outPutAlign2;
          }elseif($row_submenu['ep_web'] == '11'){
            if($global_lang == "en")
              echo 'en-'.$row_submenu['ep_subject'].'-'.$row_submenu['ep_id'];
            else
              echo 'tc-'.$row_submenu['ep_subject'].'-'.$row_submenu['ep_id'];
          }else{
          
            echo '?section='.$section.'&id='.$row_submenu['ep_id'];
          }
          
          ?>" class="submenu_item <?php echo $select_class.' '.$last_time;?>" style="text-decoration: none">
          <div style="width: 250px;height: 50px;background-color: #<?php if($id == $row_submenu['ep_id'] || empty($id)){ echo 'bd6974';}else{ echo 'a73745';}?>;margin-bottom: 1px;text-align: center;vertical-align: middle;display: block; " class="sidemenu2">  
          <!-- <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>
          <?php echo $row_submenu[$subject];?>
          </b></p>
              <!-- <span style="vertical-align: sub; color: blue;">sub</span> -->
        </div>
          </a>
        <?php
          }//if($row_submenu[$subject]!="blank"){
          if($row_submenu[$subject]=="Blank"){
             ?>
            <div style="width: 250px;height: 14px;">
            </div>

             <?php 
          }//if($row_submenu[$subject]=="blank"){
    $i ++;
    } while ($row_submenu = mysql_fetch_assoc($sql_submenu));?>
      <!-- end content menu -->


<!--       <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> -->
              <!-- <span style="vertical-align: sub; color: blue;">sub</span> -->
     <!--    </div>
        <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: #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-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> -->
              <p><span style="color:#2c2c2c;">首頁 > <?php echo $selectedSection_name;?> > </span><span style="color:#a73745; "><?php 
                //echo trim($row_content[$subject]);
                echo str_replace(' ', '', $row_content[$subject]);
              ?></span></p>

          </div>


          <!-- start new content -->

          <h4 style="color:#a73745; "><?php echo $row_content[$subject]; ?></h4>
          <?php echo $row_content[$content]; ?>

          <!-- end start new content -->

<!-- 
          <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>

           <h5 style="color:#a73745;margin-bottom: 20px ">新世紀香港醫療中心是新世紀品牌於香港設立的綜合醫療中心</h5>
           <span id="emptyspan"></span>
           <script type="text/javascript">
              function myFunction($row) {
                var x = document.getElementById($row);
                if (x.style.display === "none") {
                  x.style.display = "block";
                  // document.getElementById("emptyspan").focus();
                  
                  // document.getElementById($row+"click").blur();
                  document.getElementById($row+"img").src="../img/uparrow.png";

                } else {
                  x.style.display = "none";
                  // document.getElementById($row+"click").blur();
                  document.getElementById($row+"img").src="../img/downarrow.png";
                  // document.getElementById("emptyspan").blur();
                }
                if (window.getSelection) { // All browsers, except IE <=8
                  window.getSelection().removeAllRanges();
                } else if (document.selection) { // IE <=8
                  document.selection.empty();
                }
              }

           </script> -->
          <!--   <style>
            .unselectable {
                -moz-user-select: -moz-none;
                -khtml-user-select: none;
                -webkit-user-select: none;
                -o-user-select: none;
                user-select: none;
                }
           </style>
              <div style="height: 40px ;position: relative;width:100%;background-color: #f9f1f2;cursor: pointer;" onclick="myFunction('row1')"  unselectable="on" class="unselectable"  >
           <p style="line-height: 40px;text-align:left;margin-left: 16px;"><span style="color:#a73745; "><b>五合一疫苗 / 五聯疫苗</b></span><img id="row1img" src="../img/downarrow.png" style="float: right;margin-top: 16px;margin-right: 16px;"></p>
            -->
            <!--  -->
<!--           </div>
         <div id="row1" style="height: 55px ;position: relative;width:100%;background-color: #ffffff;text-align: left;display: none;"  >
           <p  style="line-height: 55px;text-align:left;margin-left: 16px;"><b>白喉、破傷風、無細胞型百日咳、滅活小兒麻痺、乙型流感嗜血桿菌混合疫苗</b></p>
         </div>


             <div style="height: 40px ;position: relative;width:100%;background-color: #f9f1f2;cursor: pointer;" onclick="myFunction('row2')"  unselectable="on" class="unselectable"  >
           <p style="line-height: 40px;text-align:left;margin-left: 16px;"><span style="color:#a73745; "><b>六合一疫苗 / 六聯疫苗</b></span><img id="row2img" src="../img/downarrow.png" style="float: right;margin-top: 16px;margin-right: 16px;"></p> -->
           
            <!--  -->
<!--           </div>
         <div id="row2" style="height: 55px ;position: relative;width:100%;background-color: #ffffff;text-align: left;display: none;"  >
           <p  style="line-height: 55px;text-align:left;margin-left: 16px;"><b>白喉、破傷風、無細胞型百日咳、滅活小兒麻痺、乙型流感嗜血桿菌、乙型肝炎混合疫苗</b></p>
         </div>

         <div style="height: 40px ;position: relative;width:100%;background-color: #f9f1f2;cursor: pointer;" onclick="myFunction('row3')"  unselectable="on" class="unselectable"  >
           <p style="line-height: 40px;text-align:left;margin-left: 16px;"><span style="color:#a73745; "><b>乙型流感嗜血桿菌疫苗</b></span><img id="row3img" src="../img/downarrow.png" style="float: right;margin-top: 16px;margin-right: 16px;"></p>
            -->
            <!--  -->
        <!--   </div>
         <div id="row3" style="min-height: 55px ;word-wrap: break-word;position: relative;width:100%;background-color: #ffffff;text-align: left;display: none;"  >
           <p  style="line-height: 55px;text-align:left;margin-left: 16px;"><b>

           </b></p>
         </div>

          <div style="height: 40px ;position: relative;width:100%;background-color: #f9f1f2;cursor: pointer;" onclick="myFunction('row4')"  unselectable="on" class="unselectable"  >
           <p style="line-height: 40px;text-align:left;margin-left: 16px;"><span style="color:#a73745; "><b>四痘混合疫苗</b></span><img id="row4img" src="../img/downarrow.png" style="float: right;margin-top: 16px;margin-right: 16px;"></p> -->
           
            <!--  -->
        <!--   </div>
         <div id="row4" style="min-height: 55px ;word-wrap: break-word;position: relative;width:100%;background-color: #ffffff;text-align: left;display: none;"  >
           <p  style="line-height: 55px;text-align:left;margin-left: 16px;"><b>麻疹、流行性腮腺炎、德國麻疹及水痘混合疫苗</b></p>
         </div>

          <div style="height: 40px ;position: relative;width:100%;background-color: #f9f1f2;cursor: pointer;" onclick="myFunction('row5')"  unselectable="on" class="unselectable"  >
           <p style="line-height: 40px;text-align:left;margin-left: 16px;"><span style="color:#a73745; "><b>13 價 / 23 價肺炎球菌疫苗</b></span><img id="row5img" src="../img/downarrow.png" style="float: right;margin-top: 16px;margin-right: 16px;"></p> -->
           
            <!--  -->
     <!--      </div>
         <div id="row5" style="min-height: 55px ;word-wrap: break-word;position: relative;width:100%;background-color: #ffffff;text-align: left;display: none;"  >
           <p  style="line-height: 55px;text-align:left;margin-left: 16px;"><b></b></p>
         </div>

         <div style="height: 40px ;position: relative;width:100%;background-color: #f9f1f2;cursor: pointer;" onclick="myFunction('row6')"  unselectable="on" class="unselectable"  >
           <p style="line-height: 40px;text-align:left;margin-left: 16px;"><span style="color:#a73745; "><b>口服輪狀病毒疫苗</b></span><img id="row6img" src="../img/downarrow.png" style="float: right;margin-top: 16px;margin-right: 16px;"></p> -->
           
            <!--  -->
        <!--   </div>

         <div id="row6" style="min-height: 55px ;word-wrap: break-word;position: relative;width:100%;background-color: #ffffff;text-align: left;display: none;"  >
           <p  style="line-height: 55px;text-align:left;margin-left: 16px;"><b></b></p>
         </div>

          <div style="height: 40px ;position: relative;width:100%;background-color: #f9f1f2;cursor: pointer;" onclick="myFunction('row7')"  unselectable="on" class="unselectable"  >
           <p style="line-height: 40px;text-align:left;margin-left: 16px;"><span style="color:#a73745; "><b>腦膜炎雙球菌疫苗 / ACWY 流腦疫苗</b></span><img id="row7img" src="../img/downarrow.png" style="float: right;margin-top: 16px;margin-right: 16px;"></p>
            -->
            <!--  -->
          <!-- </div>
         <div id="row7" style="min-height: 55px ;word-wrap: break-word;position: relative;width:100%;background-color: #ffffff;text-align: left;display: none;"  >
           <p  style="line-height: 55px;text-align:left;margin-left: 16px;"><b></b></p>
         </div>

         <div style="height: 40px ;position: relative;width:100%;background-color: #f9f1f2;cursor: pointer;" onclick="myFunction('row8')"  unselectable="on" class="unselectable"  >
           <p style="line-height: 40px;text-align:left;margin-left: 16px;"><span style="color:#a73745; "><b>日本腦炎疫苗 / 乙腦疫苗</b></span><img id="row8img" src="../img/downarrow.png" style="float: right;margin-top: 16px;margin-right: 16px;"></p> -->
           
            <!--  -->
      <!--     </div>
         <div id="row8" style="min-height: 55px ;word-wrap: break-word;position: relative;width:100%;background-color: #ffffff;text-align: left;display: none;"  >
           <p  style="line-height: 55px;text-align:left;margin-left: 16px;"><b></b></p>
         </div>

         <div style="height: 40px ;position: relative;width:100%;background-color: #f9f1f2;cursor: pointer;" onclick="myFunction('row9')"  unselectable="on" class="unselectable"  >
           <p style="line-height: 40px;text-align:left;margin-left: 16px;"><span style="color:#a73745; "><b>甲型肝炎疫苗</b></span><img id="row9img" src="../img/downarrow.png" style="float: right;margin-top: 16px;margin-right: 16px;"></p>
            -->
            <!--  -->
       <!--    </div>
         <div id="row9" style="min-height: 55px ;word-wrap: break-word;position: relative;width:100%;background-color: #ffffff;text-align: left;display: none;"  >
           <p  style="line-height: 55px;text-align:left;margin-left: 16px;"><b></b></p>
         </div>

         <div style="height: 40px ;position: relative;width:100%;background-color: #f9f1f2;cursor: pointer;" onclick="myFunction('row10')"  unselectable="on" class="unselectable" >
           <p style="line-height: 40px;text-align:left;margin-left: 16px;"><span style="color:#a73745; "><b>乙型肝炎疫苗</b></span><img id="row10img" src="../img/downarrow.png" style="float: right;margin-top: 16px;margin-right: 16px;"></p> -->
           
            <!--  -->
        <!--   </div>
         <div id="row10" style="min-height: 55px ;word-wrap: break-word;position: relative;width:100%;background-color: #ffffff;text-align: left;display: none;"  >
           <p  style="line-height: 55px;text-align:left;margin-left: 16px;"><b></b></p>
         </div>

         <div style="height: 40px ;position: relative;width:100%;background-color: #f9f1f2;cursor: pointer;" onclick="myFunction('row11')"  unselectable="on" class="unselectable"  >
           <p style="line-height: 40px;text-align:left;margin-left: 16px;"><span style="color:#a73745; "><b>流感疫苗</b></span><img id="row11img" src="../img/downarrow.png" style="float: right;margin-top: 16px;margin-right: 16px;"></p> -->
           
            <!--  -->
    <!--       </div>
         <div id="row11" style="min-height: 55px ;word-wrap: break-word;position: relative;width:100%;background-color: #ffffff;text-align: left;display: none;"  >
           <p  style="line-height: 55px;text-align:left;margin-left: 16px;"><b></b></p>
         </div>

         <div style="height: 40px ;position: relative;width:100%;background-color: #f9f1f2;cursor: pointer;" onclick="myFunction('row12')"  unselectable="on" class="unselectable" >
           <p style="line-height: 40px;text-align:left;margin-left: 16px;"><span style="color:#a73745; "><b>子宮頸癌疫苗（HPV）</b></span><img id="row12img" src="../img/downarrow.png" style="float: right;margin-top: 16px;margin-right: 16px;"></p> -->
           
            <!--  -->
      <!--     </div>
         <div id="row12" style="min-height: 55px ;word-wrap: break-word;position: relative;width:100%;background-color: #ffffff;text-align: left;display: none;"  >
           <p  style="line-height: 55px;text-align:left;margin-left: 16px;"><b></b></p>
         </div>

         <div style="height: 40px ;position: relative;width:100%;background-color: #f9f1f2;cursor: pointer;" onclick="myFunction('row13')"  unselectable="on" class="unselectable" >
           <p style="line-height: 40px;text-align:left;margin-left: 16px;"><span style="color:#a73745; "><b>帶狀皰疹（生蛇）疫苗</b></span><img id="row13img" src="../img/downarrow.png" style="float: right;margin-top: 16px;margin-right: 16px;"></p>
            -->
            <!--  -->
     <!--      </div>
         <div id="row13" style="min-height: 55px ;word-wrap: break-word;position: relative;width:100%;background-color: #ffffff;text-align: left;display: none;"  >
           <p  style="line-height: 55px;text-align:left;margin-left: 16px;"><b></b></p>
         </div> -->

        <!--    <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>
