/*头部*/
.W980{width: 980px; margin: 0 auto;}
.border{background-color: #fff;}
/*头部*/
.vote_top{height: 100px;margin:0 auto 25px;background: #fff url(/Content/Areas/common/images/votes/headbg.jpg) repeat-x left bottom;}
.top_w{width:980px;margin: 0 auto;}
.top_l{float: left;line-height: 90px;}
.top_l .logo img{width: 450px;}
.top_l b{ margin:0px 20px;}
.top_l b,.top_l span{font-size:28px;display: inline-block;}
.top_r{float: right;line-height: 90px;}
.top_r a{padding-left:15px;}
.W980{width: 980px;margin: 20px auto 0px;}
.border{background-color: #fff;border: 1px solid #dadada;border-top: 2px solid #45b796;}

/*字体颜色样式*/
a.select,h2.mail_tit,.re_ask h2,a.botton01{color:#45b796}
/*背景颜色样式*/
a.mail_create,.mailbox_search_btn,.mailbox_index .mailbox_tit td,.xinjian a,.letter_form .patient_ask_btn{background:#45b796;}
a.mail_create:hover,.mailbox_search_btn:hover,.letter_form .patient_ask_btn:hover,.xinjian a:hover{background:#63dcb9 ;color:#fff;}

/*tab切换标题*/
.mail_btBox{height: 35px;padding: 0px;margin: 0px;}
.mail_btBox li{float: left;height: 35px;line-height: 35px;padding: 0 40px;color: #fff;background: #63dcb9;margin-right: 10px;*padding: 0px;*width: 130px;*text-align: center;_line-height: 36px;}
.mail_btBox li.zx_li {padding: 0 40px 0 62px;margin-right: 0px;background: #63dcb9 url(/Content/Areas/Interactions/images/mail/zx_icon.png) no-repeat 40px center;}
.mail_btBox li a{ color:#fff;}
.mail_btBox li.current_tit{ background:#45b796;}

/*Index 页面*/
h2.mail_tit{font-size: 16px;line-height: 32px;}
div.mail_p p{font-size: 14px;line-height: 24px;text-indent: 2em} 
div.mail_search{margin:15px 0;}
a.mail_create {background: #45b796 url(/Content/Areas/Interactions/images/mail/zx_icon.png) no-repeat 10px center;
 border-radius: 3px; color: #fff;display: block;float: right; padding: 5px 11px 5px 30px;text-align: center;}
a.mail_create:hover{background: #63dcb9  url(/Content/Areas/Interactions/images/mail/zx_icon.png) no-repeat 10px center;}
.mailbox_search{height:22px;line-height:22px;margin: 10px 0px;}
.mailbox_search_tx {height: 28px;width: 25%;border: solid 1px #ccc;padding-left:5px;margin-left:8px;}
.mailbox_search_btn{padding:0;text-align:center;height:28px;width: 48px;border:0;cursor:pointer;color:#fff;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px;}
.mailbox_index .mailbox_tit td{color:#fff;height:32px;}
.mailbox_index td{ border: 1px solid #ccc; border-top: 0px solid #E5E4E4;font-size:14px;border-left: 0px solid #E5E4E4;height: 32px;text-align: center;color:#333;vertical-align: middle;}
.mailbox_index td.letter_tit{width:30%;}
.mailbox_index{border-bottom: 0px solid #E5E4E4;border-right: 0px solid #E5E4E4; border-left: 1px solid #E5E4E4; border-top: 1px solid #E5E4E4;}
.mailbox_index .question_icn_1,.mailbox_index .question_icn_2,.mailbox_index .question_icn_3,.mailbox_index .question_icn_4,.mailbox_index .question_icn_5 {margin: 0px auto;}
.mailbox_index .question_icn_4{ background:url(/Content/Areas/Interactions/images/mail/icon.jpg) no-repeat 5px -55px; display:block; width:24px; height:24px;}

.email_notice {padding-bottom: 10px; }
.email_notice p {line-height: 24px;color: #127fa8;text-indent: 2em;}
#actiontype{ height: 28px;}
.phone_mail{ display:none; }

/*信箱详细页面*/
.letter_detail_tit {border-bottom: 1px dashed #999999;height: 40px;line-height: 40px;color: #8C8C8C; font-size:14px;padding:0 15px;}
.letter_detail_tit h3 {background-image: url(/Content/Areas/Interactions/images/mail/icon01.jpg);background-position: left center;background-repeat: no-repeat;display: inline;float: left;padding-left: 25px;font-size: 16px}
.letter_detail_tit span {background-image: url(/Content/Areas/Interactions/images/mail/icon_time.jpg);background-position: left center;background-repeat: no-repeat;float: right;padding-left: 25px;}
.letter_detail_cont {border-bottom: 1px solid #e9e9e9;padding: 20px;}
.letter_detail_cont h3 {color: #999999;}
.letter_detail_cont p {color: #474645;line-height: 24px;margin-top: 20px;text-indent:2em;}
.letter_detail_tit .letter_tit_answer {background-image: url(/Content/Areas/Interactions/images/mail/icon02.jpg)!important;background-position: left center;background-repeat: no-repeat;}
.re_ask {background-color: #f7fdfa;padding: 20px;}
.re_ask p {line-height:24px; font-size: 14px;}
.re_ask h2{font-size: 16px;line-height: 32px;}
p.BianJi{padding-left:15px;line-height: 32px;}
a.botton01{padding:0 3px;}
a.botton01:hover{font-weight: bold;}


/*------------------------医院信箱新建------------------------*/
.xinjian a{ width:85px; height:23px; line-height:23px;cursor:pointer;font-size:14px; color:#fff; text-align:center; float:right; margin-top:-22px; font-weight:normal;_height:25px;_line-height:25px }
 .letter_form {padding:50px 190px;}
.letter_form_tit_tx {height: 20px;width: 360px;}
.field-validation-error{color:red;}
.letter_form_tx {height: 20px;width: 200px;}
.letter_form label {text-align: right;float: left;width: 60px;line-height:30px;height:30px;text-align:right;width:100px;font-size:16px;}
.letter_form li {margin-bottom: 12px;line-height:30px;font-size:16px;}
.letter_form .letter_form_txa {height: 110px;width: 370px;overflow: hidden;}
.letter_form .patient_ask_btn{padding:0;border:none;border-radius:3px;font-size: 18px;height: 38px;line-height:38px;margin-left:180px;text-align:center;width:110px;cursor:pointer; color:#FFF}


input,textarea{border:1px solid #ccc;}
/*底部样式*/
.footer{text-align: center;line-height: 26px;border-top:1px solid #ededed;padding: 15px 0;width: 980px;margin:0 auto;}
.footer p{color: #666}

@media only screen and (max-width:1000px){
 .letter_form{ padding:50px 0px; width:480px; margin:0 auto;}
 .top_w {width: 100%;padding: 0 10px;box-sizing: border-box;}
 .W980 {width: 100%;}
  .footer{ width:100%; padding: 10px; box-sizing:border-box}
}
@media only screen and (max-width:768px){
 .top_r span > span{ display:none}
 .top_l .logo img{ width: 380px; }
 .letter_form_tit_tx {width: 40%;}
 .letter_form .letter_form_txa{width:40%;}
 .letter_form .letter_form_tx{width:33%;}
 .letter_form{ width:317px;}
	.letter_form .patient_ask_btn{ margin-left:100px;}
 .pd5-15 .pd20{ padding: 0; }
}

@media only screen and (max-width:640px){
.top_l .logo img{ width: 300px; }
.mailbox_index { display: none;}
.phone_mail{ display:block; }
.mail_list li{height: 80px;margin-bottom: 16px;}

.mail_list li .mail_coont{width: 100%;float: left;height: 80px;border-bottom: 1px solid #ccc; }
.mail_list li span.name{font-size: 18px;}
.mail_list li span.time{float: right;font-size: 14px;color: #999;}
.mail_list li p.title{line-height: 28px;font-size: 14px;}
.mail_list li p.cont{font-size: 14px; color:#999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
span.isHf{background: transparent url("/Content/Areas/Interactions/images/mail/icon.jpg") no-repeat scroll 5px -55px;width: 22px;height: 24px;display: block;float: left;margin-right: 6px;}

}
@media only screen and (max-width:550px){
.top_l,.top_r{width:100%;line-height: 44px;text-align: center;}
}

@media only screen and (max-width:450px){
 .letter_form .letter_form_tx{width:33%;}
 .letter_form .letter_form_txa{width:45%;}
 .letter_form .patient_ask_btn{margin-left:86px;}
 .letter_form{padding:0px;}
 .hos_email_right .letter_form label{width:30%;}
 .field-validation-error,.letter_detail_tit span{display:none;}
 .letter_id,.letter_time,.letter_time_1{display:none;}
.mail_btBox li { padding: 0 15px;}
 .mail_btBox li.zx_li { padding: 0 15px 0 38px; margin-right: 0px;background: #63dcb9 url(/Content/Areas/Interactions/images/mail/zx_icon.png) no-repeat 15px center;}
}
@media only screen and (max-width:420px){
.mailbox_search_btn{ width:47px;}
.letter_form{ width:270px;} 
}


@media only screen and (max-width:360px){
.mail_list li p.title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mail_create{ float: left !important; margin-right: 143px; margin-bottom: 10px;}
.mailbox_search_tx { height: 28px; width: 42%; padding-left: 0;margin-left: 0;}
}

@media only screen and (max-width:320px){
 .letter_form .letter_form_tx {width: 26%;}
 .hos_email_right .letter_form label{width:31%;}
 .letter_form .patient_ask_btn {margin-left: 90px;}
 .field-validation-error{display:none;}
 .letter_id,.letter_time,.letter_time_1{display:none;}
}