<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <meta name="description"
    content="中華龍網 DragonSoft 成立於2003年，專注於資訊安全軟體研發與資安專案解決方案，提供政府單位、金融機構與企業輕鬆達成合規。產品涵蓋組態稽核工具（GCB/FCB/ISO）、資產盤點與弱點通報系統（VANS）、半導體產業專屬檢測工具（SEMI E187），並支援多元作業系統導入，透過視覺化報表、自動派送與例外管理機制，打造可監測、可控制、可應變的資安防護體系，協助政府、金融業與企業有效提升資通安全韌性。" />
    <meta name="keywords" content="中華龍網, DragonSoft, 資安合規工具, 政府資安解決方案, 金融組態稽核, GCB, FCB, 資產盤點, VANS, 半導體資安檢測, SEMI E187, 弱點通報系統, 視覺化資安報表, 資安自動派送, 資通安全管理系統, 端點組態資安解決方案" />
    <meta name="author" content="DragonSoft" />

  <!-- 主題色 -->
  <meta name="theme-color" content="#404040" />
  <meta name="apple-mobile-web-app-status-bar-style" content="#404040" />

  <!-- 搜尋引擎設定 -->
  <meta name="robots" content="noarchive" />

  <title>中華龍網 DragonSoft Security Associates Inc.｜資安組態合規管理平台</title>

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="./assets/vendor/bootstrap-5.2.0-dist/bootstrap.min.css" />

  <!-- 自訂 CSS -->
  <link rel="stylesheet" href="./assets/css/reset.css" />
  <link rel="stylesheet" href="assets/css/style.css" />
  <link rel="stylesheet" href="assets/css/submenu.css" />
  <link rel="stylesheet" href="./assets/css/laptop.css" />
  <link rel="stylesheet" href="./assets/css/owlCarousel.css" />

  <!-- FontAwesome -->
  <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css" />
  <link href="assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
  <link href="https://fonts.googleapis.com/css?family=Acme" rel="stylesheet" />

  <!-- Owl Carousel -->
  <link rel="stylesheet" href="assets/vendor/owlcarousel/owl.carousel.min-2.3.4.css" />
  <!-- <script src="assets/vendor/owlcarousel/owl.carousel.js"></script> -->

  <!-- Swiper 輪播牆 CSS -->
  <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />

  <!-- 網站 Icon -->
  <link rel="icon" type="image/png" href="assets/img/DragonSoft_WebLogo_small.png" />

  <!-- Bootstrap JS (改為 script 標籤載入) -->
  <script src="./assets/vendor/bootstrap-5.2.0-dist/bootstrap.min.js"></script>

  <!-- Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-233540857-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', 'UA-233540857-1');
  </script>

  <!-- Google Tag Manager -->
  <script>
    (function (w, d, s, l, i) {
      w[l] = w[l] || [];
      w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
      var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
      j.async = true;
      j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
      f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-KLVGFNN');
  </script>

  <!-- Schema.org JSON-LD 組織結構 -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "DragonSoft Security Associates Inc. 中華龍網",
      "alternateName": "DragonSoft",
      "url": "https://www.ddwhzx.com/",
      "logo": "https://www.ddwhzx.com/assets/img/ds_logo.svg",
      "sameAs": [
        "https://www.facebook.com/ddwhzx.com.tw",
        "https://www.youtube.com/@dragonsoft4140"
      ],
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+886-2-2962-0065",
        "contactType": "customer service",
        "areaServed": "TW",
        "availableLanguage": ["zh-TW", "en"]
      },
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "遠東路1段6樓",
        "addressLocality": "板橋區",
        "addressRegion": "新北市",
        "postalCode": "220",
        "addressCountry": "TW"
      }
    }
  </script>
</head>

