body,html,form,ul {margin:0;padding:0;font-size:14px;font-family:Microsoft Yahei;color:#222;
}
body{background:#f8f8f8;}
.section_80p{width:80%;background-color:#fff;border:1px solid #dadada;min-height:500px;
             padding-bottom:20px;border-radius:8px;margin:0 auto;}
ul{list-style-type:none;}
.top{position:fixed;top:0px;height:80px;width:100%;background-color:#6ebde2;
     border-bottom:5px groove #d1e5ff;}
.middle{width:100%;margin-top:85px;margin-bottom:55px;}
.bottom{position:fixed;bottom:0px;height:50px;width:100%;background-color:#6ebde2;
        border-top:2px groove #d1e5ff;z-index:0;}
.alert-message-box{position:fixed;
                   bottom:0px;
                   right:0px;
                   overflow:auto;
                   z-index:1;                   
                   height:300px;min-width:220px;                   
                   background:#ffffff;
                   border:3px solid #6ebde2;border-bottom:0px;padding:10px;border-radius:8px 0px 0 0;}
.alert-message-box-big{position:fixed;
                   bottom:0px;
                   right:0px;
                   overflow:auto;
                   z-index:1;                   
                   height:600px;min-width:220px;                   
                   background:#ffffff;
                   border:3px solid #6ebde2;border-bottom:0px;padding:10px;border-radius:8px 0px 0 0;}

.alert-message-box-title{position:fixed;
                         bottom:220px;
                         width:150px;
                         right:80px;
                         background:#ffffff;
                         }
.alert-message-box-content{}
.alert-message-box-content p{margin:2px 5px;}
.alert-message-box h3{margin:0px;}
.alert-close{position:fixed;
             right:1px;
             bottom:320px;
             background:Red;
             color:#fff;
             font-weight:bolder;             
             }
.alert-close-big{position:fixed;
             right:1px;
             bottom:620px;
             background:Red;
             color:#fff;
             font-weight:bolder;             
             }
.alert-addsize{
    position:fixed;
             right:120px;
             bottom:322px;
             background:#dadada;
             color:#000;
             font-weight:bolder; 
             border:solid 1px #dedede; 
}
.alert-reducesize{
    position:fixed;
             right:220px;
             bottom:620px;
             background:#dadada;
             color:#000;
             font-weight:bolder;  
}

.login_inf{position:fixed;right:10px;top:60px;border:3px solid #ffffff;border-radius:8px;
           background:#f38c11;}

.login_inf li{display:inline-block;color:#ffffff;margin:5px;}
.login_inf a{color:#fff;}
.login_inf .UserName{background:url('../Images/Engineer.png') no-repeat left;padding-left:20px;margin-left:10px;margin-right:20px;}
.login_inf .AccountManage{background:url('../Images/icon_card.gif') no-repeat left;padding-left:20px;}
.login_inf .MenuControl{background:url('../Images/8.png') no-repeat left;padding-left:20px;}
.login_inf .LoginOut{background:url('../Images/Quit.png') no-repeat left;padding-left:20px;margin-right:10px;}
.document{background:url('../Images/icon_card.gif') no-repeat left;padding-left:20px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.alert_gray{color:#888;}
.alert_green{color:Green;}
.alert_red{color:Red;}

.txt_datetime{background:url('../Images/Calender.png') no-repeat right;text-align:left !important;}

.textarea1{min-height:100px;width:90%;text-align:left;padding:5px;margin-top:5px;
           font-family:Microsoft Yahei;border-radius:8px;border:1px solid #dedede;}

.main{width:80%;margin:0 auto;background-color:#fff;border:1px solid #dadada;min-height:500px;
             padding-bottom:20px;border-radius:8px;margin:0 auto;}

a{text-decoration:none;color:#222;}
a:hover{font-weight:bold;}

.sub-menu{margin:0 auto;margin-bottom:10px;font-size:18px;}
.sub-menu ul{text-align:center;}
.sub-menu li{display:inline-block;font-size:13px;
                    margin:20px;text-align:center;
                    border:1px solid #dedede;
                    border-radius:8px;
                    padding:10px 20px;}
.sub-menu li img{width:100px;height:100px;}

.sub-menu li:hover{border:1px solid red;}

.erp-top-menu-list{margin-bottom:10px;font-size:18px;}
.erp-top-menu-list ul{width:90%;margin:0 auto;margin-top:100px;text-align:center; }
.erp-top-menu-list li{display:inline-block;font-size:16px;margin:20px;padding:10px;
                      background:#f38c11;border-radius:8px;
                      }
.erp-top-menu-list li img{margin-left:10px;}
.erp-top-menu-list a{color:#222;display:block;width:100px;padding:40px 0px; border-radius:8px;
                     text-align:center;background:#f8f8f8;
                     border:2px groove #ffffff;font-size:13px !important;
                     }
.erp-top-menu-list a:hover{font-weight:bold;background:#f38c11;color:#ffffff;}

.mail_new{background:url('../Images/Newmail.png') no-repeat 2px;padding:3px 0px 3px 30px;border:0px;margin:2px;font-size:14px;font-family:Microsoft Yahei;}
.mail_inbox{background:url('../Images/inbox.png') no-repeat 2px;padding:3px 0px 3px 30px;border:0px;margin:2px;font-size:14px;font-family:Microsoft Yahei;}
.mail_outbox{background:url('../Images/outbox.png') no-repeat 2px;padding:3px 0px 3px 30px;border:0px;margin:2px;font-size:14px;font-family:Microsoft Yahei;}
.mail_draftbox{background:url('../Images/Draftmail.png') no-repeat 2px;padding:3px 0px 3px 30px;border:0px;margin:2px;font-size:14px;font-family:Microsoft Yahei;}
.btn_choose{background:url('../Images/btn_add.png') no-repeat 2px;padding:3px 0px 3px 30px;border:0px;margin:2px;font-size:14px;font-family:Microsoft Yahei;}


.public_menu{text-align:right;margin:10px;font-size:14px;}
.refresh{background:url('../Images/refresh.gif') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:2px;font-size:14px;font-family:Microsoft Yahei;}
.list{background:url('../Images/list.png') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:2px;font-size:14px;font-family:Microsoft Yahei;}
.update{background:url('../Images/update.png') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:2px;font-size:14px;font-family:Microsoft Yahei;}
.add{background:url('../Images/btn_add.gif') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:2px;font-size:14px;font-family:Microsoft Yahei;}
.cancel{background:url('../Images/Quit.png') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:2px;font-size:14px;font-family:Microsoft Yahei;}
.edit{background:url('../Images/btn_edit.gif') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:2px;font-size:14px;font-family:Microsoft Yahei;}
.del{background:url('../Images/delete.png') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:2px;font-size:14px;font-family:Microsoft Yahei;}
.back{background:url('../Images/back.gif') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:2px;font-size:14px;font-family:Microsoft Yahei;}
.status{background:url('../Images/status.png') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:2px;font-size:14px;font-family:Microsoft Yahei;}
.save{background:url('../Images/save.gif') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:2px;font-size:14px;font-family:Microsoft Yahei;}
.print{background:url('../Images/print.png') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:2px;font-size:14px;font-family:Microsoft Yahei;}
.sign{background:url('../Images/sign.png') no-repeat 10px;padding:12px 20px 12px 60px;border:3px groove #fff;margin:2px;font-size:14px;font-family:Microsoft Yahei;
      background-color:#f2f2f2;border-radius:8px;}
.Pmenu{background:url('../Images/pmenu.png') no-repeat center;width:98%;height:25px;display:block;
       border:0px dotted #dedede;font-family:Microsoft Yahei;text-align:center;
       border-radius:5px;}
.Pmenu:hover{border:1px solid #d1e5ff;}
.checkprice{background:url('../Images/Engineer.png') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:1px;font-family:Microsoft Yahei;}
.file_folder{background:url('../Images/file_folder.png') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:1px;font-family:Microsoft Yahei;}
.document{background:url('../Images/icon_card.gif') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:1px;font-family:Microsoft Yahei;}
.money{background:url('../Images/money.png') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:1px;font-family:Microsoft Yahei;}
.engineer{background:url('../Images/Engineer.png') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:1px;font-family:Microsoft Yahei;}
.buy{background:url('../Images/buy.png') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:1px;font-family:Microsoft Yahei;}
.sales{background:url('../Images/sales.png') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:1px;font-family:Microsoft Yahei;}
.reg{background:url('../Images/reg.png') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:1px;font-family:Microsoft Yahei;}
.view{background:url('../Images/icon_card.gif') no-repeat center;font-size:14px;font-family:Microsoft Yahei;
            padding:3px 20px;border-radius:5px;}

.btn_ok{background:url('../Images/icn_ok.gif') no-repeat 5px;font-size:14px;font-family:Microsoft Yahei;
            padding:5px 10px 5px 25px;border-radius:5px;border:1px solid #dedede;
            background-color:#e3efff;}
.btn_no{background:url('../Images/ico_no.png') no-repeat 5px;font-size:14px;font-family:Microsoft Yahei;
            padding:5px 10px 5px 25px;border-radius:5px;border:1px solid #dedede;
            background-color:#e3efff;}
.send{background:url('../Images/send.png') no-repeat 2px;padding:3px 0px 3px 20px;border:0px;margin:2px;font-size:14px;font-family:Microsoft Yahei;}
.OpenAlert{background:url('../Images/goTop.png') no-repeat center;
           padding:30px;border:1px solid #dedede;border-radius:8px;
           }

.btn{padding:5px 10px;margin:10px;font-size:14px;}
.btn_search{background:url('../Images/btn_search.gif') no-repeat 5px;font-size:14px;font-family:Microsoft Yahei;
            padding:5px 10px 5px 25px;border-radius:5px;border:1px solid #dedede;
            background-color:#e3efff;}
.btn_edit{background:url('../Images/btn_edit.gif') no-repeat 5px;margin:10px;font-size:14px;font-family:Microsoft Yahei;
          padding:5px 10px 5px 25px;border-radius:5px;border:1px solid #dedede;
          background-color:#e3efff;}
.btn_save{background:url('../Images/save.gif') no-repeat 5px;margin:10px;font-size:14px;font-family:Microsoft Yahei;
          padding:5px 10px 5px 25px;border-radius:5px;border:1px solid #dedede;
          background-color:#e3efff;}
.btn_back{background:url('../Images/back.gif') no-repeat 5px;margin:10px;font-size:14px;font-family:Microsoft Yahei;
          padding:5px 10px 5px 25px;border-radius:5px;border:1px solid #dedede;
          background-color:#e3efff;}
.btn_close_top{border:1px solid #dedede;background:url('../Images/ico_no.png') no-repeat center;
               float:right;padding:2px 15px;border-radius:3px;font-size:14px;font-family:Microsoft Yahei;}


.ddl_style{border:1px solid #dedede;border-radius:5px;margin:0px;height:30px;}
.txt_50{height:25px;width:50px;border-radius:5px;padding-left:5px;border:1px solid #dedede;}
.txt_100{height:25px;width:100px;border-radius:5px;padding-left:5px;border:1px solid #dedede;}
.txt_200{height:25px;width:200px;border-radius:5px;padding-left:5px;border:1px solid #dedede;}
.txt_300{height:25px;width:300px;border-radius:5px;padding-left:5px;border:1px solid #dedede;}
.txt_400{height:25px;width:400px;border-radius:5px;padding-left:5px;border:1px solid #dedede;}
h3{font-size:18px;
    padding:10px 0;
    border-bottom: 1px solid #ea7b46;
    padding-left: 20px;
    background: url('../Images/Title.png') no-repeat 8px 16px;
    padding-bottom: 5px;}

h5{display:block;text-align:left;background:url('../Images/Title.gif') no-repeat left;
    padding-left:15px;color:Gray;}


.text_title{display:inline-block;text-align:left;background:url('../Images/Title.gif') no-repeat left;
            margin-left:10px; padding-left:15px;color:Gray;}
.menu_guide_page{width:80%;background-color:#fff;border:1px solid #dadada;border-radius:8px;margin:0 auto;}
.menu_guide_page ul{margin:0 auto;width:100%;text-align:center;}
.menu_guide_page li{display:inline-block;border:1px solid #dedede;border-radius:5px;padding:5px 20px;margin:20px;}

.table1 {margin:0 auto;background-color:#a4bed4;font-size: 12px;}
.table1 th {BORDER-left: #FFFFFF 1px solid;BORDER-top: #FFFFFF 1px solid;height:27px;color:#000;
            background-image: url(../images/th_bg.gif);background-repeat:repeat-x;background-color: #d2e6fe;}
.table1 tr {background-color:#ffffff;height:27px;}
.table1 tr.BGCgray {background-color:#e3efff;}
.table1 td{text-align:center;height:27px;}

.table3 {border-right:1px solid #D1E5FF;border-bottom:1px solid #D1E5FF;border-radius:8px 8px 0 0;}
.table3 th {BORDER-left: #D1E5FF 1px solid;BORDER-top: #D1E5FF 1px solid;padding:6px;color:#222;
            background-image: url(../images/th_bg.gif);background-repeat:repeat-x;}
.table3 td{text-align:center;
           border-left:1px solid #D1E5FF;
           border-top:1px solid #D1E5FF;
           padding:5px;
           background:#fff;}
.table2 {border-right:2px groove #fff;border-bottom:2px groove #fff;background:#fff;border-radius:8px 8px 0 0;}
.table2 th {BORDER-left: #fff 2px groove;BORDER-top: #fff 2px groove;padding:6px;color:#222;
            background-image: url(../images/th_bg.gif);background-repeat:repeat-x;}
.table2 td{text-align:center;
           border-left:2px groove #fff;
           border-top:2px groove #fff;
           padding:5px;
           height:27px;
           } 
.td_title{background:#f2f2f2;text-align:right !important;}         
.page{text-align:center;margin:20px 0;border-top:0px solid #dedede;padding:5px;}           
.page a{border:1px solid #dedede;padding:2px 5px;border-radius:5px;display:inline-block;color:#222;}
.page a:hover{background-color:#f38c11;color:#fff;}

.li-item{padding:2px 0 2px 15px;margin-left:5px;background:url('../Images/arrow.gif') no-repeat left; font-weight:normal;}

.li_title{display:inline-block; padding:8px 20px;background:url('../Images/arrow.gif') no-repeat right;                            
                             border:0px solid #dedede;border-radius:5px;margin-right:10px;
                             font-weight:normal;}


/*项目管理*/

.project-list{width:80%;min-height:600px;margin:0 auto;background-color:#fff;border-radius:8px;border:1px solid #dadada;padding:0 2px;}
.Project-Menu{text-align:center;margin:50px;}
.Project-Menu a{display:inline-block;border:1px solid #dedede;border-radius:8px;padding:5px 20px;
                margin:10px;text-align:center;background:#fff;}
.Project-Menu a:hover{border:1px solid Red;}
.search{text-align:left;margin:10px 0;color:#888;float:left;}
.btn_SelectedProject{border-radius:5px;border:1px solid #dedede;height:15px;background-color:#fff;padding:10px;}
.btn_SelectedProject_Selected{border-radius:5px;border:1px solid #dedede;padding:10px;
                              background-color:#fff;background:url('../Images/icn_ok.gif') no-repeat center;}
.view_project_info{border:2px groove #fff;border-radius:8px;width:80%;margin:0 auto;margin-top:20px;}
.view_project_info li{display:block;margin:10px;background:url('../Images/Title.gif') no-repeat left;}
.view_project_info .li_title{display:inline-block; padding:8px 20px;background:url('../Images/arrow.gif') no-repeat right;                            
                             border:0px solid #dedede;border-radius:5px;margin-right:10px;
                             font-weight:bold;}

.add_new_project li{display:block;margin:10px;background:url('../Images/Title.gif') no-repeat left;}
.add_new_project .li_title{display:inline-block; padding:8px 20px;background:url('../Images/arrow.gif') no-repeat right;                            
                           border:0px solid #dedede;border-radius:5px;margin-right:10px;
                           font-weight:bold;}
/*用户详细信息*/
.UserDetails{width:80%;margin:0 auto;background-color:#fff;border-radius:8px;border:1px solid #dadada;padding:0 2px;}  


/*工资管理*/

.salaryadmin_yearAndmonth{text-align:center;background-color:#d1e5fe;margin:0 auto;padding:0px;border-radius:8px;}

.salaryadmin li{display:inline-block;width:150px;text-align:center;margin:10px 0px;}
.salaryadmin ul{border-left:1px solid #ffffff;border-right:1px solid #ffffff;width:320px;margin:0 auto;}
.salaryadmin input{text-align:center;}
.salary_table input{text-align:center;}
.salaryadmin .title{text-align:center;font-size:16px;margin:50px;}
.salaryadmin .title_mysalary{text-align:center;font-size:20px;margin:20px;}
.salary_user{border:0px solid #dedede;text-align:center;margin:10px;}
.salary_table{padding:10px;}
.salary_table .table1{border:1px solid #dedede;}

.salary_user li{display:inline-block;}
.salary_user .btn{margin:40px 10px;}
.salary_none{margin:50px;}
.Img_UserSign{width:120px;}
.Salary_Return{text-align:center;}
.Salary_Return p{margin:10px;}
.salary_return_box{width:400px;height:100px;}


.base_salary_setting{margin-top:50px;border-top:1px dotted #dedede;padding:20px;}
.base_salary_setting input{text-align:center;}
.base_salary_setting .btn{margin-top:20px;}   


.system-function li{border:1px solid #dedede;display:inline-block;padding:0px;
                    text-align:center;border-radius:8px;margin:10px;}
.system-function li:hover{border:1px solid #ea7b46;}

.system-function .functionname{text-align:center;padding:5px 30px;margin:0;display:block;background:#ea7b46;color:#ffffff;
                               border-radius:8px 8px 0 0;text-align:center;}

.stock{width:80%;margin:0 auto;}
.stock-in ul{margin:10px;background:#fff;padding:10px;border-radius:8px;border:2px groove #fff;}
.stock-in li{margin-top:10px;}
.stock-view{margin:10px;background:#fff;padding:10px;border-radius:8px;border:2px groove #fff;} 
.stock-view ul{display:inline-block;}  
.stock-view li{margin:10px;}
.stock-photo{position:fixed;
             right:50px;
             top:80px;
             border:1px solid #dedede;border-radius:8px;} 
.stock-photo img{max-height:180px;border-radius:8px;} 
.stock-record ul{margin:10px;}   
.stock-record li{margin:10px;font-size:12px;} 
.stockIn-icon,.stockOut-icon{border:1px solid #dedede;background:#f38c11;color:#fff;padding:5px 20px;border-radius:5px;margin:5px 20px;}   

.web a{display:inline-block;text-align:center;border:1px solid #dedede;border-radius:8px;padding:10px;margin:20px;}  
.web a img{width:100px;height:100px;}     


.AD{margin:0;border:1em groove #fff;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;} 
.AD-list-title
{
   margin:0px;
   font-size:4em;
   color:White;
   padding:0.5em 0.8em;
   background:#3f51b5;   
   }    
.AD-list{margin-bottom:3em;padding:0.5em;} 
.AD-list-time{color:Gray;padding-right:1em;text-align:right;}
.AD-list-content{padding:0em;text-align:justify;} 
.AD-list-content img{max-width:90%;border-radius:1em;}