/*
    申请表单样式、喊响应式设计
*/

table {
    width: 781px;
    table-layout: fixed;
    vertical-align: middle;
    margin-top:10px;
}

    table tr {
        height: 32px;
    }

    table td {
        border: 1px solid #000000;
    }

    table tr .titleColumn {
        text-align: center;
    }

.firstCol {
    width: 180px;
}

.secondCol,
.fourthCol {
    width: 270px;
}

.thirdCol {
    width: 60px;
}

table tr td label {
    margin: 0;
    font-weight: 400;
    word-break:break-word;
    word-wrap:break-word;
}

.spanBoxCol,
.boxCol,
.otherBoxCol {
    padding-left: 10px;
}

    .spanBoxCol input,
    .spanBoxCol select,
    .spanBoxCol label,
    .spanBoxCol textarea {
        width: 577px;
    }

    .boxCol input,
    .boxCol select,
    .boxCol label,
    .boxCol textarea {
        width: 247px;
    }

 input,select,textarea{border: 1px solid #808080;}

    .otherBoxCol label:nth-of-type(1),
    .otherBoxCol label:nth-of-type(3) {
        margin-right: 10px;
    }

    .otherBoxCol input[type="text"] {
        width: 52px;
    }

    .spanBoxCol textarea {
        height: 150px;
        margin-top:10px;
        margin-bottom:10px;
    }

 .txtProvince,.txtTown,.txtCity,.txtPhoneAreaCode{display:none;}

 .errorInfo{display:none;color:red;}
 .disabledTextBox{border:0;background-color:#ffffff}

 table tr:last-child .titleColumn,table tr:last-child .boxCol
 {
     height:150px;
 }

@media (max-width:768px) {

    table {
        width: 100%;
    }

    .firstCol {
        width: 30%;
    }

    .secondCol {
        width: 69%;
    }

    .spanBoxCol input,
    .spanBoxCol select,
    .spanBoxCol label,
    .spanBoxCol textarea {
        width: 100%;
    }

    .boxCol input,
    .boxCol select,
    .boxCol label,
    .boxCol textarea {
        width: 100%;
    }

    .spanBoxCol,
    .boxCol,
    .otherBoxCol {
        padding-left: 5px;
        padding-right: 5px;
    }
    .boxColDiv
    {
        height:150px;
    }

}