html{
    width: 100%;
    height: 100%;
}
body{
    width: 100%;
    height: 100%;
    overflow: auto;
    min-height: 900px;
}
input .ng-invalid{
    border:1px solid red;
}
input .ng-valid{
    border: 1px solid #008000;
}
header{
    margin-left: 30px;
    margin-right: 30px;
}
.qq-group{
    color: #2290eb;
    margin-right: 20px;
    margin-left: 16px;
}
.weixin{
    color: #99ff33;
    margin-right: 20px;
}
.weibo-tbx{
    color: #ff3333;
    margin-right: 10px;
}
.tbx-form{
    width: 80%;
    /*height: 75%;*/
    border: 1px solid #d3d3d3;
    position: absolute;
    top: 10%;
    left: 10%;
    min-width: 1200px;
    min-height: 650px;
}
.tbx-form-text{
    width: 46%;
    height: 40px;
    color: #000000;
    margin: 10px 20px;
    min-width: 560px;

}

.tbx-form-input{
    width: 50%;
    height: 85%;
    display: inline-block;
    top: 60px;
    left: 20px;
    margin-left: 20px;
}
.tbx-form-input-val{
    cursor: pointer;
    width: 80px;
    height: 35px;
    margin-right: 5px;
}
.tbx-form-question{
    width: 45%;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 0px;
    min-height: 100%;
    min-width: 440px;
    padding-left: 40px;
    border-left: solid 1px;
    border-color: #d3d3d3;
}
.tbx-form-question-text{
    margin-bottom: 10px;
    margin-top: 20px;
}
.tbx-form-question-text-a{
    font-size: 15px;
    color: #000000;
    display: block;
    margin-top: 10px;
}

td, th {
    padding: 8px 0;
}
th {
    width: 100px;
    vertical-align: top;
}
#feedback a {
    color: blue;
    text-decoration: underline;
}
#feedback input {
    margin: 0 5px 5px 0;
}
#feedback label {
    color: #999;
}
#smallImg {
    width: 100%;
    height: 100%;
}
#tempImg {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
}
.error {
    color: red !important;
}