@media (min-width: 768px) {

    .logoWidth {width: 420px; height: auto;}
    
    .logomargin {position: relative; margin-left: 15%; margin-top: 20px; }
    
    .mainbg { z-index: -2; height: 100vh; overflow: hidden; position: absolute; top: 0px;  left: 0px;}
    
    section { height: auto;}
    .section-full { height: 100vh;} 
    
    header { background-color: aliceblue; }

    .bd-placeholder-img-lg {  font-size: 3.5rem; }

    .navbar { height: 160px; background-color: rgba(255, 255, 255, 0.6);}

    .nav-item {  padding-top: 90px;  width: 110px; }
    
    .nav-item-1 {
      width: 30vh;  
      visibility: visible;
    }

    .nav-link{
      text-align: center;
      width: 110px; 
      font-size: 16pt;
      color: #0D47A1;
    } 

    .nav-link:active{ 
      font-size: 16pt;
      color: #0D47A1;
    } 
    
    .nav-link:hover { 
      font-size: 16pt;
      color: #0D47A1;
    } 

    .page1 { font-size: 56pt; letter-spacing: 3px; } 
    .page1-contaner { padding-top: 300px; } 
    .card-subject-text { font-size: 16pt; letter-spacing: 3px;  }
    .card-subject-content { font-size: 14pt; letter-spacing: 1px;  }
    .card-subject-contentbtn { font-size: 14pt; letter-spacing: 1px; color: #ffffff; background-color: #000000;  }
    .card-subject-content-company{ font-size: 14pt;  letter-spacing: 1px; } 
    .morethen { font-size: 36pt; font-weight: bold; letter-spacing: 3px; }
    .morethen-text { font-size: 20pt; letter-spacing: 3px; }
    .cbsubject { color: darkcyan;}
    .cbcontent { font-size: 16pt; letter-spacing: 2px;  }
    .subject_title { position: relative; padding-left:43%; } 
    .vedioWidth { height: 100%; height: 100%;}
    .company-frameouter {height: 80vh;}
    .company-frameinner {height: 70vh;} 
    .prizies{ height: 100%; }
    .fixed-bg-layer {
      position: static;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;

      /* ✅ 你的圖片 */
      background-image: url('/ESG/Images/green_tree.png');
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      background-attachment: static1;

      /* ✅ 關鍵設定 */
      z-index: -1;

      /* ✅ 微調視覺，可選 */
      filter: brightness(0.95);
    }

      
    .footer-nav {
      background-color: #ffffff;
      border-top: 1px solid #e0e0e0;
      padding: 48px 16px;
    }

    .footer-nav-list {
      max-width: 1360px;
      margin: 0 auto;
      padding: 0;

      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 32px;

      list-style: none;
    }

    .footer-nav-list li {
      text-align: left;
    }

    .footer-nav-list strong {
      display: block;
      font-size: 16px;
      font-weight: 600;
      color: #000;
      margin-bottom: 12px;
    }

    .footer-nav-list a {
      display: block;
      font-size: 14px;
      color: #555;
      text-decoration: none;
      line-height: 1.8;
    }

    .footer-nav-list a:hover {
      color: #1f5f78; /* ESG / 官網主色 */
      text-decoration: underline;
    }



  }


  @media (min-width:768px) and (max-width:1600px) {

    .logoWidth {width: 320px; height: auto;}
    
    .logomargin {position: relative; margin-left: 8%; margin-top: 20px; }
    
    .mainbg { z-index: -2; height: 100vh; overflow: hidden; position: absolute; top: 0px;  left: 0px;}
    
    section { height: auto;}
    .section-full { height: 100vh;} 
    
    header { background-color: aliceblue; }
  
    .bd-placeholder-img-lg {  font-size: 3.5rem; }
  
    .navbar { height: 120px; background-color: rgba(255, 255, 255, 0.6);}
  
    .nav-item {  padding-top: 90px;  width: 90px; }
    
    .nav-item-1 {
      width: 30vh;  
      visibility: visible;
    }
  
    .nav-link{
      text-align: center;
      width: 90px; 
      font-size: 13pt;
      color: #0D47A1;
    } 
  
    .nav-link:active{ 
      font-size: 13pt;
      color: #0D47A1;
    } 
    
    .nav-link:hover { 
      font-size: 13pt;
      color: #0D47A1;
    } 
  
 
    .page0 { font-size: 56pt; letter-spacing: 3px; } 
    .page0-contaner { padding-top: 150px; }  

    .page1 { font-size: 56pt; letter-spacing: 3px; } 
    .page1-contaner { padding-top: 300px; }  
    .card-subject-text { font-size: 16pt; letter-spacing: 3px;  }
    .card-subject-content { font-size: 14pt; letter-spacing: 1px;  }
    .card-subject-contentbtn { font-size: 14pt; letter-spacing: 1px; color: #ffffff; background-color: #000000;  }
    .card-subject-content-company{ font-size: 11pt; } 
    .morethen { font-size: 24pt; font-weight: bold; letter-spacing: 3px; }
    .morethen-text { font-size: 16pt; letter-spacing: 3px; }
    .cbsubject { color: darkcyan;}
    .cbcontent { font-size: 16pt; letter-spacing: 2px;  }
    .subject_title { position: relative; padding-left:43%; } 
    .vedioWidth { height: 100%; width: 100%;}
    .company-frameouter {height: 80vh;}
    .company-frameinner {height: 70vh;} 
    .prizies{ height: 100%; }

    .fixed-bg-layer {
      position: static;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;

      /* ✅ 你的圖片 */
      background-image: url('/ESG/Images/green_tree.png');
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      background-attachment: static1;

      /* ✅ 關鍵設定 */
      z-index: -1;

      /* ✅ 微調視覺，可選 */
      filter: brightness(0.95);
    }

      
    .footer-nav {
      background-color: #ffffff;
      border-top: 1px solid #e0e0e0;
      padding: 48px 16px;
    }

    .footer-nav-list {
      max-width: 1360px;
      margin: 0 auto;
      padding: 0;

      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 32px;

      list-style: none;
    }

    .footer-nav-list li {
      text-align: left;
    }

    .footer-nav-list strong {
      display: block;
      font-size: 16px;
      font-weight: 600;
      color: #000;
      margin-bottom: 12px;
    }

    .footer-nav-list a {
      display: block;
      font-size: 14px;
      color: #555;
      text-decoration: none;
      line-height: 1.8;
    }

    .footer-nav-list a:hover {
      color: #1f5f78; /* ESG / 官網主色 */
      text-decoration: underline;
    }


  
}
  

  @media (max-width: 768px) {

    .logoWidth {width: 240px; height: auto;}

    .logomargin {position: relative; } 

    .mainbg { z-index: -2; height: 100vh; overflow: hidden; position: absolute; top: 0px;  left: 0px;  display: none;}

    .mainbg_news { z-index: -2; height: 10vh; overflow: hidden; position: absolute; top: 0px;  left: 0px;  display: none;}
 
    section { height: auto;} 

    header { background-color: aliceblue; }

    .section-1 { height: 100vh;} 
    
    .navbar { background-color: rgba(255, 255, 255, 0.6);}

    .nav-item-1 {  width: 30vh;  visibility: hidden; }

    .nav-item { background-color: rgba(222, 222, 222,0.8);   }


    .nav-link { 
      font-size: 20pt; 
    } 
      

    .page1-contaner { padding-top: 150px; font-size: 16pt; } 
    .page1 { font-size: 24pt; letter-spacing: 3px; }
    .card-subject-text { font-size: 14pt; letter-spacing: 3px;  }
    .card-subject-content { font-size: 12pt; letter-spacing: 1px;  }
    .card-subject-contentbtn { font-size: 12pt; letter-spacing: 1px; color: #ffffff; background-color: #000000;  }
    .card-subject-content-company{ font-size: 14pt;  letter-spacing: 1px; } 
    .morethen { font-size: 36pt; letter-spacing: 3px; }
    .morethen-text { font-size: 20pt; letter-spacing: 3px; } 
    .cbsubject { color: darkcyan;}
    .cbcontent { font-size: 14pt; letter-spacing: 1px;  }
    .subject_title { position: relative; padding-left:43%; }
    .vedioWidth { height: 320px; height: 240;}
    .company-frameouter {height: auto;}
    .company-frameinner {height: auto;}
    #cddd {width: 80%;}
    #exx {width: 80%;}
    #deffdde {width: 100%; height: 40%;}
    .prizies{ height: 100%; }
 
    .fixed-bg-layer {
      position: static;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;

      /* ✅ 你的圖片 */
      background-image: url('/ESG/Images/green_tree.png');
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      background-attachment: static1;

      /* ✅ 關鍵設定 */
      z-index: -1;

      /* ✅ 微調視覺，可選 */
      filter: brightness(0.95);
    }


      
    .footer-nav {
      background-color: #ffffff;
      border-top: 1px solid #e0e0e0;
      padding: 48px 16px;
    }

    .footer-nav-list {
      max-width: 1360px;
      margin: 0 auto;
      padding: 0;

      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 32px;

      list-style: none;
    }

    .footer-nav-list li {
      text-align: left;
    }

    .footer-nav-list strong {
      display: block;
      font-size: 16px;
      font-weight: 600;
      color: #000;
      margin-bottom: 12px;
    }

    .footer-nav-list a {
      display: block;
      font-size: 14px;
      color: #555;
      text-decoration: none;
      line-height: 1.8;
    }

    .footer-nav-list a:hover {
      color: #1f5f78; /* ESG / 官網主色 */
      text-decoration: underline;
    }



  }l