@charset "utf-8";
.writer h3{
    color: #C5291B;
    font-size: 22px;
}
.letterWriter{
    padding: 15px 20% ;
}
.Box{line-height:36px;}
.hidden {display:none;}
.writerFrom ul li{
    height: 42px;
    margin-bottom: 40px;
    padding: 0 10px;
}
.writerFrom ul li input{
    /* line-height: 32px; */
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 12px;
    font-size: 14px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.writerFrom ul li input:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.writerFrom ul li textarea{
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 12px;
    font-size: 14px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    float: left;
    width: 84%;
}
.writerFrom ul li textarea:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.writerFrom ul li select{
    height: 38px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.sub {
    text-align: center;
}
.sub input{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-primary{
    color: #fff;
    background-color: #9c140b;
    border-color: #9c140b;
}
.content{
    width: 12%;
    float: left;
}
.error{
     color:red;
    /*border: 1px solid red;*/
}
.write-after{
    text-align: center;
    min-height: 300px;
    box-sizing: border-box;
    padding: 50px 29%;
   background:white;
}
.write-after table{
    width: 50%;
    margin: 0 auto;
}
.write-after table tr{
line-height: 30px;
}
.red{color:red;}

.sc{
        opacity:0;
        filter:alpha(opacity=0);
        z-index: 1;
      }
      .file{
        position: absolute;
        right: 2%;
            cursor: pointer;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 10px 12px;
        font-size: 14px;
        width: 72%;
      }
      .file:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
      }

/*信件内容页*/
.infoBox{
    padding: 1% 10%;
}
.contentBox h3{
    display: inline-block;
    font-size: 20px;
    color: #C5291B;
}
.contentBox table{
    border-left: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
}
.contentBox table tr td {
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 5px;
}
.tit {
    width: 150px;
    text-align: center;
    background: #f9f9f9;
    text-align: right;
}
.con {
    line-height: 30px;
    text-indent: 28px;
    text-align: left;
}
.buttonBox{
    text-align: center;
}
.buttonBox input {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ebebeb;
    background: #f4f4f4;
    cursor: pointer;
}
@media screen and (max-width:1196px) {
    .writerFrom ul li textarea{
        width: 88%;
    }
}

@media screen and (max-width:1024px) {
    .writerFrom ul li textarea {
        width: 88%;
    }
    
    
}

@media screen and (max-width:992px) {
    .letterWriter {
        padding: 15px 5%;
    }
    .writerFrom ul li textarea {
        width: 88%;
    }
}
@media screen and (max-width:768px) {}
@media screen and (max-width:750px) {
    .content{width: 100%;}
    .writerFrom ul li textarea{
        width: 100%;
    }
    .writerFrom ul li{padding: 0;}
}