﻿html,body,div,article,section,ul,li,form,p,input,button,textarea,h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}
ol,ul,li {list-style:none;}
a,a:hover {text-decoration:none;}
img {border:none;}
body {
	font-family:"Helvetica Neue", Arial, "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei", sans-serif;
        font-size:100%
	line-height:1.5;
	color:#666;
}



.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}
.clearfix:after { clear: both; }
/*for IE6/7*/
.clearfix { *zoom: 1; }



/*Main*/
.wrap {
    margin: 0 auto;
    width:600px;/*56.25em;1em=16px*/
}
.wrapfabu {
    margin: 0 auto;
    width:700px;/*56.25em;1em=16px*/
}
/*mes-board*/
.mes-board {
    margin: 1.875em 0;
    border: 1px solid #aaa;
    padding: 0 .7em;
    background-color: #fcf;
}
.mes-board li { padding: .7em 0; }
.mes-board li + li { border-top: 1px dashed #fff; }
/*这里我用了+  加号，这个是CSS里面的相邻兄弟选择器，就是会选择与加号左边在同个父级下的兄弟元素（即同级元素），除了自己外（加号左边）其他兄弟元素应用css代码所定义的属性。就像我写的这里，就是除了第一个<li>标签外，其他的<li>都将在顶部定义一条虚线的边框。这是为了最后一个<li>的底部不会出现边框，以免和外边框重叠，这样也比较美观一点。
*/
.mes-board h4 {
    display: inline;/*display:inline; 将<h4>这个块级元素变为行级元素，而<small>也是一个行级元素，两者可以共处一行。*/
    margin-right: 2px;
    font-weight: 400;
    color: #66f;
}
.mes-board small { color: #999; }
.mes-board p {
    padding: 1em 0;
 
}


/*mes-send*/
.mes-send {
    padding: .65em;
    border: 0px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.form-group { padding: 1.25em;    font-size: 20px; }


.form-group label input { width:400px; }



.form-group label { vertical-align: top; }
.mes-send input[type="text"],
.mes-send textarea {
    padding: 1px;
    width: 40%;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
    border-radius: 4px;
}
.mes-send input { height: 2em; }
#btn {
    margin-left: 1.25em;
    padding: 5px;
    border: none;
    -webkit-border-radius: 1.25em;
    -moz-border-radius: 1.25em;
    border-radius: 1.25em;
    width: 15%;
    font-size: 12pt;
    color: #fff;
    background-color: #66f;
    cursor: pointer;
}
#btn:hover { background-color: #03c; }

