/*
YUI CSS Reset
*/
/*html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption{text-align:left;}q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
*/
body{font-family: "微软雅黑", "宋体", Arial, sans-serif; font-size: 12px; }
.maildiv1{
    width:100%;height:95%;background:url(../images/tree/Images/ymbg.png) repeat-x;background-size:cover;
}
.maildiv2{
    float:left;width:90%;margin-left:5%;height:90%;background-color:#F9F9F9;margin-top:1%;
}
.maildiv3{
   background-color:#EEEEEE;width:100%;height:20px;
}
.maildiv4{
  background-color:#F7F7F7;width:100%;height:40px;
}
.maildiv5{
    float:left;width:48%;margin-left:2%;margin-right:3%;height:30%;background-color:white;margin-top:1%;
}
.maildiv6{
    width:100%;height:5%;background-color:white;
}
.mailspan1{
    margin-left:3%;height:100%;
}
.aspbtn {
    background-color: #2C85F6;
    padding: 2px 5px 2px 5px;
    color: white;
    /* height: 30px; */
    width: 55px;
    border-radius: 10px 10px 10px 10px;
    border: 0;
    /* font-size: 16px; */
    float: right;
    /* margin-right: 30px; */
    cursor: pointer;
    outline: 0;
    position: relative;
    right: 5px;
    top: 5px;
}
.aspbtn2{
    background-color:#2C85F6;
    padding:2px 5px 2px 5px;
    color:white;
    height:30px;
    width:100px;
    border-radius:10px 10px 10px 10px;
    border:0;
    float:left;
    margin-left:10px;
    font-size:12px;
    cursor:pointer;
    outline:0;
}
.aspbtn3{
    background-color:#49EFF1;
    color:black;
    border-radius:5px 5px 5px 5px;
    cursor:pointer;
    outline:0;
    border:0;
    padding:5px 10px 5px 10px;
    /*background:-webkit-gradient(linear, left top, left bottom, color-stop(3%,#49EFF1), color-stop(4%,#49EFF1), color-stop(100%,#49EFF1));*/
}
.aspbtn4{
    background-color:#2C85F6;
    padding:3px 15px 3px 15px;
    color:white;
    /*height:25px;
    width:50px;*/
    border-radius:10px 10px 10px 10px;
    border:0;
    /*font-size:16px;*/
    /*float:right;*/
    cursor:pointer;
    outline:0;
}
.aspbtn:hover{
    background-color:#28B4F6;
}
.aspbtn2:hover{
    background-color:#28B4F6;
}
.aspbtn3:hover{
    background-color:#9BFFFF;
}
.aspbtn4:hover{
    background-color:#28B4F6;
}
.mailul li:nth-of-type(odd){ background-color: #EAEAEA;}
.mailul li:nth-of-type(even){ background-color: #F9F9F9;}
/* -------------
   * commom *
* ------------- */
.l-clear{ clear:both; width:1px; height:1px; overflow:hidden;}
.l-hidden {display: none;}
.l-loading
{
    position: absolute;z-index: 91000;  top:40%; left:50%; overflow:hidden;
    background:url('../images/common/loading.gif') no-repeat 0px 0px;width:24px; height:24px; 
     display:none;
}
/* -------------
   * 滚动条颜色 *
* ------------- */ 
*{
	scrollbar-face-color:#E6F2FD;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#D6E4EF; 
	scrollbar-3dlight-color:#F1F9FF; 
	scrollbar-arrow-color:#006699; 
	scrollbar-track-color:#F1F9FF; 
	scrollbar-darkshadow-color:#F1F9FF;
}
.l-scroll
{
    scrollbar-face-color:#E6F2FD;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#D6E4EF; 
	scrollbar-3dlight-color:#F1F9FF; 
	scrollbar-arrow-color:#006699; 
	scrollbar-track-color:#F1F9FF; 
	scrollbar-darkshadow-color:#F1F9FF;
}
.l-noscroll
{
    overflow:hidden;
}


/* Resizable */
.l-resizable { display:none; overflow:hidden; border-style:dashed; border-width:1px; opacity:0.5; filter:alpha(opacity=50); position:absolute; top:0; left:0; z-index:101; background:#f2f1f1;}
.l-resizable-h-l { cursor:nw-resize; top:0; left:0; z-index:103;}
.l-resizable-h-r { cursor:ne-resize; top:0; right:0; z-index:103;}
.l-resizable-h-c { width:100%; cursor:n-resize; top:0; left:0; z-index:102;}
.l-resizable-c-l { cursor:w-resize; top:0; left:0; z-index:102;}
.l-resizable-c-r { cursor:e-resize; top:0; right:0; z-index:102;}
.l-resizable-f-l { cursor:sw-resize; bottom:0; left:0; z-index:103;}
.l-resizable-f-r { cursor:se-resize; bottom:0; right:0; z-index:103;}
.l-resizable-f-c { width:100%; cursor:s-resize; bottom:0; left:0; z-index:102;}
.l-resizable-h-l, .l-resizable-h-r, .l-resizable-h-c,.l-resizable-c-l, .l-resizable-c-r,.l-resizable-f-l, .l-resizable-f-r, .l-resizable-f-c { display:block; overflow:hidden; width:6px; height:6px; position:absolute;}

 /* --------------
   *   icon  *
* ------------ */
.l-icon-checkbox {background:url('../images/icon/checkbox.gif') no-repeat center;}

/* -------------
   * 按钮 *
* ------------- */
.l-button
{
    display:block;border: solid 1px #A3C0E8;
    width:50px ; height:20px; overflow:hidden; line-height:20px;
    background: #E0EDFF url(../images/controls/button-bg.gif) repeat-x center;
     text-align:center;color: #2C4D79;  text-decoration:none; cursor:pointer;
}
.l-button-over,.l-button:hover
{background: #FFBE76 url(../images/controls/button-bg-over.gif) repeat-x center; border-color:#D6A886;
}
.l-btn
{
    display:block; 
     height:21px; overflow:hidden; line-height:22px; position:relative; 
     padding-left:15px; padding-right:15px; cursor:pointer;
    background: #E0EDFF url(../images/controls/btn.gif) repeat-x;
     text-align:center;color: #2C4D79;  text-decoration:none; cursor:pointer;
}
/* 按钮左边部位 */
.l-btn-l
{
    position:absolute; width:3px; left:0px; top:0px;height:21px;
    background: #E0EDFF url(../images/controls/btn-l.gif) no-repeat;
}
/* 按钮右边部位 */
.l-btn-r
{position:absolute; width:3px; right:0px; top:0px;height:21px;
    background: #E0EDFF url(../images/controls/btn-r.gif) no-repeat;
}