/* <style> */
/* 全局樣式 */
 body {
            /* font-family: consolas , 'Arial', sans-serif;   */
            font-family:  monospace , sans-serif;        /*   使用通用字型：系統預設等寬字型 */ 
            
            padding: 10px;
            background-color: #f0f8ff;
            color: black;  
          /*   background-color: black;   設定背景為黑色 */
           /*  color: darkgray;            設定文字為白色 */
            margin: 0 auto;  /* 置中 ***/
             
            text-align: center;   /* 置中 ***/  
        }
  
        /* 頁面標題 */
        h1, h2 {
            color: #2c3e50;
            text-align: center;
            margin-bottom: 20px;
        }

        /* 標題區域 */
        .header-table {
          /*  width: 100%; */
             border-collapse: separate ;  /* collapse  框線合併        separate;  邊框不合併 */       /*  p { font-family : consolas , 標楷體 ;}    標楷體  */
     
            margin-bottom: 1px;
            border-bottom: 1px solid #ddd;            
            /*border: 1px solid #ddd;  */        
            border: 1px solid  lightgray;
            border-spacing: 3px;         /* 設定儲存格之間的間距為 3 像素 */
            padding: 1px;
            margin: 0 auto;  /* 置中 ***/
           
            text-align: center;   /* 置中 ***/  
        }

        .header-table tr {
            text-align: center;
            padding: 5px;
            border: 1px solid  lightgray;
        }
        .header-table th {
            text-align: center;
            padding: 5px;
            border: 1px solid  lightgray;
        }

        .header-table img {
            border-radius: 10px;    /* 半徑  */ 
        }
        
 /*
          tr:hover {
             background-color: #eaf1f8; 
            background-color: deepskyblue ; }   lightblue;   */
         
       /*  滑鼠滑動 變底色 */ 
       .table-Group_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

       .table-MPO_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
            
        }

        .table-FPO_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

        .table-MPO40_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

        .table-MPO45_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

        .table-MPO50_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }
        .table-MPO60_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

        .table-MA_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

        .table-FA_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }
       
        .table-MA60_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }
        .table-MJ18_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

        .table-FJ18_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

        .table-U10_boy_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

        .table-U10_girl_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

        .table-U12_boy_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

        .table-U12_girl_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

        .table-U16_boy_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

        .table-U16_girl_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

        .table-U19_boy_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

        .table-U19_girl_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

       

        .table-Novice_boy_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

        .table-Novice_girl_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }


        .table-general tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }
 
 


        .table-mpo tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }
        
        .table-mpo45 tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

        .table-mpo60 tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }

        .table-amateur tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }



