/* 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, #pageL5 {
  width: 320px;
  margin-left: 0px;
  margin-right: 2px;
}

#pageR2, #pageR3, #pageR4, #pageR5 {
  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;
}

/* ===============================
   page4 & page5 共用的按钮样式
   =============================== */

/* Satype 按钮字号 */
#pageL4 #p4_input_Satype .btn,
#pageL5 #p5_input_Satype .btn {
  font-size: 13px;
  padding: 5px 10px;
}

/* Sqtype 按钮字号 */
#pageL4 #p4_input_Sqtype .btn,
#pageL5 #p5_input_Sqtype .btn {
  font-size: 15px;
  padding: 5px 10px;
}

/* 默认状态 */
#pageL4 .btn:not(.active),
#pageL5 .btn:not(.active) {
  background-color: white;
  color: black;
  border: 1px solid #637AB5;
}

/* 选中状态 */
#pageL4 .btn.active,
#pageL5 .btn.active {
  background-color: #547AB6;
  color: white;
  border: 1px solid #637AB5;
}

/* 悬停状态 */
#pageL4 .btn:hover,
#pageL5 .btn:hover {
  background-color: #547AB6;
  color: white;
  border: 1px solid #637AB5;
}