/* 设置整个页面的滚动条样式 */
html {
  scrollbar-width: auto; /* 设置滚动条宽度 */
  scrollbar-color: #c0ccec; /* 设置滚动条的颜色，第一个是滑块颜色，第二个是背景颜色 */
}
 
/* 针对Firefox的滚动条样式 */
html * {
  scrollbar-width: auto;
  scrollbar-color: #c0ccec;
}
 
/* 针对IE的滚动条样式 */
body {
  -ms-overflow-style: auto; /* 设置滚动条宽度 */
  /* -ms-scrollbar-track-color: #333; /* 设置滑块背景颜色 */
  -ms-scrollbar-thumb-color: #c0ccec; /* 设置滑块颜色 */
}

html, body {
  height: 100%;
  margin: 0;
}
.wrapper {
  min-height: 100%;
  position: relative;
  padding-bottom: 10px; /* 页脚高度 */
}

.navbar {
  background-color: lightslategray;
  font-size: 1.6em;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  color: white;
  padding: 8px 5px 8px 5px;
}

.navbar a {
  text-decoration: none;
  color: inherit;
}

.navbar-brand {
  font-size: 1em;
  font-weight: 600;
  margin-left: 30px;
}

.navbar-item {
  font-variant: small-caps;
  margin-left: 30px;
}

.body-content {
  position:relative;
  height: 100%;
  margin:0;
  padding:0;
  font-size: 1.4em;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
input[name=message] {
  width: 80%;
}

.message_list th,td {
  text-align: left;
  padding-right: 15px;
}

.txt_a{
  background:#abeff8;
  position:absolute;    
  left:10px;    
  top:92px;
  width: 300px;
  height:999px;
  font-size: 1em;
  font-family: Arial;
}

.txt_b{
  background:#abeff8;
  position:absolute;    
  left:320px;    
  top:92px;
  width: 300px;
  height:999px;
  font-size: 1em;
  font-family: Arial;
}

.as_p{
  background:#abeff8;
  position:absolute;  
  left:800px;    
  top:10px;
  width: 60px;
  height:20px;
  font-size: 1em;
  font-family: Arial;
}

.txt_bt1{
  background:orange;
  position:absolute;    
  left:10px;    
  top:55px; 
  width: 78px;
  height:28px;
  border-radius: 2px;
  box-shadow: 0 5px #999;
}
.txt_bt1:hover {background-color: #99ff00}
.txt_bt1:active {
  background: #99ff00;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.txt_bt2{
  background:orange;
  position:absolute;    
  left:90px;    
  top:55px; 
  width: 78px;
  height:28px;
  border-radius: 2px;
  box-shadow: 0 5px #999;
}
.txt_bt2:hover {background-color: #99ff00}
.txt_bt2:active {
  background: #99ff00;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.txt_bt3{
  background:orange;
  position:absolute;    
  left:170px;    
  top:55px; 
  width:146px;
  height:28px; 
  border-radius: 2px;
  box-shadow: 0 5px #999;
}
.txt_bt3:hover {background-color: #99ff00}
.txt_bt3:active {
  background: #99ff00;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.txt_bt4{
  background:orange;
  position:absolute;    
  left:320px;    
  top:55px; 
  width: 146px;
  height:28px;  
  border-radius: 2px;
  box-shadow: 0 5px #999;
}
.txt_bt4:hover {background-color: #99ff00}
.txt_bt4:active {
  background: #99ff00;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.txt_bt5{
  background:orange;
  position:absolute;    
  left:468px;    
  top:55px; 
  width: 78px;
  height:28px;
  border-radius: 2px;
  box-shadow: 0 5px #999;
}
.txt_bt5:hover {background-color: #99ff00}
.txt_bt5:active {
  background: #99ff00;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.txt_bt6{
  background: orange;
  position:absolute;    
  left:548px;    
  top:55px; 
  width: 78px;
  height:28px;
  border-radius: 2px;
  box-shadow: 0 5px #999;
}
.txt_bt6:hover {background-color: #99ff00}
.txt_bt6:active {
  background: #99ff00;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}


.footer {
  position:  relative;
  bottom: -1310px;
  width: 100%;
  height: 20px; /* 没有添加这个属性浪费我3天时间抓狂 */
  background-color: lightslategray;
  font-size: 1em;
  font-family: 'Arial';
  text-align:center;
  color: white;
  padding: 1px 1px 20px 1px;

}