@charset "utf-8";
/* CSS Document */
body,html{ width:100%; height:100%; padding:0; margin:0; background-color:#efefef;}
body{ height:auto;}
header{ height:60px; padding:10px 0; background-color:#888; background-image:url(../../../global/images/nav_bg.png); background-repeat:repeat-x; background-size:auto 100%; position:relative;  padding-left:80px; padding-right:10px; }

.face{ width:54px; height:54px; padding:3px; margin:0 auto; background-color:rgba(255,0,0,.3); border-radius:100%; overflow:hidden; position:absolute; top:16px; left:10px; z-index:99999999}
.face img{ display:block; width:48px; height:48px; border-radius:100%; overflow:hidden;}

header ul{ margin:0; padding:0; margin-top:16px;}
header li{ float:left; height:34px; line-height:34px; list-style:none; margin-right:5px;}
header a{ color:#fff !important; display:block; padding:0 1em; border-radius:5px 5px 0 0; background-color:rgba(255,255,255,.1);  }
header a:hover{ background-color:rgba(255,255,255,.1); color:#fff !important; }
header a.hover{ background-color:#efefef; color:#000 !important; }

#index{ height:auto;}
#login{ background-color:#2E3E4E; width:100%; height:100%;}
#bodyer{ margin:20px;}

/* login */
.login{ max-width:780px; margin:0 auto; padding-top:50px;}
.login h1{ margin:0; padding:0; color:#fff; font-size:18px;text-shadow:1px 1px 3px rgba(0,0,0,.6); font-weight:normal; font-family:"微软雅黑"; height:50px; line-height:80px; height:80px;}
.box{ width:780px; background-color:#fff; border-radius:5px; overflow:hidden; box-shadow:3px 5px 8px rgba(0,0,0,.6);}
.welcome{ float:left; width:500px; background-image:url(../../../global/images/welcome.jpg); background-position: center center; background-size:cover; height:280px; background-repeat:repeat;}
.form{ float:left; width:280px;}
.form h2{ background-color:#f1f1f1; border-bottom:4px #ddd solid; text-shadow:1px 1px 3px rgba(0,0,0,.6); font-size:16px; font-weight:normal;  color:#000; margin:0; padding:0; line-height:40px; padding:0 15px;}
.form form{ display:block; margin:25px 15px;}
.form input{ display:block; width:100%; margin-bottom:10px; padding:10px;}

.wrappar h1{ margin:5px; line-height:26px; padding:0 5px; color:#fff; font-size:110%; text-shadow:0 0 2px rgba(0,0,0,.3); font-weight:normal;}
.box_wra{ border-radius:3px; margin:5px; padding:5px; background-color:#fff; box-shadow:1px 2px 3px rgba(0,0,0,.6);}

/* */
.table{ width:100%; background-color:#fff;border-radius:5px 5px 0 0; margin-top:10px; border:1px #ccc solid; overflow:hidden; border-collapse:collapse; box-shadow:0 0 2px rgba(0,0,0,.3);}
.table td{ border:1px #ccc dotted; border-collapse:collapse; padding:5px; text-align:center;}

.table .th td{ background-color:#efefef; text-align:center; line-height:18px !important; }
.tnb td{ border:0; }
.table .tl{ text-align:left;}
#list p{ margin:0;border:1px #ccc dotted; margin-bottom:2px; line-height:20px; height:28px;}
#list a{ float:left; padding:0 1em; background-color:#f1f1f1;line-height:28px; height:28px; margin-right:1em; border-right:1px #ccc dotted;}
#list span{ float:right; padding:0 1em; background-color:#f1f1f1;line-height:28px; height:28px; margin-left:1em; border-left:1px #ccc dotted; cursor:pointer;}
#muw{ display:none;}

.treeico{ display:inline-block; height:100%; width:20px; text-align:right; margin-right:5px; background-image:url(../images/dot_y.png); background-position:15px 0; background-repeat:repeat-y;}
.treeico:after{ content:"+"; width:10px; text-align:center; display:inline-block; background-color:#fff; height:10px; line-height:8px; margin:0 auto; font-size:10px; box-shadow:0 0 3px rgba(0,0,0,.3); overflow:hidden; border:1px #666 solid; border-radius:3px;}
.tree1{ width:20px;}
.tree2{ width:40px;}
.tree3{ width:60px;}
.tree4{ width:80px;}
.tree5{ width:90px;}
.tree6{ width:100px;}
.tree7{ width:120px;}
.tree8{ width:140px;}
.tree9{ width:160px;}
.tree10{ width:180px;}
.del_label{ display:inline-block; border:1px #333 solid; cursor:pointer; box-shadow:0 0 3px rgba(0,0,0,.3); padding:4px 0.5em; margin:3px;}
.del_label:before{ content:"x"; padding:2px;margin-right:5px;}