* {margin: 0;padding: 0;}
html {
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
}

header {
  height: 80px;
  line-height: 80px;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

header img {
  width: 48px;
  margin-right: 16px;
}

.head_title, .body_title {
  font-size: 16px;
  margin-left: 2%;
  font-weight: bold;
}

.body_title{
  margin-top: 10px;
}

.whole_sensor_wrap {
  height: calc((100% - 200px) / 2);
}

.whole_head_sensor, .whole_body_sensor {
  width: 96%;
  height:100%;
  box-sizing: border-box;
  margin-left: 2%;
  margin-top: 10px;
  border:1px dashed gray;
  position: relative;
}

.head_sensor_wrap::after, .body_sensor_wrap::after {
  content: '';
  display: block;
  clear: both;
}

.body_sensor_wrap {
  margin-bottom: 20px;
}
.headAjust, .brestsAjust {
  float: right;
}

button {
  width: 30px;
  height: 30px;
  font-size: 24px;
  margin: 0 8px;
  border: 0px;
  vertical-align:middle;
  line-height: 24px;
  border-radius: 24px;
  background-color: #ccc;
  outline: none;
}