﻿/*字体颜色样式*/
a.select,h2.mail_tit,.re_ask h2,a.botton01{color:#009983}
/*背景颜色样式*/
a.mail_create,.mailbox_search_btn,.mailbox_index .mailbox_tit td,.xinjian a,.letter_form .patient_ask_btn{background:#009983;}
a.mail_create:hover,.mailbox_search_btn:hover,.letter_form .patient_ask_btn:hover,.xinjian a:hover{background:#7ace9b;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: #7ace9b;margin-right: 10px;*padding: 0px;*width: 130px;*text-align: center;_line-height: 36px;}
.mail_btBox li a{ color:#fff;}
.mail_btBox li.current_tit{ background:#009983;}

/*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{float: right;display: block;color:#fff;padding:5px 10px;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px;}
.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(ContentAreasInteractionsimagesmailicon.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(ContentAreasInteractionsimagesmailicon01.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(ContentAreasInteractionsimagesmailicon_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(ContentAreasInteractionsimagesmailicon02.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 155px;}
.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;}

@media only screen and (max-width:1024px){
.letter_form{ padding:50px 0px; width:480px; margin:0 auto;}
}
@media only screen and (max-width:768px){
 .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){
.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("ContentAreasInteractionsimagesmailicon.jpg") no-repeat scroll 5px -55px;width: 22px;height: 24px;display: block;float: left;margin-right: 6px;}

}

@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;}
 
}
@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: 44%;
 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;}
}


  