/* styles.css */

/* page style */
#page1 {
  padding: 0px;
  padding-top: 1px;
  margin-left: 15px;
  margin-right: 15px;
  background-color: white;
  border: none;
}
 
.flex-container {
  display: flex;
}
#pageL2, #pageL3, #pageL4 {
  width: 320px;
  margin-left: 0px;
  margin-right: 2px;
}
#pageR2, #pageR3, #pageR4 {
  flex: 1; /* 占据剩余空间 */
  margin-left: 15px; /* 调整间距 */
  margin-right: 15px;
  background-color: white;
  border: none;
}
.nav {
  background-color:#f5f5f5; 
  border:solid; 
  border-width:1px;
  border-color:#e3e3e3;
}
h3 {
  margin-top:5px; 
  margin-bottom:5px;
  text-align: center;
}
h6 {
  margin-top:2px; 
  margin-right:5px; 
  margin-bottom:30px;
  text-align: right;
}
hr {
  margin-top:5px; 
  margin-bottom:5px
}

#pageL4 #p4_input_Satype .btn {
  font-size: 13px;  /* 设置字体大小 */
  padding: 5px 10px;  /* 调整按钮的内边距 */
}
#pageL4 #p4_input_Sqtype .btn {
  font-size: 15px;  /* 设置字体大小 */
  padding: 5px 10px;  /* 调整按钮的内边距 */
}
/* 默认状态下按钮的样式 */
#pageL4  .btn:not(.active) {
  background-color: white;
  color: black;
  border: 1px solid #637AB5;
}

/* 按钮被选中时的样式 */
#pageL4 .btn.active {
  background-color: #547AB6;
  color: white;
  border: 1px solid #637AB5;
}

/* 按钮悬停时的样式 */
#pageL4.btn:hover {
  background-color: #547AB6;
  color: white;
  border: 1px solid #637AB5;
}

