.wrapper{width:1200px; margin:0px auto;}
input[type=text]{border:1px solid #cdd1dd; border-top:1px solid #bdc1d0; border-bottom:1px solid #bdc1d0; box-sizing:border-box;}

#header{background:url('/images/header_bg.png') top left repeat-x; width:100%; height:114px; overflow:hidden; position:absolute; z-index:9999; top:0px; left:0px;}
#header h1{margin-top:33px; float:left;}
#header .top_btn{float:right; margin-top:48px;}
#header .top_btn li{float:left;}

.login_box{width:1200px; height:400px; background:#e5e6ea; border:1px solid #bdc1d0; box-sizing:border-box; border-radius:10px; overflow:hidden; margin-top:10px;}
.login_box .login_contents{width:700px; margin:0px auto; margin-top:50px;}
.login_box .login_contents .text_box{float:left;}
.login_box .login_contents .text_box ul{clear:both; height:45px;}
.login_box .login_contents .text_box ul:nth-child(2){margin-top:10px;}
.login_box .login_contents .text_box ul li{float:left; font-size:16px; font-weight:bold; color:#4c5167; vertical-align:top; line-height:50px;}
.login_box .login_contents .text_box ul li input[type=text]{width:400px; height:50px;}
.login_box .login_contents .text_box ul li p{color:#4c5166; font-size:12px; line-height:20px; font-weight:normal; margin-top:10px;}
.login_box .login_contents .btn_box{float:left; width:180px; margin-left:20px;}



.branch_bg{height:92px; background:#fff; border-bottom:1px solid #bdc1d0; padding-top:110px; overflow:hidden;}
.branch_bg .title{background:#4c5167; width:275px; height:92px; text-align:center; color:#fff; font-size:22px; font-weight:bold; line-height:90px; float:left;}
.branch_bg .title span{font-size:16px; font-weight:bold;}
.branch_bg ul.total_mail{margin:25px 0 0 20px; float:left;}
.branch_bg ul.total_mail li{float:left; font-size:13px; color:#4c5167; height:40px; line-height:40px;}
.branch_bg ul.total_mail li > span{width:80px; height:40px; text-align:right; padding-right:10px; border:1px solid #cdd1dd; border-top:1px solid #bdc1d0; border-bottom:1px solid #bdc1d0; box-sizing:border-box; display:inline-block;}
.branch_bg .send_mail_info{width:445px; height:62px; margin:15px 0 15px 0px; float:right; background:#e5e6ea; border:1px solid #bdc1d0; box-sizing:border-box;}
.branch_bg .send_mail_info ul{margin:10px 0;}
.branch_bg .send_mail_info ul li{float:left; font-size:13px; color:#4c5167; height:40px; line-height:40px;}
.branch_bg .send_mail_info ul li.info_title{font-size:15px; font-weight:bold; color:#4c5167; margin-left:25px; padding-right:25px; border-right:1px solid #8f94aa;}
.branch_bg .send_mail_info ul li > span{width:80px; height:40px; text-align:right; background:#fff; padding-right:10px; border:1px solid #cdd1dd; border-top:1px solid #bdc1d0; border-bottom:1px solid #bdc1d0; box-sizing:border-box; display:inline-block;}

.branch_send_info_box{margin-top:30px;}
.branch_send_info_box .contents_box{width:590px; height:610px; background:#e5e6ea; border:1px solid #bdc1d0; box-sizing:border-box; border-radius:10px; overflow:hidden; margin-top:10px;}
.branch_send_info_box .contents_box .box_in_box{width:550px; margin:0px auto; margin-top:20px;}
.branch_send_info_box .contents_box .box_in_box h3{background:#898989; height:40px; color:#fff; font-weight:bold; text-align:center; line-height:40px; font-size:16px;}
.branch_send_info_box .contents_box .box_in_box > p{font-size:13px; color:#4c5166; margin-top:10px; line-height:20px; overflow:hidden;}

.branch_send_info_box #mail_send_box{float:left;}
.branch_send_info_box #mail_send_box .send_customer_con{padding-bottom:20px; border-bottom:1px solid #bdc1d0; overflow:hidden;}
.branch_send_info_box #mail_send_box .send_customer_con li{float:left; font-weight:bold; font-size:14px;}
.branch_send_info_box #mail_send_box .send_customer_con li > input[type=text]{height:40px; background:#fff; padding-right:10px; border:1px solid #cdd1dd; border-top:1px solid #bdc1d0; border-bottom:1px solid #bdc1d0; box-sizing:border-box; display:inline-block;}
.branch_send_info_box #mail_send_box .send_customer_con2{margin-top:20px; overflow:hidden;}
.branch_send_info_box #mail_send_box .send_customer_con2 > div{float:left;}
.branch_send_info_box #mail_send_box .send_customer_con2 > div.send_customer{width:150px; height:440px;}
.branch_send_info_box #mail_send_box .send_customer_con2 > div.send_customer .customer_info{height:400px;}
.branch_send_info_box #mail_send_box .send_customer_con2 > div.send_customer .customer_info > ul{height:42px; background:#cdd1dd;}
.branch_send_info_box #mail_send_box .send_customer_con2 > div.send_customer .customer_info > ul li{float:left; font-size:13px; font-weight:bold; color:#4c5167; line-height:42px; text-align:center;}
.branch_send_info_box #mail_send_box .send_customer_con2 > div.send_customer .customer_info > ul li:nth-child(1){width:67px; border-right:1px solid #e7eaf5;}
.branch_send_info_box #mail_send_box .send_customer_con2 > div.send_customer .customer_info > ul li:nth-child(2){width:82px;}
.branch_send_info_box #mail_send_box .send_customer_con2 > div.send_customer .customer_info > textarea{width:150px; height:357px; border:1px solid #cdd1dd; box-sizing:border-box; margin-top:1px; line-height:25px; font-size:13px; padding-left:8px;}
.branch_send_info_box #mail_send_box .send_customer_con2 > div.message_contents{width:388px; height:440px; margin-left:10px;}
.branch_send_info_box #mail_send_box .send_customer_con2 > div.message_contents .message_box{height:345px; border:1px solid #cdd1dd; box-sizing:border-box; background:#fff; overflow-y:auto;}
.branch_send_info_box #mail_send_box .send_customer_con2 > div.message_contents .message_box p{margin:25px 10px 15px 15px; font-size:13px;}

.branch_send_info_box #send_customer_list_box{float:right;}
.branch_send_info_box #send_customer_list_box .send_customer_info_con{padding-bottom:20px; border-bottom:1px solid #bdc1d0; overflow:hidden;}
.branch_send_info_box #send_customer_list_box .send_customer_info_con > div{float:left;}
.branch_send_info_box #send_customer_list_box .send_customer_info_con > div ul{overflow:hidden;}
.branch_send_info_box #send_customer_list_box .send_customer_info_con > div ul li{float:left; font-weight:bold; font-size:14px;}
.branch_send_info_box #send_customer_list_box .send_customer_info_con > div ul li > input[type=text]{height:40px; background:#fff; padding-right:10px; border:1px solid #cdd1dd; border-top:1px solid #bdc1d0; border-bottom:1px solid #bdc1d0; box-sizing:border-box; display:inline-block;}

.branch_send_info_box #send_customer_list_box .send_customer_info_con2{width:552px; margin-top:20px;}
.branch_send_info_box #send_customer_list_box .send_customer_info_con2 > ul{width:100%; background:#cdd1dd; overflow:hidden;}
.branch_send_info_box #send_customer_list_box .send_customer_info_con2 > ul > li{float:left; height:40px; line-height:40px; text-align:center; font-weight:bold; font-size:13px; border-right:1px solid #e7eaf5; box-sizing:border-box; position:relative;}
.branch_send_info_box #send_customer_list_box .send_customer_info_con2 > ul > li:last-child{border-right:none;}
.branch_send_info_box #send_customer_list_box .send_customer_info_con2 > ul > li img{position:absolute; width:15px; height:15px;}

.branch_send_info_box #send_customer_list_box .send_customer_info_con2 .con2_tbody{width:100%; height:370px; overflow:auto; background:#fff; border:1px solid #cdd1dd;}
.branch_send_info_box #send_customer_list_box .send_customer_info_con2 .con2_tbody li{float:left; height:40px; line-height:40px; border-bottom:1px dotted #d7d7d7; border-right:1px solid #e7eaf5; box-sizing:border-box; text-align:center; font-size:12px;}
.branch_send_info_box #send_customer_list_box .send_customer_info_con2 .con2_tbody li:last-child{border-right:none;}
.branch_send_info_box #send_customer_list_box .send_customer_info_con2 .con2_tbody li input{margin-top:12px;}
.branch_send_info_box #send_customer_list_box .send_customer_info_con2 .con2_tbody li.cancel{color:#ed1c24;}
.branch_send_info_box #send_customer_list_box .send_customer_info_con2 .con2_tbody li.cancel2{color:#2e3192;}