@charset "utf-8";

.bmi-sear {
    padding: 0 0 10px
}

    .bmi-sear p {
        padding: 20px 0;
        text-align: center;
        border-top: solid 1px #ddd;
    }

    .bmi-sear td {
        padding: 5px;
    }

    .bmi-sear form input {
        vertical-align: middle;
        outline: none;
        border: none;
    }

    .bmi-sear form .int01, .bmi-sear form .int02 {
        padding-left: 4px;
        height: 32px;
        border: solid 1px #ddd
    }

    .bmi-sear form .int03 {
        height: 36px;
        text-align: center;
        font-size: 16px;
        color: #4195ae;
        border: solid 1px #2B737B;
        background: #d8f1f9
    }

    .bmi-sear form .btn01, .bmi-sear form .btn02 {
        width: 90px;
        height: 34px;
        cursor: pointer;
        color: #fff;
        background: #1179ca
    }

    .bmi-sear form table {
        margin: 0 auto;
    }

.bmi-con {
    padding: 0 12px 10px
}

    .bmi-con p {
        padding-top: 10px;
        text-align: left
    }

    .bmi-con sup {
        vertical-align: super;
        font-size: smaller
    }

    .bmi-con table {
        border-left: solid 1px #ccc;
        border-top: solid 1px #ccc;
    }

    .bmi-con td {
        padding: 5px;
        border-right: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
    }

@media screen and (max-width:479px) {
    .bmi-sear form .int01, .bmi-sear form .int02 {
        width: 136px;
    }
}

@media screen and (max-width:359px) {
    .bmi-sear form .int01, .bmi-sear form .int02 {
        width: 80px;
    }

    .bmi-sear form .btn01, .bmi-sear form .btn02 {
        width: 80px;
    }
}