.cal_BMI {
  margin-top: -20px !important;
  padding-top: 60px;
  text-align: center;
  font-size: 28px;
}
.cal_BMI * {
  box-sizing: border-box;
}
.cal_BMI > div {
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .cal_BMI {
    font-size: 14px;
  }
}
@media (max-width: 375px) {
  .cal_BMI {
    font-size: 12px;
  }
}
.cal_BMI input[type="number"]::-webkit-outer-spin-button,
.cal_BMI input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}
.cal_BMI input[type="text"] {
  width: 120px;
  margin: 0;
  padding: 5px 10px;
  vertical-align: 5px;
  font-size: 40px;
  border-radius: 0;
  outline: 0;
  text-align: center;
  border: 2px solid #06769F;
}
@media (max-width: 768px) {
  .cal_BMI input[type="text"] {
    padding: 5px;
    width: 70px;
    font-size: 20px;
  }
}
@media (max-width: 374px) {
  .cal_BMI input[type="text"] {
    font-size: 18px;
  }
}
.cal_BMI input[type="text"]:disabled {
  background: #f4f4f4;
  color: #000;
}
.cal_BMI input[type="text"]:focus {
  outline: 0;
}
.cal_BMI input[type="text"].red {
  width: 140px;
  border: 2px solid #C76B00;
}
@media (max-width: 768px) {
  .cal_BMI input[type="text"].red {
    width: 70px;
  }
}
.cal_BMI input[type="text"].tall {
  width: 140px;
  border: 3px solid #ff4500;
}
@media (max-width: 768px) {
  .cal_BMI input[type="text"].tall {
    width: 75px;
  }
}
.cal_BMI input[type="text"].calResult {
  width: 4.5em;
}
@media (max-width: 768px) {
  .cal_BMI input[type="text"].calResult {
    width: 4.5em;
  }
}
.cal_BMI input[type="text"].calKg {
  width: 140px;
}
@media (max-width: 768px) {
  .cal_BMI input[type="text"].calKg {
    width: 70px;
  }
}
.cal_BMI input[type="text"].calorie {
  width: 100px;
  border-color: #ff4500;
}
@media (max-width: 768px) {
  .cal_BMI input[type="text"].calorie {
    width: 50px;
  }
}
.cal_BMI .pb {
  padding-bottom: 40px;
}
.cal_BMI > div span.close {
  margin-right: -0.5em;
}
.cal_BMI > div span.open {
  margin-left: -0.3em;
}
.cal_BMI > div span.relative {
  position: relative;
}
.cal_BMI > div span.relative span {
  position: absolute;
  bottom: -30px;
  left: -30px;
  width: 150px;
}
@media (max-width: 768px) {
  .cal_BMI > div span.relative span {
    bottom: -25px;
  }
}
.cal_BMI > div span.large {
  font-size: 50px;
}
@media (max-width: 768px) {
  .cal_BMI > div span.large {
    font-size: 28px;
  }
}
.cal_BMI > div span.small {
  font-size: 15px;
  vertical-align: 18px;
}
@media (max-width: 768px) {
  .cal_BMI > div span.small {
    font-size: 11px;
    vertical-align: 15px;
  }
}
.cal_BMI > div span.medium {
  font-size: 42px;
}
@media (max-width: 768px) {
  .cal_BMI > div span.medium {
    font-size: 22px;
  }
}
.cal_BMI > div span.cal_wrap {
  text-align: left;
  display: inline-block;
}
.cal_BMI sup {
  vertical-align: 30px;
  font-size: 20px;
}
@media (max-width: 768px) {
  .cal_BMI sup {
    vertical-align: 20px;
    font-size: 12px;
  }
}
.cal_BMI > div div {
  position: relative;
  display: inline;
}
.cal_BMI > div div span {
  position: absolute;
  top: -65px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 28px;
}
@media (max-width: 768px) {
  .cal_BMI > div div span {
    top: -40px;
    font-size: 14px;
  }
}