/*
--------------------
site:www.pkusz.edu.cn
style for mailbox
author:ITO-lcy
time:2011.11.27
--------------------
*/
html,body{ margin:0; padding:0; font-family:'微软雅黑'; font-size:14px; display:flex; flex-direction:column; height:100%; }
a {color:#333; text-decoration:none;}
a:hover {color:#d00;}
table { width:100%; border-collapse:collapse; }

/* 领导信箱 头部 */
.top { width:100%; background:#8C0000; text-align:center; }
.top a {display:block; }
.top img { height:80px; }

/* 领导信箱 主体 */
.main { width:100%; flex:auto; display:flex; flex-direction:row; margin:0 auto; /* padding:20px; */ box-sizing:border-box; justify-content:space-evenly; background:#F5F5F5; }
.main .section h2 { font-size:24px; font-weight:normal; text-align:center; margin:15px 0;}
.box { width:680px; padding:10px; margin-bottom:10px; display:flex; justify-content:space-between; background:#FFFFFF; box-shadow: 0px 0px 20px 0px #dcd6d6; }
.box .photo { width:90px; height:118px; }
.box .content { width:560px; height:150px; }
.box .content .name { line-height:30px; font-size:20px; }
.box .content .title { line-height:30px; font-size:16px; color:#94070A; }
.box .content .introduce { line-height:30px; }
.box .content .mail { line-height:30px; text-align:right; }
.box .content .mail a { display:inline-block; color:#94070A; padding:0 10px; background:#f7f7f7; }
.box .content .mail a:hover { color:#FFFFFF; background:#94070A; }


.footer {width:100%; height:30px; line-height:30px; font-size:12px; text-align:center; color:#FFFFFF; background:#94070A; }
.footer a{color:#FFF;}

#mailform { padding:40px; margin:10px auto; background:#FFFFFF; line-height:120%; box-shadow: 0px 0px 20px 0px #dcd6d6; }
.mailform-to { width:100%; line-height:30px; border-bottom:1px dashed #dddddd; padding:10px 0; }
.mailform-receive { width:100%; line-height:30px; padding:10px 0; }
.mailform-from { width:100%;  margin-top:10px; }
.mailform-receive textarea { width:100%; box-sizing: border-box; padding:5px 10px; line-height:30px; font-size:14px; border:none; outline:1px solid #cccccc; }
#mailform input[type=text] { line-height:30px; background:none; border:none; outline:none; border-bottom:1px dotted #ccc; }
#mailform input[type=submit] { height:30px; padding:4px 20px 4px 20px; background:#94070A; color:#FFFFFF; font-weight:bold; cursor:pointer; border-radius:4px; vertical-align: middle; border:none; }
#mailform input[type=reset] { height:30px; padding:4px 20px 4px 20px; background:#94070A; color:#FFFFFF; font-weight:bold; cursor:pointer; border-radius:4px; vertical-align: middle; border:none; }
#mailform input[type=submit]:hover,#mailform input[type=reset]:hover { background:#FF0000; color:#FFFFFF; }
.notice { width:800px; padding:20px; background:#FFFFFF; text-align:center; }
.notice h3 { color:#FF0000; }
.notice .button { height:30px; padding:5px 20px; background:#94070A; color:#FFFFFF; font-weight:bold; cursor:pointer; border-radius:4px; vertical-align: middle; border:none; }
.notice .button:hover { background:#FF0000; }


/*
-----------------------
后台样式
-----------------------
*/
#left { width:120px; height:100%; }
#right { flex:auto; height:100%; }
#left-content { padding:20px; background:#cccccc;}
#left-content p { line-height:30px;margin:0; }
#left-content a { display:block;width:100%;height:25px;line-height:25px;font-size:14px;font-weight:blod;text-decoration:none; }
#left-content a:hover { cursor:pointer; background:#dddddd; }
#right-content { width:100%; height:100%; }

/*
-----------------------
后台mail_list.php样式
-----------------------
*/
.mail_list td{border:1px solid #eee;}
.table-tr{
    background:#8b4513;
	height:25px;
	text-align:center;
	font-size:12px;
	color:#ffffff;
}
.table-body{
    height:25px;
	text-align:center;
	font-size:12px;
	background:#E0E0E0;
}
#content-function {
	display:block;
	font-size:12px;
	color:#ffffff;
	width:100%;
	height:30px;
	background:#8b4513;
	float:left;
}
.pagelink { text-align:center; }
.pagelink a{color:#fff;text-decoration:none;}
.pagelink a:hover{color:#fff;text-decoration:underline;}
.pagelink a:visited{color:#fff;}
/*
-----------------------
后台ch_reply.php样式
-----------------------
*/
#ch-reply-main {width:980px;margin:0 auto;background:#FFF;text-align:center;}
.ch-reply-from {width:300px;height:25px;line-height:25px;border-bottom:1px dashed #DDD;}
.ch-reply-righttd {padding:5px 8px;border-bottom:1px dashed #DDD; text-align:left}
.ch-reply-lefttd {padding:5px 4px;text-align:right;border-bottom:1px solid #fff;background-color:#F1EFEF;}

/*
-----------------------
后台ch_list.php样式
-----------------------
*/
.cl-table-body{
    height:25px;
	font-size:12px;
	background:#E0E0E0;
}

.login { height:100px; padding:40px; background:#FFFFFF; }
.login td { padding:5px; }