@charset "utf-8";

@font-face {

    font-family: myFirstFont;
    src: url('opensansregular.ttf'); /* IE9 */

}

* {

    margin: 0;

    padding: 0;

    font-family: myFirstFont;

}

body {

    float: left;

    width: 100%;

    height: 100%;

    background: #000000;

}

#body_form {

    margin: auto;

    width: 500px;

}

.body_form {

    float: left;

    margin-top: 30%;

    width: 500px;

    padding: 10px 0px;

    border-radius: 8px;

    background: #FFFFFF;

}

.body_form h1 {

    float: left;
    color: #ff7f00;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 3em;
}

.body_form h2 {

    float: left;

    width: 100%;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 16px;

    font-weight: normal;

}

.body_form ul {

    float: left;

    list-style: none;

}

.body_form ul li {

    float: left;

    margin-top: 10px;

    margin-left: 100px;

    list-style: none;

}

.body_form big {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
}

.body_form big input {
    float: right;
    padding-left: 15px;
    padding-right: 15px;
    height: 40px;
    line-height: 40px;
    height: 40px;

    cursor: pointer;
    line-height: 40px;

    margin-right: 100px;

    background: #f49917;

    border: 1px #f49917 solid;

    border-radius: 4px;

    color: #ffffff;

    font-size: 13px;

    background: -moz-linear-gradient(top, #f9b34e 0%, #f49917 50%, #fc9706 63%, #f9b34e 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f49917), color-stop(50%, #f49917), color-stop(63%, #fc9706), color-stop(100%, #f9b34e)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #f9b34e 0%, #f49917 50%, #fc9706 63%, #f9b34e 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #f9b34e 0%, #f49917 50%, #fc9706 63%, #f9b34e 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #f9b34e 0%, #f49917 50%, #fc9706 63%, #f9b34e 100%); /* IE10+ */

    background: linear-gradient(to bottom, #f9b34e 0%, #f49917 50%, #fc9706 63%, #f9b34e 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f49917', endColorstr='#7db9e8', GradientType=0); /* IE6-9 */

}

.cls_text {

    float: left;

    outline: 0px;

    height: 30px;

    line-height: 30px;

    width: 300px;

    border-radius: 5px;

    border: 1px #cccccc solid;

    text-indent: 10px;

}

.cls_code {

    float: right;

    outline: 0px;

    height: 28px;

    line-height: 28px;

    margin-left: 3px;

    width: 208px;

    border-radius: 5px;

    border: 1px #cccccc solid;

    text-indent: 10px;

}

.err {

    float: left;

    width: 100%;

    text-align: center;

    font-size: 12px;

    color: red;

}