/*             
        .table-container  th {
            text-align: center;
            padding: 4px;
            border: 1px  solid  #f0f8ff; 
        }
        .table-container  tr {
            text-align: center;
            padding: 4px;
            border: 1px   solid  #f0f8ff;  

        }   */
 

         .score_1 {background: magenta; color: white;}

         .score_2 {background: seagreen; color: white; }
         .score_3 {background: white;}
         .score_4 {background: lightgray;}
         .score_5 {background: darkgray;}

         .score_hole_in_one {background: magenta;color: white;}
         .score_albatross  {background: gold;color: black;}
         .score_eagle  {background: greenyellow;color: black;}
         .score_birdie {background: forestgreen;color: white;} 
         /* .score_birdie {background: #008E6F ; color: white;} */
         
         .score_par {background: white;}
         .score_bogey {background: lightgray;}
         .score_dbl_bogey {background: darkgray;}
                    
          .tdga_blue{  background-color: #3498db;   color: white; text-align: left; }
          
       .linen {background: linen;}
       .white {background: white;}
       .gray {background: gray;}
       .lightgray {background: lightgray;}
       .lavender {background: lavender;}

       .lightsteelblue {background: lightsteelblue;}

       .dnf {background: red; color: white; }
       .red {background: red;}
       .green {background: green;}

       .lightgreen {background: lightgreen;}
       .limegreen {background: limegreen;}
       .forestgreen {background: forestgreen;}
       .seatgreen {background: seagreen;}

       .blue {background: blue;}
       .lightskyblue {background: lightskyblue;}
       .deepskyblue {background: deepskyblue;}
       .lightblue {background: lightblue;}
       .skyblue {background: skyblue;}
       .cyan {background: cyan;}

       .tdga { color: white;  
                           background: #3498db;  
                          text-align: left;
                          }

       .deepskyblue_pdga { color: white;  
                           background: #064573;  
                          text-align: left;
                          }
       .deepskyblue_1 {background: deepskyblue;
                       text-align: left;
                      }
        .orange_2 {background: orange;
                       text-align: left;
                    }
       .chocolate_2 {background:  chocolate;
                       text-align: left;
                       color:white ;
                    }
                   
        .plum_3 {background: plum;
                    text-align: left;
                  }
        .lightgreen_4 {background: lightgreen;
                      text-align: left;
                      }
                      
                      
       .total_ {background:  peachpuff;}
       .peachpuff{background:  peachpuff;}
       .lightsalmon{background: lightsalmon;}
       .sandybrown{background: sandybrown;}
       .gold{background: gold;}
       .orange {background: orange;}
       .yellow {background: yellow;}

       .magenta {background: magenta;}
       .plum {background: plum;}
       .pink {background: pink;}
       .fuchsia  {background: fuchsia;}
  

       table {
               border: 1px lightblue solid ; 
               border-collapse:  separate ;
            
                margin: 0 auto;  /* 置中 ***/
            text-align: center;   /* 置中 ***/
            text-align: center;   /* 置中 ***/  
            }
        th   { 
              /* display: flex;  */
                justify-content: center;           
                align-items: center;
                border: 1px lightgray solid ;  /*    */
                padding: 1px;              
                font-size: 16px;
               /* width: 35px;   設定欄位寬度 */
              /*  height: 20px;   設定欄位高度 */
                text-align: center;      /* 左右置中 */
                white-space: nowrap;    /* 禁止文字自動換行 */
                vertical-align: middle;    /* 垂直置中 */
              
              } 

              td { 
              /* display: flex;  */
                justify-content: center;           
                align-items: center;
                border: 1px lightgray solid ;  /*    */
                padding: 1px;              
                font-size: 16px   ;
                font-weight: bold;
               /* width: 35px;   設定欄位寬度 */
              /*  height: 20px;   設定欄位高度 */
                text-align: center;      /* 左右置中 */
                white-space: nowrap;  /* 禁止文字自動換行 */
                vertical-align: middle;    /* 垂直置中 */
              
              }   


              a{text-decoration:none}
              a:hover{text-decoration:none} 
               
      
    
    a {
        color: white;            /* 連結文字白色 */
        text-decoration: none;   /* 移除底線 (可選) */
      }
      a:hover {
        color: yellow;           /* 滑鼠移過時變成黃色 (可選) */
      }


    table {
        /* background-color: rgba(255, 255, 255, 0.75  );    白色背景，透明度为50% */
        border: 1px solid lightgray ;  
        /* width: 100%; */
          border-collapse: separate ;  /* collapse  框線合併        separate;  邊框不合併 */
          margin-bottom: 1px;
          border-spacing: 3px;         /* 設定儲存格之間的間距為 20 像素 */
           border-radius: 7px;
      }

  tr {
        border: 1px solid lightgray;
        padding: 10px;
        text-align: left;

        /* border-bottom: 1px solid #ddd; */
        /* border-bottom: 0px solid #3498db; */
        /* border-bottom:12px solid #3498db; */
        font-size: 16px;
        white-space: nowrap;    /*  禁止文字自動換行 */
        /* background-color: lightgray;   */
         /* background-color: mediumseagreen ;      */
           border-radius: 7px;
    }

  th {
        border: 1px solid lightgray;    /* 邊線 顏色  solid plum */
        padding: 10px;
        text-align: center;
        /* color: white; */
        /* border-bottom: 1px solid #ddd; */
        /* border-bottom: 0px solid #3498db; */
        /* border-bottom:12px solid #3498db; */
        font-size: 18px;
        white-space: nowrap;    /*  禁止文字自動換行 */
        /* background-color: lightgray;   */

         /* background-color: mediumseagreen ;   背景   */
        /* border-radius: 7px;   半徑 */
    }
    
  td {
        border: 1px solid lightgray;           /* 邊線 顏色  solid plum   #3498db;   */
        
        padding: 5px;
        text-align: left;
        color: black;
        /* border-bottom: 1px solid #ddd; */
        /* border-bottom: 0px solid #3498db; */
        /* border-bottom:12px solid #3498db; */
        font-size: 18px;
        white-space: nowrap;    /*  禁止文字自動換行 */
        /* background-color: lightgray;   */
         /* background-color: mediumseagreen ;      */
           /* border-radius: 7px; */
    }

        /* 表頭固定在頂部 */
        thead th {
          position: sticky;
          top: 0px; /* 固定在上方 */
          background-color: #3498db;
        
          color: white;
          z-index: 1; /* 層級高於一般儲存格 */
          cursor: pointer; /* 顯示可點擊 */
        }



        /* 凍結左側前三欄（第1~3欄） */
          thead th:nth-child(1), 
      
          tbody td:nth-child(1) 
          {
            position: sticky;
            /* background-color: #f0f0f0; */
            z-index: 2; /* 層級略低，避免遮住表頭 */
          }

          /* 設定每欄的 left 偏移值，避免重疊 */
          thead th:nth-child(1), tbody td:nth-child(1) { left: 0px; }
          

          /* 提升表頭層級，確保在最上層 */
          
          thead th:nth-child(1) {
            z-index: 3;  
          }

          a{text-decoration:none}
          a:hover{text-decoration:none}               
              
       .table-stock_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: DodgerBlue  ;  /*  #3498db  #3498dblightblue;  deepskyblue  DodgerBlue*/
            color : white;
        }
 
    :root {           
            --big-font-size: 28px;            
            --mid-font-size: 24px;            
            --small-font-size: 20px;
        }

   /* 大買 */
    .highred {
            background-color: red;
            color: black;
            font-size: 18px;
            text-align: right;
          }

     /* 中買 */  
    .midred {
            background-color: lightpink;
            color: black;
            font-size: 18px;
            text-align: right;
          }

      /* 小買 */
    .smallred {
            /* background-color: lightpink; */
            color: red;
            font-size: 18px;
            text-align: right;
          }

          /* 小賣 */
    .smallgreen {
            /* background-color: lightpink; */
            color: lightgreen;
            font-size: 18px;
            text-align: right;
          }

          /* 中賣 */
    .midgreen {
            background-color: green;
            color: black;
            font-size: 18px;
            text-align: right;
          }

           /* 大賣 */
    .highgreen {
            background-color: lightgreen;
            color: black;
            font-size: 18px;
            text-align: right;
         }

      .close_price_ {
            /* background-color: lightgreen; */
            color: white;
            font-size: 18px;
            text-align: right;
          }
          
          /*  +10% */
      .percent_Limit_up_{
            background-color: red;
            color: white;
            font-size: 18px;
            text-align: right;
          }
          
          
      .percent_red_{
            /* background-color: red; */
            color: red;
            font-size: 18px;
            text-align: right;
          }
          
          
      .percent_green_{
            /* background-color: red; */
            color: lightgreen;
            font-size: 18px;
            text-align: right;
          }
          
          /*  -10% */
      .percent_Limit_down_{
            background-color: lightgreen;
            color: black;
            font-size: 18px;
            text-align: right;
          }

          .hold_percent{
            background-color: violet;
            color: black;
            font-size: 18px;
            text-align: right;
          }




      .percent_red_left_{
            /* background-color: red; */
            color: red;
            font-size: 18px;
            text-align: left;
          }
          
          
      .percent_green_left_{
            /* background-color: red; */
            color: lightgreen;
            font-size: 18px;
            text-align: left;
          }
          
      .percent_gray_left_{
            /* background-color: red; */
            color: darkgray;
            font-size: 18px;
            text-align: left;
          }
          
      .percent_gray_right_{
            /* background-color: red; */
            color: darkgray;
            font-size: 18px;
            text-align: right;
          }
          

      .continued_buy_day_up_{
            /* background-color: red; */
            color: yellow;
            font-size: 24px;
            text-align: right;
          }
          
      .continued_buy_day_up_02 {
            background-color: gold;
            color: black;
            font-size: 24px;
            text-align: right;
          }
          
      .continued_buy_day_down_{
            /* background-color: red; */
            color: #20B2AA;
            font-size: 24px;
            text-align: right;
          }
          
          
     .continued_buy_percent_up_02 {
             background-color: gold;
            color: black;
            font-size: 18px;
            text-align: right;
          }

     .continued_buy_percent_up_{
            /* background-color: red; */
            color: yellow;
            font-size: 18px;
            text-align: right;
          }
     .continued_buy_percent_down_{
            /* background-color: red; */
            color: #20B2AA;
            font-size: 18px;
            text-align: right;
          }
          
     .continued_buy_percent_down_02{
              background-color:#20B2AA;  
            color: black;
            font-size: 18px;
            text-align: right;
          }
          
     .normal {
            /* background-color:#20B2AA;   */
             color: darkgray;
            font-size: 18px;
            text-align: right; 
     }

      .continued_buy_percent_up_multiple_10
      {
            background-color: orange;
            color: black;
            font-size: 18px;
            text-align: right;
      }

      .continued_buy_percent_up_multiple_1
      {
            /* background-color: orange; */
            color: orange;
            font-size: 18px;
            text-align: right;
      }


        .table-stock_ th {
            /* text-align: center ;     */
            /* text-align: center; */
            padding: 3px;
            /* font-size: 16px; */
             /* padding-top: 0px;
             padding-right: 0px;
             padding-bottom: 0px;
             padding-left: 0px; */
        }
    
        .table-stock_ td {
            /* text-align: center ;     */
            /* text-align: center; */
            padding: 3px;
            /* font-size: 16px; */
             /* padding-top: 0px;
             padding-right: 0px;
             padding-bottom: 0px;
             padding-left: 0px; */
        }

        /* 表頭共同樣式   DodgerBlue ;   */ 
        .header-blue { 
          background-color: #3498db; 
          color: white; 
          text-align: center; 
          padding: 3px; 
          /* font-weight: bold; 可選：加粗顯示 */ 
           cursor: pointer; /* 可選：顯示可點擊 */ 
        } 
        
        /* asc 樣式：通常用來表示升冪排序 */ 
        /* .asc {
           background-color: #3498DB;       保持一致 
           color: white; 
           font-weight: bold;   可選：加粗顯示  
           cursor: pointer;   可選：顯示可點擊  
          
          } */



/* </style> */