/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 2024年8月16日, 10:28:20
    Author     : Administrator
*/
 /* 定义下拉按钮样式 */
    .dropbtn {
      background-color: #83b7f3;
      color: white;
      padding: 16px;
      font-size: 16px;
      border: none;
      cursor: pointer;
      width:100%;
    }
    
      .dropbtn:hover {
      background-color: #0080ff;
      color: white;
    }
    
    .dropbtn a{
      text-decoration: none;
      color:white;
    }

    /* 容器 <div> - 滚动容器 */
    .dropdown {
      position: relative;
      display: inline-block;
      width:15%;
    }

    /* 下拉内容 (默认隐藏) */
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #83b7f3;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }

    /* 鼠标悬停时显示下拉内容 */
    .dropdown:hover .dropdown-content {
      display: block;
    }

    /* 链接样式 */
    .dropdown-content a {
      color: white;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
    }

    /* 链接悬停样式 */
    .dropdown-content a:hover {background-color: #f1f1f1; color:black;}