<body>
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KLVGFNN" height="0" width="0"
      style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->

  <!-- Navigation導航 -->

  <nav class="navbar navbar-expand-lg navbar-light navbar-bg fixed-top">
    <div class="container">
      <a href="index.html"><img src="assets/img/home_page/ds-logo-black.svg" id="nav-logo" title="DragonSoft | 中華龍網"
          alt="DragonSoft | 中華龍網" /></a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive2"
        aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse m-padding-10" id="navbarResponsive">
        <ul class="navbar-nav ml-auto">

          <li class="nav-item dropdown nav-item-top">
            <a class="nav-link dropdown-toggle" href="" id="navbarDropdownMenuLink" data-toggle="dropdown"
              aria-haspopup="true" aria-expanded="false"> 產品服務 </a>
            <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
              <li class="dropdown-submenu dropdown-submenu1 w-95"><a class="dropdown-item dropdown-toggle">資安產品</a>
                <ul class="dropdown-menu dropdown-menu-sec">
                  <li><a class="dropdown-item item-inside" href="./pagenation/D-GCB.html">GCB/FCB</a></li>
                  <li><a class="dropdown-item item-inside" href="./pagenation/VANS.html">VANS</a></li>
                  <li><a class="dropdown-item item-inside" href="./pagenation/DVM.html">DVM</a></li>
                  <li><a class="dropdown-item item-inside" href="./pagenation/semiE187.html">SEMI E187</a></li>
                  <li><a class="dropdown-item item-inside" href="./pagenation/iso27001.html">ISO27001</a></li>
                  <li><a class="dropdown-item item-inside" href="./pagenation/trapa.html">TRAPA</a></li>
                  <!-- <li><a class="dropdown-item item-inside" href="./pagenation/foxit.html">FOX-IT</a></li> -->
                  <!-- <li><a class="dropdown-item item-inside" href="./pagenation/HyperEDR.html">HyperEDR</a></li> -->
                  <!-- <li><a class="dropdown-item item-inside" href="./pagenation/ddos.html">DDoS</a></li> -->
                  <!-- <li><a class="dropdown-item item-inside" href="./pagenation/xHUNTER.html">XHunter</a></li> -->
                </ul>
              </li>
              <!-- <li class="dropdown-submenu dropdown-submenu2 w-95"><a class="dropdown-item dropdown-toggle">資安服務</a>
                <ul class="dropdown-menu dropdown-menu-sec">
                  <li><a class="dropdown-item item-inside" href="./pagenation/MDR.html">端點資安威脅監控託管服務</a></li>
                   <li><a class="dropdown-item item-inside" href="./pagenation/security-medical-checkup.html"><img
                        src="./assets/img/icon/nav-icon/security_medical.png" alt="">資安健診</a></li>
                </ul>
              </li> -->
              <li class="dropdown-submenu dropdown-submenu3 w-95"><a class="dropdown-item dropdown-toggle">解決方案</a>
                <ul class="dropdown-menu dropdown-menu-sec">
                  <li><a class="dropdown-item item-inside" href="./pagenation/zerotrust.html">零信任架構</a></li>
                  <li><a class="dropdown-item item-inside" href="./pagenation/solution.html">端點資安解決方案</a></li>
                  <li><a class="dropdown-item item-inside" href="./pagenation/solution-ioT.html">物聯網資安解決方案</a></li>
                  <li><a class="dropdown-item item-inside"
                      href="./pagenation/company-solution.html">上市上櫃公司資通安全管控指引解決方案</a></li>
                </ul>
              </li>
            </ul>
          </li>

          <li class="nav-item dropdown nav-item-top">
            <a class="nav-link dropdown-toggle" href="" id="navbarDropdownMenuLink" data-toggle="dropdown"
              aria-haspopup="true" aria-expanded="false"> 最新消息 </a>
            <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
              <li class="dropdown-submenu dropdown-submenu-news"><a class="dropdown-item" href="./pagenation/news.html">
                  最新消息</a></li>
              <!-- <li class="dropdown-submenu dropdown-submenu-news"><a class="dropdown-item"
                  href="./pagenation/newsleter.html">龍網電子報</a></li> -->
            </ul>
          </li>

          <li class="nav-item dropdown nav-item-top">
            <a class="nav-link dropdown-toggle" href="" id="navbarDropdownMenuLink" data-toggle="dropdown"
              aria-haspopup="true" aria-expanded="false"> 關於龍網 </a>
            <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
              <li class="dropdown-submenu dropdown-submenu-news"><a class="dropdown-item"
                  href="./pagenation/about.html">
                  關於龍網</a></li>
              <li class="dropdown-submenu dropdown-submenu-news"><a class="dropdown-item"
                  href="./pagenation/partner.html">合作夥伴</a>
              </li>
              <li class="dropdown-submenu dropdown-submenu-news"><a class="dropdown-item"
                  href="./pagenation/contract.html">共同供應契約</a>
              </li>
              <li class="dropdown-submenu dropdown-submenu-news"><a class="dropdown-item"
                  href="./pagenation/activity.html">活動花絮</a>
              </li>
            </ul>
          </li>
          <li class="nav-item nav-item-top">
            <a id="navbarDropdownMenuLink" class="nav-link" href="./pagenation/contact-us.html" v-smooth-scroll>聯絡我們</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>


  <!-- <991 平板nav -->
  <nav id="nav-box" class="d-none">
    <div id="nav-box-X"><img src="./assets/img/icon/X.png" alt=""></div>
    <ul class="navbar-nav ml-auto">
      <!-- first-button -->
      <li class="bottom-wrap first-button-wrap">
        <a class="botton first-button dropdown-item" id="first-button" href="#" data-toggle="dropdown"
          aria-haspopup="true" aria-expanded="false"> 產品服務 <img src="./assets/img/icon/down.png" alt=""
            class="down"></a>
        <ul class="button-menu first-button-menu d-none" aria-labelledby="navbarDropdownMenuLink">
          <li class="dropdown-submenu nav-item1 column height"><a class="dropdown-item dropdown-toggle2"><span>資安產品
              </span><img src="./assets/img/icon/down-w.png" alt="" class="down"></a>
            <ul class="SecMenu SecMenu1 d-none">
              <li><a class="dropdown-item item-inside" href="./pagenation/D-GCB.html">GCB/FCB</a></li>
                  <li><a class="dropdown-item item-inside" href="./pagenation/VANS.html">VANS</a></li>
                  <li><a class="dropdown-item item-inside" href="./pagenation/DVM.html">DVM</a></li>
                  <li><a class="dropdown-item item-inside" href="./pagenation/semiE187.html">SEMI E187</a></li>
                  <li><a class="dropdown-item item-inside" href="./pagenation/iso27001.html">ISO27001</a></li>
                  <li><a class="dropdown-item item-inside" href="./pagenation/trapa.html">TRAPA</a></li>
                  <!-- <li><a class="dropdown-item item-inside" href="./pagenation/foxit.html">FOX-IT</a></li> -->
                  <!-- <li><a class="dropdown-item item-inside" href="./pagenation/HyperEDR.html">HyperEDR</a></li> -->
                  <!-- <li><a class="dropdown-item item-inside" href="./pagenation/ddos.html">DDoS</a></li> -->
                  <!-- <li><a class="dropdown-item item-inside" href="./pagenation/xHUNTER.html">XHunter</a></li> -->
            </ul>
          </li>
          <!-- <li class="dropdown-submenu nav-item2 column"><a class="dropdown-item dropdown-toggle2"><span>資安服務</span><img
                src="./assets/img/icon/down-w.png" alt="" class="down"></a>
            <ul class="SecMenu SecMenu2 d-none">
              <li><a class="item-inside" href="./pagination/Health.html"><img
                    src="./assets/img/icon/nav-icon/security_medical.png" alt="">資安健診</a></li>
              <li><a class="item-inside" href="./pagination/MDR.html">端點資安威脅監控託管服務</a></li>
            </ul>
          </li> -->
          <li class="dropdown-submenu nav-item3 column"><a class="dropdown-item dropdown-toggle2"><span>解決方案</span><img
                src="./assets/img/icon/down-w.png" alt="" class="down"></a>
            <ul class="SecMenu SecMenu3 d-none">
              <li><a class="item-inside" href="./pagenation/zerotrust.html">零信任架構</a></li>
              <li><a class="dropdown-item item-inside" href="./pagenation/solution.html">端點資安解決方案</a></li>
                  <li><a class="dropdown-item item-inside" href="./pagenation/solution-ioT.html">物聯網資安解決方案</a></li>
                  <li><a class="dropdown-item item-inside"
                      href="./pagenation/company-solution.html">上市上櫃公司資通安全管控指引解決方案</a></li>
            </ul>
          </li>
        </ul>
      </li>

      <!-- second-button -->
      <li class="bottom-wrap second-button-wrap">
        <a class="botton second-button dropdown-item" href="" id="second-button" data-toggle="dropdown"
          aria-haspopup="true" aria-expanded="false"> 最新消息<img src="./assets/img/icon/down.png" alt="" class="down"></a>
        <ul class="button-menu second-button-menu d-none" aria-labelledby="navbarDropdownMenuLink">
          <li class="dropdown-submenu dropdown-submenu-news"><a class="dropdown-item"
              href="./pagenation/news.html">最新消息</a></li>
          <!-- <li class="dropdown-submenu dropdown-submenu-news"><a class="dropdown-item"
              href="./pagenation/newsleter.html">龍網電子報</a>
          </li> -->
        </ul>
      </li>

      <!-- third-button -->
      <li class="bottom-wrap third-button-wrap">
        <a class="botton third-button dropdown-item" href="" id="third-button" data-toggle="dropdown"
          aria-haspopup="true" aria-expanded="false"> 關於龍網 <img src="./assets/img/icon/down.png" alt=""
            class="down"></a>
        <ul class="button-menu third-button-menu d-none" aria-labelledby="navbarDropdownMenuLink">
          <li class="dropdown-submenu dropdown-submenu-news"><a class="dropdown-item"
              href="./pagenation/about.html">關於龍網</a>
          </li>
          <li class="dropdown-submenu dropdown-submenu-news"><a class="dropdown-item"
              href="./pagenation/partner.html">合作夥伴</a></li>
          <li class="dropdown-submenu dropdown-submenu-news"><a class="dropdown-item"
              href="./pagenation/contract.html">共同供應契約</a>
          </li>
          <li class="dropdown-submenu dropdown-submenu-news"><a class="dropdown-item"
              href="./pagenation/activity.html">活動花絮</a></li>
        </ul>
      </li>
      <!-- forth-button -->
      <li class="bottom-wrap forth-button-wrap">
        <a class="botton forth-button dropdown-item justify-content-start" id="forth-button"
          href="./pagenation/contact-us.html" v-smooth-scroll>聯絡我們</a>
      </li>
    </ul>
  </nav>


  <!-- Navigation導航 -->


  <!-- herosection -->
  <!-- <section id="herosection">
    <div class="herosection-bg">
      <div class="container herosection-contain">
        <div class="slogon">
          <h1>STOP EVERY <br> MOVE <br>
            <span>資安的事<br>龍網的事</span>
          </h1>
          <button class="video list"><a href="#Rn1Zji">
              <p>播放影片</p><img src="./assets/img/icon/right.svg" alt=""></button></a>
        </div>
        <div class="computer"></div>
      </div>
    </div>
  </section>

  <a href="#" class="lightbox" id="Rn1Zji">
    <iframe width="800" height="400" src="https://www.youtube.com/embed/tmOnBwl9NyI" frameborder="0"
      allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  </a> -->

  <!-- Banner -->
  <div id="index-banner">
    <div class="owl-carousel owl-theme">
      <div class="ds-carousel-slide">
        <a href="./pagenation/D-GCB.html" target="_blank">
          <picture>
            <!-- 手機圖 -->
            <source media="(max-width: 576px)"
            srcset="../assets/img/home_page/carousel/mobile/Home-page-mobile-01.jpg">
            <!-- PC 圖 --> 
            <img src="../assets/img/home_page/carousel/Home-page-01.jpg" alt="活動圖示" loading="lazy">
          </picture>
        </a>
      </div>

      <div class="ds-carousel-slide">
        <a href="./pagenation/D-GCB.html" target="_blank">
          <picture>
            <!-- 手機圖 -->
            <source media="(max-width: 576px)"
              srcset="../assets/img/home_page/carousel/mobile/Home-page-mobile-02.jpg">
            <!-- PC 圖 -->
            <img src="../assets/img/home_page/carousel/Home-page-02.jpg" alt="活動圖示" loading="lazy">
          </picture>
        </a>
      </div>

      <div class="ds-carousel-slide">
        <a href="./pagenation/company-solution.html" target="_blank">
          <picture>
            <!-- 手機圖 -->
            <source media="(max-width: 576px)"
              srcset="../assets/img/home_page/carousel/mobile/Home-page-mobile-03.jpg">
            <!-- PC 圖 -->
            <img src="../assets/img/home_page/carousel/Home-page-03.jpg" alt="活動圖示" loading="lazy">
          </picture>
        </a>
      </div>

      <div class="ds-carousel-slide">
        <a href="./pagenation/contract.html" target="_blank">
          <picture>
            <!-- 手機圖 -->
            <source media="(max-width: 576px)"
              srcset="../assets/img/home_page/carousel/mobile/Home-page-mobile-04.jpg">
            <!-- PC 圖 -->
            <img src="../assets/img/home_page/carousel/Home-page-04.jpg" alt="活動圖示" loading="lazy">
          </picture>
        </a>
      </div>
    </div> <!-- <owl-carousel owl-theme> -->
  </div> <!-- <index-banner> -->

  <!-- -----------------------------------clients------------------------------------------- -->

  <section id="clients">
    <div class="client-title">
      <h2>我們的客戶</h2>
      <h5>絕佳的資安解決方案</h5>
    </div>

    <div class="contain js-scroll fade-in-bottom scrolled flex-wrap">

      <!-- .card$*4 -->
      <div class="card card1 col-md-6">
        <div class="circle"><img src="./assets/img/icon/box.svg" alt=""></div>
        <div class="circle-grey"></div>
        <h4>政府 / 組織機關</h4>
        <h5>提供完整核心檢測技術、通訊埠掃瞄及風險值的判別能力，並可跨部門掃瞄檢測並提供檢測報表，協助政府組織整體防護安全。</h5>
      </div>
      <div class="card card2 col-md-6">
        <div class="circle"><img src="./assets/img/icon/CashCoin.png" alt=""></div>
        <div class="circle-grey"></div>
        <h4>金融 / 壽險產業</h4>
        <h5>針對防駭要求最嚴密的金融相關產業，提供最高端且完備的安全防護掃瞄，降低授信資料外洩風險，強化 MIS 迅速有效的處理效能。</h5>
      </div>
      <div class="card card3 col-md-6">
        <div class="circle"><img src="./assets/img/icon/book.png" alt=""></div>
        <div class="circle-grey"></div>
        <h4>教育 / 研究機構</h4>
        <h5>協助學校系所和行政單位基本的掃描防護，提供資訊中心簡易的圖形化報表分析，降低師生及工作人員電腦的安全風險。</h5>
      </div>
      <div class="card card4 col-md-6">
        <div class="circle"><img src="./assets/img/icon/computer.png" alt=""></div>
        <div class="circle-grey"></div>
        <h4>電信 / 資訊產業</h4>
        <h5>針對企業所接觸的客戶端無上限 IP 數，提供企業完整的快速掃瞄防護與更準確的辨識度，讓企業的客戶免於駭客攻擊。</h5>
      </div>
      <div class="card card5 col-md-6">
        <div class="circle"><img src="./assets/img/icon/idea.png" alt=""></div>
        <div class="circle-grey"></div>
        <h4>其他型別產業</h4>
        <h5>協助 MIS 管理偵測公司企業網路中的弱點稽核，輕鬆完成弱點管理績效，並比較前後兩次的差異，提供最有效率的解決防護之道。</h5>
      </div>
    </div>

  </section>



  <!-- -----------------------------------product------------------------------------------- -->


  <section id="product">
    <div class="product-title">
      <h2>中華龍網 產品系列</h2>
      <h5>目前自行研發之產品模組</h5>
    </div>
    <div class="line" style="margin-bottom: 50px;">
      <div class="product-info product-info01">
        <img class="pic mr-10em js-scroll slide-left" src="./assets/img/2022_img/index-img/pic-01.png" alt="">
        <div class="product-info-card-wrap">
          <img class="been01" id="move" src="./assets/img/2022_img/index-img/been.svg" alt="">
          <div class="product-info-card">
            <h3>GCB/FCB</h3>
            <h5>GCB/FCB旨在規範資通訊設備(個人電腦與伺服器作業系統、瀏覽器、應用程式、資安網路設備等)，是否符合規範的組態設定值，進而降低內部電腦遭受攻擊的風險，避免資安疑慮。
            </h5>
            <a href="./pagenation/D-GCB.html"><button class="see-more">see more<img
                  src="./assets/img/icon/right-seemore.svg" alt=""></button></a>
          </div>
        </div>
      </div>
      <div class="product-info product-info02 flex-direction-reverse">
        <img class="pic ml-10em  js-scroll slide-right" src="./assets/img/2022_img/index-img/pic-02.png" alt="">
        <div class="product-info-card-wrap">
          <img class="been02" id="move" src="./assets/img/2022_img/index-img/been.svg" alt="">
          <div class="product-info-card">
            <h3>VANS</h3>
            <h5>VANS 政府機關資安弱點通報系統輔助工具 可蒐集資訊資產並傳送至行政院國家資通安全會報技術服務中心VANS系統。</h5>
            <a href="./pagenation/VANS.html"><button class="see-more">see more<img
                  src="./assets/img/icon/right-seemore.svg" alt=""></button></a>
          </div>
        </div>
      </div>
      <div class="product-info product-info03">
        <img class="pic mr-10em js-scroll slide-left" src="./assets/img/2022_img/index-img/pic-03.png" alt="">
        <div class="product-info-card-wrap">
          <img class="been03" id="move" src="./assets/img/2022_img/index-img/been.svg" alt="">
          <div class="product-info-card">
            <h3>DVM</h3>
            <h5>DVM 檢測項目包含安全漏洞偵測、弱點稽核檢測、帳號及設置稽核檢測，並支援風險評估以及統計等功能，同時具備資料庫掃描器，支援資料庫的漏洞檢測及安全風險評估。</h5>
            <a href="./pagenation/DVM.html"><button class="see-more">see more<img
                  src="./assets/img/icon/right-seemore.svg" alt=""></button></a>
          </div>
        </div>
      </div>
      <div class="product-info product-info04 flex-direction-reverse ">
        <img class="pic ml-10em js-scroll slide-right" src="./assets/img/2022_img/index-img/pic-04.png" alt="">
        <div class="product-info-card-wrap">
          <img class="been04" id="move" src="./assets/img/2022_img/index-img/been.svg" alt="">
          <div class="product-info-card">
            <h3>SEMI E187</h3>
            <h5>SEMI E187 為針對半導體設備資安所制定之標準，協助產線設備提升防護力，降低網路攻擊風險。</h5>
            <a href="./pagenation/semiE187.html"><button class="see-more">see more<img
                  src="./assets/img/icon/right-seemore.svg" alt=""></button></a>
          </div>
        </div>
      </div>
    </div>
    <div class="background"></div>
    <!-- <img class="been01" id="move" src="./assets/img/2022_img/index-img/been.svg" alt=""> -->

  </section>



  <!-- -----------------------------------弱點資訊 weakness information------------------------------------------- -->

  <section id="WeaknessInfo">
    <div class="weaknessInfo-wrap js-scroll fade-in-bottom ">
      <div class="weakness-left">
        <h3><img src="./assets/img/icon/info.svg" alt="">弱點資訊更新</h3>
        <p>日期：<span id="releaseDate">?</span></p>
        <p>項目：DVM 弱點資料庫更新</p>
        <p>版本：<span id="version">?</span></p>
        <p>說明：本月發布 <span id="description">? </span> 筆弱點資料</p>
        </h5>
      </div>
      <div class="weakness-right">
        <!-- <img src="./assets/img/2022_img/index-img/pic-02.png" alt=""> -->
        <!-- Designed with Figma -->
        <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
          <g id="study">
            <rect width="64" height="64" />
            <g id="smoke">
              <path id="smoke-2"
                d="M9 21L9.55279 19.8944C9.83431 19.3314 9.83431 18.6686 9.55279 18.1056L9 17L8.44721 15.8944C8.16569 15.3314 8.16569 14.6686 8.44721 14.1056L9 13"
                stroke="#797270" />
              <path id="smoke-1"
                d="M6.5 22L7.05279 20.8944C7.33431 20.3314 7.33431 19.6686 7.05279 19.1056L6.5 18L5.94721 16.8944C5.66569 16.3314 5.66569 15.6686 5.94721 15.1056L6.5 14"
                stroke="#797270" />
            </g>
            <g id="laptop">
              <rect id="laptop-base" x="17" y="28" width="20" height="3" fill="#F3F3F3" stroke="#453F3C"
                stroke-width="2" />
              <rect id="laptop-screen" x="18" y="17" width="18" height="11" fill="#5A524E" stroke="#453F3C"
                stroke-width="2" />
              <rect id="line-1" x="20" y="19" width="14" height="1" fill="#F78764" />
              <rect id="line-2" x="20" y="21" width="14" height="1" fill="#F9AB82" />
              <rect id="line-3" x="20" y="23" width="14" height="1" fill="#F78764" />
              <rect id="line-4" x="20" y="25" width="14" height="1" fill="#F9AB82" />
            </g>
            <g id="cup">
              <rect id="Rectangle 978" x="5" y="24" width="5" height="7" fill="#CCC4C4" stroke="#453F3C"
                stroke-width="2" />
              <path id="Ellipse 416" d="M11 28C12.1046 28 13 27.1046 13 26C13 24.8954 12.1046 24 11 24" stroke="#453F3C"
                stroke-width="2" />
              <rect id="Rectangle 996" x="6" y="25" width="3" height="1" fill="#D6D2D1" />
            </g>
            <g id="books">
              <rect id="Rectangle 984" x="58" y="27" width="4" height="14" transform="rotate(90 58 27)" fill="#B16B4F"
                stroke="#453F3C" stroke-width="2" />
              <rect id="Rectangle 985" x="56" y="23" width="4" height="14" transform="rotate(90 56 23)" fill="#797270"
                stroke="#453F3C" stroke-width="2" />
              <rect id="Rectangle 986" x="60" y="19" width="4" height="14" transform="rotate(90 60 19)" fill="#F78764"
                stroke="#453F3C" stroke-width="2" />
              <rect id="Rectangle 993" x="47" y="20" width="12" height="1" fill="#F9AB82" />
              <rect id="Rectangle 994" x="43" y="24" width="12" height="1" fill="#54504E" />
              <rect id="Rectangle 995" x="45" y="28" width="12" height="1" fill="#804D39" />
            </g>
            <g id="desk">
              <rect id="Rectangle 973" x="4" y="31" width="56" height="5" fill="#797270" stroke="#453F3C"
                stroke-width="2" />
              <rect id="Rectangle 987" x="10" y="36" width="30" height="6" fill="#797270" stroke="#453F3C"
                stroke-width="2" />
              <rect id="Rectangle 975" x="6" y="36" width="4" height="24" fill="#797270" stroke="#453F3C"
                stroke-width="2" />
              <rect id="Rectangle 974" x="40" y="36" width="18" height="24" fill="#797270" stroke="#453F3C"
                stroke-width="2" />
              <line id="Line 129" x1="40" y1="48" x2="58" y2="48" stroke="#453F3C" stroke-width="2" />
              <line id="Line 130" x1="22" y1="39" x2="28" y2="39" stroke="#453F3C" stroke-width="2" />
              <line id="Line 142" x1="46" y1="42" x2="52" y2="42" stroke="#453F3C" stroke-width="2" />
              <line id="Line 131" x1="46" y1="54" x2="52" y2="54" stroke="#453F3C" stroke-width="2" />
              <rect id="Rectangle 988" x="11" y="37" width="28" height="1" fill="#54504E" />
              <rect id="Rectangle 992" x="5" y="32" width="54" height="1" fill="#9E9492" />
              <rect id="Rectangle 989" x="7" y="37" width="2" height="1" fill="#54504E" />
              <rect id="Rectangle 990" x="41" y="37" width="16" height="1" fill="#54504E" />
              <rect id="Rectangle 991" x="41" y="49" width="16" height="1" fill="#54504E" />
              <line id="Line 143" y1="60" x2="64" y2="60" stroke="#453F3C" stroke-width="2" />
            </g>
          </g>
        </svg>
      </div>
  </section>

  <!-- Cookies 彈窗 -->
  <section>
    <div class="modal fade show d-block cookie-banner" id="cookieConsentModal" tabindex="-1" aria-hidden="true">
        <div class="modal-sm modal-dialog-bottom-left">
            <div class="modal-content rounded-4 shadow-lg">
                <div class="modal-body">
                    <p class="mb-2 small">
                        本網站紀錄 cookie 資訊，以改善網站功能、優化您的使用體驗、提供社群媒體功能並分析流量。若繼續閱覽本網站內容，即表示您同意我們使用 cookies。更多關於隱私保護資訊，請查看我們的
                        <a href="../pagenation/privacy.html" target="_blank" rel="noopener noreferrer">隱私權政策</a>。
                    </p>
                    <div class="d-grid gap-2 d-sm-flex justify-content-sm-end">
                        <button type="button" class="btn btn-dark btn-sm" id="cookie-accept-btn">我接受</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
  </section>
  <!-- -----------------------------------footer------------------------------------------- -->
  <script src="./assets/js/footer.js"></script>
  <script src="./assets/js/footerplugin.js"></script>
  <script src="./assets/js/main.js"></script>
  <script src="./assets/js/scroll.js"></script>
  <script src="./assets/js/weekness.js"></script>

  <!-- jQuery + Owl Carousel JS -->
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>

  <script>
    // 初始化 Owl Carousel
    $('.owl-carousel').owlCarousel({
      items: 1,
      loop: true,
      autoplay: true,
      lazyLoad: true,
      autoplayTimeout: 4000,
      dots: true,
      nav: true,
      autoWidth: false,
      itemClass: 'ds-carousel-slide owl-item',
      stageClass: 'owl-stage'
    });
    $('.owl-carousel').on('translated.owl.carousel', function(e) {
      if (!e.namespace) return;

      // 重新計算 autoplay
      $('.owl-carousel').trigger('stop.owl.autoplay');
      $('.owl-carousel').trigger('play.owl.autoplay', [4000]); // 4秒後再換下一張
    });

    // navbar
    $(document).ready(function () {
    
    // Navbar 展開與關閉
    // 展開nav
    $(".navbar-toggler").on("click", function () {
      $("#nav-box").toggleClass("d-none");
    });
    // 關閉nav
    $("#nav-box-X").on("click", function () {
      console.log("close");
      $("#nav-box").addClass("d-none");
    });

    // 第一層按鈕點擊事件
    function toggleMenu(button, menuToShow, otherMenus) {
      console.log(`${button} clicked`);
      $(menuToShow).toggleClass("d-none");
      otherMenus.forEach((menu) => $(menu).addClass("d-none"));
      $(`${button} .down`).toggleClass("up");
    
      // 新增 active 樣式
      $(".first-button, .second-button, .third-button, .forth-button").removeClass("active");
      $(button).addClass("active");
    }
    
    $(".first-button").on("click", function () {
      toggleMenu(".first-button", ".first-button-menu", [
        ".second-button-menu",
        ".third-button-menu",
      ]);
    });

    $(".second-button").on("click", function () {
      toggleMenu(".second-button", ".second-button-menu", [
        ".first-button-menu",
        ".third-button-menu",
      ]);
    });

    $(".third-button").on("click", function () {
      toggleMenu(".third-button", ".third-button-menu", [
        ".first-button-menu",
        ".second-button-menu",
      ]);
    });

    // 第二層按鈕點擊事件
    $(".nav-item1, .nav-item2, .nav-item3").on("click", function () {
      const itemIndex = $(this)
        .attr("class")
        .match(/nav-item(\d)/)[1];
      console.log(`nav-item${itemIndex} clicked`);

      // 展開對應的 SecMenu
      $(`.SecMenu${itemIndex}`).toggleClass("d-none");

      // 關閉其他 SecMenu
      [1, 2, 3].forEach((i) => {
        if (i != itemIndex) {
          $(`.SecMenu${i}`).addClass("d-none");
          $(`.nav-item${i} .down`).removeClass("up");
        }
      });

      // 切換箭頭方向
      $(`.nav-item${itemIndex} .down`).toggleClass("up");
    });
  });
  </script>
</body>

</html>