@charset 'utf-8';
/* 信箱首页 ----------------------------------------------------- */
/* boxA-petition */
.boxA-petition { margin-bottom: 20px;}
.boxA-petition .hd h3 {line-height: 37px; position: relative; float: left; }
.boxA-petition .hd ul {position: relative;  float: left; margin-right: 6px;}


.boxA-petition .hd .write ,.boxA-petition .hd .select ,.letterSearch .write ,.letterSearch .select {line-height: 38px; float: right; overflow: hidden;  height: 38px; margin-left: 10px;color: #fff; background: #79b2e2; }
.boxA-petition .hd .write a ,.boxA-petition .hd .select a ,.letterSearch .write a ,.letterSearch .select a {font-size: 16px;  display: block; float: left; padding: 0 24px; color: #fff;}
.letterSearch .write ,.letterSearch .select { margin-top: 12px;}
.boxA-petition .hd .select ,.letterSearch .select { background: #e6954e;}
.boxA-petition .hd .select a i ,.letterSearch .select a i { background-position: 0 -1123px;}
.boxA-petition .hd .notice ,.boxA-petition .hd .myLetter {line-height: 30px; float: left; overflow: hidden;  height: 30px; margin-top: 5px;}
.boxA-petition .hd .notice a ,.boxA-petition .hd .myLetter a { float: left; padding: 0 10px 0 12px;}
.boxA-petition .hd .notice a i ,.boxA-petition .hd .myLetter a i {float: left;  width: 20px; height: 30px; margin-right: 5px; background: url(../../interaction/img/interaction-icons.png) 4px -2464px no-repeat;}
.boxA-petition .hd .myLetter a i { background-position: 4px -2639px;}
.boxA-petition .bd {clear: both;  overflow: hidden; padding: 10px 0 0;}
/* 信件列表页 ----------------------------------------------------- */
.letterListPage .mHd .list { padding: 0 0 0 20px;}
.letterListPage .mHd .list a { font-size: 16px;}
.letterSearch .searchBox { float: left; width: 545px;height: 60px; }
.letterSearch .searchBox .hd {font-size: 16px; line-height: 36px; float: left;  height: 36px; padding: 12px 0 12px 59px; color: #333; background: url(../img/petition-icons.png) 19px -151px no-repeat;}
.letterSearch .searchBox .bd {float: right; width: 395px;  height: 36px; padding: 12px 0 0 0;}
.letterSearch .searchBox .keyword {font-size: 14px; line-height: 24px; float: left; width: 200px; height: 24px; padding: 5px 0 5px 15px; border: 1px solid #ccc; border-right: none; outline: none; background: #fff; }
.letterSearch .searchBox .searchsubmit {font-size: 16px; font-weight: bold;line-height: 36px; float: left;  width: 84px; height: 36px; text-align: center; color: #fff; border: none; background: #458adf; }
.letterSearch { overflow: hidden;}
.detailTable .preDiv { width: auto;}
.letterstatusbold { font-weight: bold;}
/* 写信页 ----------------------------------------------------- */
/* 写信须知 */
.letterWritePage #xyBox {min-height: 500px; padding: 50px 140px 80px 170px; background: url(../img/bgletter.jpg) 50% 0 no-repeat #f2f2f2; }
.letterWritePage #xyBox h3 { font-size: 35px; line-height: 52px; margin-bottom: 40px;text-align: center; color: #ca0d0d; }
.letterWritePage #xyBox .info { font-size: 14px; line-height: 28px; overflow-y: auto;height: 325px; }
.letterWritePage #xyBox .info p { padding: 6px 0;}
.letterWritePage #xyBox .center { overflow: hidden; height: 40px; padding-top: 50px;text-align: center; }
.letterWritePage #xyBox .nextBtn {font-size: 16px; font-weight: bold; width: 166px; height: 40px; margin-right: 20px; cursor: pointer; text-align: center; vertical-align: middle; color: #fff;border: none;  background: #ca0d0d; }
.letterWritePage #xyBox .prevBtn {font-size: 16px; font-weight: bold; width: 75px; height: 40px; cursor: pointer; text-align: center; vertical-align: middle; color: #555;border: none;  background: #d3d3d3; }
/* 写信内容 */
.onlineplForm .hd { height: 40px; border-bottom: 2px solid #ca0d0d;}
.onlineplForm .hd h3 {font-size: 16px;line-height: 40px; *display: inline; float: left;  width: 138px; height: 40px; text-align: center; color: #fff; background: #ca0d0d; }
.onlineplForm .hd .tips {font-size: 12px;line-height: 40px; *display: inline;  float: left; height: 40px; padding-left: 20px; color: #ca0d0d; }
.onlineplForm .bd { padding: 30px 0;}
.onlineplForm .bottombt { overflow: hidden; height: 40px; text-align: center;}
.onlineplForm .bottombt .inputbutton {font-size: 16px; font-weight: bold; width: 166px; height: 40px; margin-right: 20px; cursor: pointer; text-align: center; vertical-align: middle; color: #fff;border: none;  background: #ca0d0d; }
.onlineplForm .bottombt .restButton {font-size: 16px; font-weight: bold; width: 75px; height: 40px; cursor: pointer; text-align: center; vertical-align: middle; color: #555;border: none;  background: #d3d3d3; }
.LetterInfoTable { width: 100%;}
.LetterInfoTable td { line-height: 24px; padding: 8px 5px; vertical-align: middle;}
.LetterInfoTable td.tdlab { width: 100px; text-align: right;}
.LetterInfoTable td input[type='text'] {overflow: hidden;  width: 80%; height: 20px; padding: 5px 0 5px 5px;color: #36c; border: #ccc solid 1px; }
.LetterInfoTable td .codeinp ,.LetterInfoTable td .validationcode { display: inline;}
.LetterInfoTable td .codeinp input[type='text'] { width: 100px;}
.LetterInfoTable td textarea[name=Content] { width: 869px;}
.LetterInfoTable td select {line-height: 24px; height: 24px; }
/* 使用帮助 ----------------------------------------------------- */
.letterHelpPage .help { margin-top: 10px;}
.letterHelpPage .help h3 { font-size: 16px; font-weight: bold; line-height: 2em; padding-left: 10px; color: #ca0d0d; border-bottom: #ddd 1px dotted;}
.letterHelpPage .help .con { font-size: 14px; line-height: 1.8em; padding: 5px 10px 15px;}