.divlayout{
    width:100%;
    background-color:#fff;
    text-align:justify;
    display: table;
}
.item_div_layout{
    margin-left:auto;
    margin-right:auto;
    width:1200px;
}
.padding_top_bottom{
    padding-bottom:2%;
    padding-top:2%;
}
.padding_bottom{
    padding-bottom:2%;
}
.margin_top{
    margin-top:1%;
}
.calculator_title{
    font-size:1.5em;
    font-weight:bold;
    padding-bottom:0.8em;
}
.calculator_title span{
    color:#de7d60;
}
.calculator_title_line{
    border-top:2px solid #de7d60;
}
.calculator_title_semi_circle{
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 2px solid #de7d60;
    background-color: #fff;
    margin: -0.5em 0 0 2%;
    position: absolute;
    clip: rect(0px,25px,8px,0px);
}
.self_rated{
    margin:2% 0 0 2%;
}
.self_rated span{
    font-weight:bold;
}
.input_info{
    margin:2% 0 0 0;
    background-color:#de7d60;
    padding: 2% 3%;
    display: table;
    width: 94%;
    border-radius: 8px;
}

.input_info_left{
    background-color:#fff;
    padding:3.5% 0 3.5% 5%;
    width: 35%;
    float: left;
    border-radius:5px;
    color:#de7d60;
    line-height:3.5em;
}
.input_info_left input{
    text-align:center;
    padding:2% 0;
    border:1px solid #de7d60;
    width:50%;
    border-radius:5px;
    margin: 0 1% 0 0;
    color:#de7d60;
}
.buttom_layout {
    width: 10%;
    float: left;
    margin: 4% 5% 0 6%;
}
.test_buttom{
    width: 6em;
    height: 6em;
    border-radius: 6em;
    line-height: 6em;
    color: #fff;
    background-color: #dcb96e;
    text-align: center;
    cursor:pointer;
}
.input_info_right{
    background-color: #fff;
    padding: 2% 0 2% 8%;
    border-radius: 5px;
    color: #de7d60;
    line-height: 3em;
    width: 30.5%;
    float: right;
}
.test_result{
    font-size:1.1em;
    font-weight:bold;
}
.input_info_right input{
    text-align:center;
    padding:2% 0;
    background-color:#fff;
    width:65%;
    border:1px solid #de7d60;
    border-radius:5px;
    color:#de7d60;
}
.prompt{
    margin:2% 0 0 2%;
}
.prompt span{
    font-weight:bold;
    margin-bottom:1%;
}
@media screen and (min-device-width:320px) and (max-device-width: 370px) {
    .item_div_layout{
        width:96%;
    }
    .input_info{
        padding: 3% 3%;
        margin: 3% 0 0 0;
    }
    .input_info_left {
        width: 68%;
        padding: 3.5% 2.5% 3.5% 3%;
    }
    .input_info_right {
        float: left;
        width: 66.2%;
        margin-top: 3%;
        padding: 2% 3% 2% 5%;
    }
    .buttom_layout {
        margin: 10% 0% 0 1%;
    }
    .calculator_title_semi_circle{
        margin: -0.65em 0 0 2%;
    }
    .input_info_left input{
        width:37%;
    }
    .input_info_right input{
        width:50%;
    }
}
@media screen and (min-device-width:371px) and (max-device-width: 420px) {
    .item_div_layout{
        width:96%;
    }
    .input_info{
        padding: 3% 3%;
        margin: 3% 0 0 0;
    }
    .input_info_left {
        width: 68%;
        padding: 3.5% 2.5% 3.5% 3%;
    }
    .input_info_right {
        float: left;
        width: 66.2%;
        margin-top: 3%;
        padding: 2% 3% 2% 5%;
    }
    .buttom_layout {
        margin: 10% 5% 0 5%;
    }
    .calculator_title_semi_circle{
        margin: -0.65em 0 0 2%;
    }
    .input_info_left input{
        width:46%;
    }
}