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

        /* 標題區域 */
        .header-table {
          /*  width: 100%; */
             border-collapse: separate ;  /* collapse  框線合併        separate;  邊框不合併 */
            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;   /* 置中 ***/
            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 ;   
            
        }

        .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 ;  
        }

        .table-FA_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }
       
        .table-MA40_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }
        
        .table-MA45_ tr:hover {
            /*  background-color: #eaf1f8; */ 
            background-color: deepskyblue ;  /* lightblue;*/
        }
        
        .table-MA50_ 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} 
               
       
       /*  p { font-family : consolas , 標楷體 ;}    標楷體  */
   
             pre {
                    margin: 0; 
                    padding: 0;
                  } 
                   p {
                    margin: 0; 
                    padding: 0;
                  } 

/* </style> */