/* 输入框 */
input {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 1px solid #555;
  outline: none;
  font: 16px Arial,sans-serif;
}

input:focus {
  background-color: #a3dcff;
}

/* 按钮 */
input[type=submit] {
  width: 200px;
  background-color: #248bcd;
  border: none;
  color: white;
  padding: 12px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-weight:bold;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

input[type=submit]:hover {
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);
}

/* 按钮 */
input[type=button] {
  background-color: #d1ecf9;
  border:1px solid #248bcd;
  color: #5a5a5a;
  padding: 40px 0px 40px 0px;
  font: bold 16px Arial,sans-serif;
  text-decoration: none;
  margin: 5px 15px 5px 15px;
  cursor: pointer;
}

input[type=button]:hover {
  color: #ff0000;
  transition-duration: 0.7s;
}

/* 下拉框 */
select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 1px solid #555;
  outline: none;
  font: 16px Arial,sans-serif;
}

select:focus {
  background-color: #a3dcff;
}

/* 多行文本框 */
textarea {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 1px solid #555;
  outline: none;
  font: 16px Arial,sans-serif;
}

textarea:focus {
  background-color: #a3dcff;
}

/* 文件浏览按钮 */
input[type=file] {
  width: 100%;
  padding: 6px 10px 6px 20px;
  margin: 8px 0px;
  box-sizing: border-box;
  border: 1px solid #555;
  outline: none;
  font: 16px Arial,sans-serif;
}

/* 复选框 */
input[type=checkbox] {
  width: auto;
  margin: 10px 10px 10px 10px;
  box-sizing: border-box;
  border: 1px solid #555;
  outline: none;
}

/* 表格1 */
#tb_user {
  width:720px;
  border-collapse:collapse;
  margin-left: 130px;
  margin-top: 20px;
}
#tb_user td {
  font: 16px Arial,sans-serif;
  border: 0px;
  height: 50px;
  text-align: left;
  padding: 5px 10px 5px 10px;
  color: #444444; /* 深灰色 */
}
#tb_user td.alt {
  text-align: center;
}
#tb_user td.alt_red {
  color: #FF0000;
}
#tb_user td.alt_grey {
  color: #9d9d9d;
}
#tb_user td.alt_con {
  color: #ff6000;
  line-height:160%;
  font: 14px Arial,sans-serif;
}

/* 表格2 */
#tb_form {
  width:500px;
  border-collapse:collapse;
  margin-left: 250px;
  margin-top: 5px;
}
#tb_form td {
  font: 16px Arial,sans-serif;
  border: 0px;
  height: 50px;
  text-align: left;
  padding: 5px 10px 5px 10px;
  color: #444444; /* 深灰色 */
}
#tb_form td.alt {
  text-align: center;
}
#tb_form td.alt_red {
  color: #FF0000;
}
#tb_form td.alt_grey {
  color: #9d9d9d;
}
#tb_form td.alt_con {
  color: #ff6000;
  line-height:160%;
  font: 14px Arial,sans-serif;
  text-align: center;
}
#tb_form td.alt_empty {
  color: #ff6000;
  font: 10px Arial,sans-serif;
  text-align: center;
}

/* ------------------------------------------- */
/* 单选按钮checkbox */
label input{
  display: none;
}

label input + span {
  width: 117px;
  height: 117px;
  display: block;
  border: 1px solid #b5b5b5;
  margin-left: 180px;
}
label input:checked + span{
  border: 1px solid #248bcd;
}

/* ------------------------------------------- */
/* 整体中间栏 */
.content_col {
  float: left;
  width: 400px;
  height:300px;
  background-color: #ffffff;
  margin-top: 30px;
  margin-left: 420px;
  padding: 30px auto;
}