* {
    margin: 0;
}

/* 客戶訂單 */
.fromrpr {
width: 100%;
}

/* 客戶訂單查詢表格 */
.searchtable {
height: 95%;
background-color: aqua;
}

/* 遮罩层样式 */
#popup {
  display: none; /* 初始状态为隐藏 */
  width: 68%;
  height: auto;
  background-color: gray;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }


/* 產品展示 */
  .product_list{
    padding: 20px;
    display: flex; 
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start ; //space-around;
    align-items: flex-start ;
    align-content: flex-start ;
    gap: 10px;
    row-gap: 10px;
    column-gap: 20px;
}

.product {
    width: 250px;
}
.product p{
    height: 100px;
    overflow: auto;
}


.mainTitle {
  color: blue;
  text-align: center;
  font-family: 'Courier New', Courier, monospace;
  background-color: cadetblue;
  height: 5vh;
  
  /* 使用 Flexbox 進行垂直和水平居中 */
  display: flex;
  justify-content: center;   /* 水平方向居中 */
  align-items: center;       /* 垂直方向居中 */

    /* 設定按鈕之間的空隙 */
  gap: 30px; /* 可以根據需要調整空隙大小 */
}