@charset "utf-8";

/* 信箱首页 ----------------------------------------------------- */
.ConsultationStatistics { float: right;}
.ConsultationStatistics label { margin-right: 20px; color: #888;}


/* 信件列表页 ----------------------------------------------------- */
.mainBox .mHd .write { float: right; margin-top: 22px; margin-right:10px;}
.mainBox .mHd .write a { display: block; padding: 0 20px; line-height: 30px; height: 30px; color: #fff; border-radius: 5px; background-color: #3691ac; border: 2px solid #3691ac; transition: all 0.5s;}
.mainBox .mHd .write a:hover { text-decoration: none; background-color: #fff; color: #3691ac;}
.mainBox .mHd .select { float: right; margin-top: 22px;}
.mainBox .mHd .select a { display: block; padding: 0 20px; line-height: 30px; height: 30px; color: #fff; border-radius: 5px; background-color: #3691ac; border: 2px solid #3691ac; transition: all 0.5s;}
.mainBox .mHd .select a:hover { text-decoration: none; background-color: #fff; color: #3691ac;}
.mainBox .mHd .ConsultationStatistics {padding-top: 26px;padding-left: 15px;float: right;}
.mainBox .mHd .more {padding-top: 28px;float: right;}

/* 信件搜索 */
.letterSearch .searchBox { float: right; height: 60px; width: 545px;}
.letterSearch .searchBox .hd { height: 36px; line-height: 36px; padding: 12px 0 12px 59px; float: left; font-size: 16px; color: #333; background: url(../../base/img/petition-icons.png) 19px -151px no-repeat;}
.letterSearch .searchBox .bd { height: 36px; width: 395px; float: right; padding: 12px 0px 0px 0px;}
.letterSearch .searchBox .keyword { width: 200px; height: 24px; line-height: 24px; font-size: 14px; padding: 5px 0px 5px 15px; background: #fff; border: 1px solid #ccc; border-right: none; outline: none; float: left;}
.letterSearch .searchBox .searchsubmit { width: 84px; height: 36px; line-height: 36px; font-size: 16px; color: #fff; text-align: center; background: #3691ac; border: none; float: left; font-weight: bold;}
.letterSearch { overflow: hidden; margin-bottom: 10px; width: 530px;}

/* 写信须知 */
.letterWritePage #xyBox { background: url(../img/bgletter.jpg) 50% 0px no-repeat #f2f2f2; min-height: 500px; padding: 50px 140px 80px 170px;}
.letterWritePage #xyBox h3 { font-size: 35px; color: #3691ac; text-align: center; line-height: 52px; margin-bottom: 40px;}
.letterWritePage #xyBox .info { font-size: 14px; line-height: 28px; height: 325px; overflow-y: auto;}
.letterWritePage #xyBox .info p { padding: 6px 0px;}
.letterWritePage #xyBox .center { overflow: hidden; height: 40px; text-align: center; padding-top: 50px;}
.letterWritePage #xyBox .nextBtn { background: #3691ac; vertical-align: middle; margin-right: 20px; cursor: pointer; border: none; width: 166px; height: 40px; font-size: 16px; text-align: center; font-weight: bold; color: #fff;}
.letterWritePage #xyBox .prevBtn { background: #d3d3d3; vertical-align: middle; border: none; cursor: pointer; width: 75px; height: 40px; text-align: center; font-size: 16px; font-weight: bold; color: #555;}

/* 写信内容 */
.onlineplForm .hd { height: 40px; border-bottom: 2px solid #3691ac;}
.onlineplForm .hd h3 { width: 138px; float: left; *display: inline; text-align: center; height: 40px; line-height: 40px; background: #3691ac; color: #fff; font-size: 16px;}
.onlineplForm .hd .tips { float: left; *display: inline; padding-left: 20px; height: 40px; line-height: 40px; color: #3691ac; font-size: 12px;}
.onlineplForm .bd { padding: 30px 0px;}
.onlineplForm .bottombt { overflow: hidden; height: 40px; text-align: center;}
.onlineplForm .bottombt .inputbutton { background: #3691ac; vertical-align: middle; margin-right: 20px; cursor: pointer; border: none; width: 166px; height: 40px; font-size: 16px; text-align: center; font-weight: bold; color: #fff;}
.onlineplForm .bottombt .restButton { background: #d3d3d3; vertical-align: middle; border: none; cursor: pointer; width: 75px; height: 40px; text-align: center; font-size: 16px; font-weight: bold; color: #555;}
.LetterInfoTable { width: 100%;}
.LetterInfoTable td { line-height: 24px; padding: 8px 5px; vertical-align: top;}
.LetterInfoTable td .field-validation-error { display: block; color: #ff0000;}
.LetterInfoTable td.tdlab { width: 100px; text-align: right;}
.LetterInfoTable td input[type="text"] { width: 80%; border: #ccc solid 1px; height: 20px; overflow: hidden; padding: 5px 0px 5px 5px;}
.LetterInfoTable td textarea[name=Content] { width: 869px;}
.LetterInfoTable td input[type="text"]:focus,
.LetterInfoTable td 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);
}
.LetterInfoTable td select { height: 24px; line-height: 24px;}
.LetterInfoTable .validationcode { position: initial;}
.LetterInfoTable td label.radio {
    float: left;
    margin-right: 15px;
}
.LetterInfoTable td label.radio input {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top:-5px;
}
/* 使用帮助 ----------------------------------------------------- */
.letterHelpPage .help { margin-top: 10px;}
.letterHelpPage .help h3 { font-size: 16px; line-height: 2em; padding-left: 10px; font-weight: bold; color: #3691ac; border-bottom: #ddd 1px dotted;}
.letterHelpPage .help .con { font-size: 14px; line-height: 1.8em; padding: 5px 10px 15px;}