<!-- 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 " style="margin-top: 50px">
  <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 -->