.container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 10px;
  top: 0;
}

/* {第一個文字框：固定在頂部} */
/* (1) 固定在 iframe 的頂端 */
.sticky-box {
  background-color: #ffffff;                      /* {建議加上背景色，避免捲動時與後方文字重疊} */
  border: 2px solid blue;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);       /* {選填：加點陰影增加分辨度} */
  box-sizing: border-box;
  left: 0;
  padding: 10px;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 222;                                     /* {確保顯示在最上層} */
}

/* {讓 .sticky-box 內的所有文字元素（如 p, button）都變成粗體字} */
.sticky-box * {color: blue; font-weight: bold; font-size: 16px;}

/* (2) 兩個各為一橫行 */
.row-sticky {
  align-items: center;            /* {讓垂直方向置中對齊} */
  box-sizing: border-box;
  display: flex;                  /* {這是達成橫行排列最有效的方法} */
  width: 100%;
}

/* (3) 每個橫行的元素都有固定寬度，且前後接續 */
.row-sticky p {
  margin: 0;                      /* {清除瀏覽器預設的 p 標籤間距} */
  overflow: hidden;
  text-overflow: ellipsis;        /* 文字過長時顯示省略號 */
  white-space: nowrap;            /* {避免文字因寬度不足而自動斷行} */
}

.nameKmpany { width: 300px; }
.idKmpany { width: 250px; }
.nameMaster { width: 150px; }
.eMail { width: 300px; }
.phoneWeb { width: 250px; }
.address { width: 400px; }

/* (4) 每行的第一個字距左邊界 10px */
.row-sticky>*:first-child { margin-left: 10px; }

/* (5) .input-btn 單獨靠右，距右邊界 10px */
.input-btn {
  margin-left: auto;    /* {關鍵：在 Flex 佈局中，這會將元素推到最右側} */
  margin-right: 10px;   /* {距離右邊界 10px} */
  padding: 0px 5px;    /* {按鈕內距 - 左右 5px} */
}
/* <End> {第一個文字框：固定在頂部} */


/* 底下的其他框框 */
.content-box {
  background-color: #ffffff;
  padding: 10px;
  border: 1px solid;
  margin-bottom: 15px;
}

.content-box h4 {
  margin-top: 5px;
  margin-bottom: 10px;
}

.content-box p {
  margin: 5px 0;              /* {段落上下的間距，可自行調整} */
  padding-left: 1.5em;        /* {整體向右縮排，留出括號的空間 } */
  text-indent: -1.4em;        /* {第一行向左凸回 2.2em，使括號對齊邊緣} */
}

.content-box * {
  font-size: 16px;
}

/* 每一行的包裝層 */
.row-group {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.title {
  white-space: nowrap;        /* {防止標題本身文字折行} */
  margin-right: 0.5em;        /* {標題與內文之間的間距，可依需求調整} */
}

.ip-notice {
  display: flex;
  margin-bottom: 10px;        /* {每個區塊下方保持 10px 間距} */
}

.text-group {
  display: flex;
  flex-direction: column;     /* {讓 content 與 content-apnd 垂直堆疊，並自動與 content 第一個字對齊軸線} */
}

.content {
  display: inline;
}

.content-apnd {
  display: block; /* 使其換行並自然對齊 .content 的左邊起點 */
}