        <table class=" table table-sm border_bold table-fixed">
            <tr>
              <th style=" padding-top:30px;  width:15%;" rowspan="3" colspan="2" class="text-center border-bottom-thin border-right-thin"><p style="font-size:50px;">5W<p></th>
              <th colspan="9"  class="text-center border-bottom-thin"><h3>Production Control Board</h3></th>
            </tr>

            <tr>
              
              <td colspan="4"  class="border-bottom-thin border-right-thin "><h4>Date : <span class="digital-date"> </span></h4></td>

              <td colspan="5"  class="text-center border-bottom-thin"><h4>Update Time : <span class="digital-time"> </span> </span></h4></td>

            </tr>
            <tr>
            
              <td  class="w12 text-center border-bottom-thin border-right-thin ">DIE BOND</td>
              <td  class="w12 text-center border-bottom-thin border-right-thin ">OVEN DIEBOND</td>
              <td  class="w12 text-center border-bottom-thin border-right-thin ">WIRE BOND</td>
              <td  class="w12 text-center border-bottom-thin border-right-thin ">BONDING INS</td>
              <td  class="w12 text-center border-bottom-thin border-right-thin ">MOLD</td>
              <td  class="w12 text-center border-bottom-thin border-right-thin ">OVEN MOLD</td>
              <td  class="w12 text-center border-bottom-thin border-right-thin ">DICER</td>
              <td  class="w12 text-center border-bottom-thin border-right-thin ">APPEARANCE</td>
              <td  class="w12 text-center border-bottom-thin  ">CLASSIFY</td>
            
            </tr>
            <tr>
              <td colspan="2" class="border-bottom-thin border-right-thin ">Today Plan</td>
              <td  class="f17 text-center border-bottom-thin border-right-thin "><span id="pdieFull"></span></td>
              <td  class="f17 text-center border-bottom-thin border-right-thin "><span id="povenFull"></span></td>
              <td  class="f17 text-center border-bottom-thin border-right-thin "><span id="pwireFull"></span></td>
              <td  class="f17 text-center border-bottom-thin border-right-thin "><span id="pbondinFull"></span></td>
              <td  class="f17 text-center border-bottom-thin border-right-thin "><span id="pmoldFull"></span></td>
              <td  class="f17 text-center border-bottom-thin border-right-thin "><span id="povenmoldFull"></span></td>
              <td  class="f17 text-center border-bottom-thin border-right-thin "><span id="pdicerFull"></span></td>
              <td  class="f17 text-center border-bottom-thin border-right-thin "><span id="pappeaFull"></span></td>
              <td  class="f17 text-center border-bottom-thin  "><span class="pcalssFull"></span></td>
            </tr>

            <tr>
              <td colspan="2" class="border-bottom-thin border-right-thin ">Time line Plan</td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="pdieNow"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="povenNow"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="pwireNow"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="pbondinNow"></span></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="pmoldNow"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="povenmoldNow"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="pdicerNow"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="pappeaNow"></span></td>
              <td class="f17 text-center border-bottom-thin "><span class="pcalssNow"></span></td> 
            </tr>

            <tr>
              <td  colspan="2" class=" border-right-thin ">Input (Pcs)</td>
              <td class="f17 text-center  border-right-thin "><span id="indieNow"></span></td>
              <td class="f17 text-center  border-right-thin "><span id="inovenNow"></span></td>
              <td class="f17 text-center  border-right-thin "><span id="inwirebondNow"></span></td>
              <td class="f17 text-center  border-right-thin "><span id="inbondingNow"></span></td>
              <td class="f17 text-center  border-right-thin "><span id="inmoldNow"></span></td>
              <td class="f17 text-center  border-right-thin "><span id="inovenmoldNow"></span></td>
              <td class="f17 text-center  border-right-thin "><span id="indicerNow"></span></td>
              <td class="f17 text-center  border-right-thin "><span id="inappearaNow"></span></td>
              <td class="f17 text-center  "><span id="incalssNow"></span></td>
            </tr>

            <tr>
              <td  colspan="2" class="border-bottom-thin border-right-thin ">Input (Lot)</td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="indieNowlot"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="inovenNowlot"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="inwirebondNowlot"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="inbondingNowlot"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="inmoldNowlot"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="inovenmoldNowlot"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="indicerNowlot"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="inappearaNowlot"></span></td>
              <td class="f17 text-center border-bottom-thin  "><span id="incalssNowlot"></span></td>
            </tr>

            <tr id="Output">
            </tr>

            <tr id="Outputlot">
            </tr>  

            <tr id="Resultok">
            </tr>  

            <tr id="Resultpercen">
            </tr>

            <tr>
              <td  colspan="2" class="f17  border-right-thin ">NG</td>
              <td class="f17 text-center  border-right-thin "><span id="ngdiebond">0</span></td>
              <td class="f17 text-center  border-right-thin "><span id="ngovendiebond">0</span></td>
              <td class="f17 text-center  border-right-thin "><span id="ngwirebond">0</span></td>
              <td class="f17 text-center  border-right-thin "><span id="ngbonding"></span></td>
              <td class="f17 text-center  border-right-thin "><span id="ngmold"></span></td>
              <td class="f17 text-center  border-right-thin "><span id="ngovenmold">0</span></td>
              <td class="f17 text-center  border-right-thin "><span id="ngdicer"></span></td>
              <td class="f17 text-center  border-right-thin "><span id="ngappear"></span></td>
              <td class="f17 text-center   "><span id="ngclassify"></span></td>
            </tr>
            <tr id="Png">
              
            </tr>
            <!-- <tr>
              <td colspan="2" style="text-align: center;">TOP 2 NG</td>
              <td colspan="12" style="text-align: center;"></td>


            </tr> -->
            <tr>
              <td rowspan="2"  class="f16  text-center v-middle border-bottom-thin border-right-thin" style="width:5%">BONDING<br/>INS</td>
              <td class="f16 border-right-thin text-over" style="width:7%"><span id="ant3bonding1"></span></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "><span id="sumant3bonding1"></span>%</td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  "></td>
            </tr>
            <tr>
              <td class="f16 border-right-thin text-over border-bottom-thin "><span id="ant3bonding2"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="sumast3bonding2"></span>%</td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin  "></td>
            </tr>
            <tr>

            <td rowspan="2" class="f16  text-center v-middle border-bottom-thin border-right-thin">MOLD</td>
              <td class="f16 border-right-thin text-over"><span id="ant3mold1"></span></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "><span id="sumant3mold1"></span>%</td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center   "></td>
            </tr>
            <tr>
              <td class="f16 border-right-thin text-over border-bottom-thin "><span id="ant3mold2"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="sumant3mold2"></span>%</td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin  "></td>
            </tr>

            <tr>
              <td rowspan="2" class="f16  text-center v-middle border-bottom-thin border-right-thin">DICER</td>
              <td class="f16 border-right-thin text-over"><span id="ant3dicer1"></span></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin " style="text-align: right;"><span id="sumant3dicer1"></span>%</td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center   "></td>
            </tr>
            <tr>
              <td class="f16 border-right-thin text-over border-bottom-thin "><span id="ant3dicer2"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="sumant3dicer2"></span>%</td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin  "></td>
            
            </tr>

            <tr>
              <td rowspan="2" class="f16  text-center v-middle border-bottom-thin border-right-thin">APPEARANCE</td>
              <td class="f16 border-right-thin text-over"><span id="ant3appea1"></span></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "><span id="sumant3appea1"></span>%</td>
              <td class="f17 text-center   "></td>
            </tr>
            <tr>
              <td class="f16 border-right-thin text-over border-bottom-thin "><span id="ant3appea2"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="sumant3appea2"></span>%</td>
              <td class="f17 text-center border-bottom-thin  "></td>              
            </tr>

            <tr>
              <td rowspan="2" class="f16  text-center v-middle border-bottom-thin border-right-thin">CLASSIFYING</td>
              <td class="f16 border-right-thin text-over"><span id="ant3classi1"></span></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center  border-right-thin "></td>
              <td class="f17 text-center   "> <span id="sumant3classi1"></span>%</td>
            </tr>
            <tr>
              <td class="f16 border-right-thin text-over border-bottom-thin"><span id="ant3classi2"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin  "><span id="sumant3classi2"></span>%</td>            
            </tr>
  
            <tr>
              <td colspan="2" class="f17 border-right-thin border-bottom-thin">LOT OUT</td>  <!-- output - ok - ng = Lot out -->
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="lotout_a"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="lotout_b"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="lotout_c"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="lotout_d"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="lotout_e"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="lotout_f"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="lotout_g"></span></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="lotout_p"></span></td>
              <td class="f17 text-center border-bottom-thin  "><span id="lotout_q"></span></td>
            
            </tr>
            <tr>
              <td colspan="2" class="f17 border-right-thin border-bottom-thin">% LOT OUT</td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="lotout_percen_a"></span>%</td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="lotout_percen_b"></span>%</td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="lotout_percen_c"></span>%</td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="lotout_percen_d"></span>%</td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="lotout_percen_e"></span>%</td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="lotout_percen_f"></span>%</td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="lotout_percen_g"></span>%</td>
              <td class="f17 text-center border-bottom-thin border-right-thin "><span id="lotout_percen_p"></span>%</td>
              <td class="f17 text-center border-bottom-thin  "><span id="lotout_percen_q"></span>%<</td>
            
            </tr>
            <tr >
              <td colspan="2" rowspan="2" class="f17 border-right-thin border-bottom-thin">Remark</td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
            </tr>

            <tr >
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
              <td class="f17 text-center border-bottom-thin border-right-thin "></td>
            </tr>           
        </table>