::-webkit-scrollbar
{
width: 10px;
height: 10px;
background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
background-color: #555;
}
body{background: #8A8888;}
span{color: red;}

#feedback{display: none; width: 1590px; height: 900px;  padding:  0px; 
	position: fixed; top: 50px; background: #474747; z-index: 10; margin: auto; overflow: auto; } 
#auto_update_feedback{display: none; width: 300px; height: auto;   position: fixed; background: red; z-index: 10; color: white; line-height: 30px; padding: 5px; font-size: 16px; } 

#feedback table  tr td  {height: auto; line-height: 40px;}
#feedback table  tr td  input {width: 200px; height: 36px; line-height: 36px; text-align: left; font-size: 18px; border: none; border: 1px solid black; }
#feedback  table tr td  select {width: 200px; height: 40px; line-height: 40px; font-size: 24px;}
#feedback  table tr td img{display:none; height: 100px; width: auto; ;}
#feedback  table tr td .hide_show {width: 60px; margin-right: 5px; color: red; float: right; line-height: 40px; height: 40px;  text-align: center;}
#feedback  table tr td .details_button {width: 80px; color: red;}
#updatefeedback{display: none; width: 1590px; height: auto;max-height: 900px;  padding:  0px; position: fixed; top: 50px; background: #474747; z-index: 10; margin: auto; overflow: auto; } 

#updatefeedback{display: none; width: 1590; height: 900px; position: fixed; top: 50px; background: #474747; z-index: 10; margin: auto; overflow: auto; padding: 0px;}
#updatefeedback tr td  input {width: 80px; height: 35px; line-height: 35px; text-align: center; font-size: 18px; border: none; }
#updatefeedback tr td   span {color: red;}


.middle_agent_div{width: 1590px; height: auto; margin: 0px auto; position: relative; padding: 0px;   background: white; float: left;}

#search_feedback_table{width:1570px; height: auto; overflow: auto; background: white; border-top: 1px black solid; border-left: 1px black solid; margin: 0px auto; margin-bottom: 50px;}
#search_feedback_table tr {width:1570px;  }
#search_feedback_table tr  td { border-bottom: 1px black solid; border-right: 1px black solid; line-height: 36px; height: 36px; padding: 2px 10px; }
#search_feedback_table tr  td  .up_button {width:100px; line-height:40px;  height:40px; background:yellow; text-align: center; margin-right: 20px;}
#search_feedback_table tr :hover{background: #CCC8C8;color: red;}
.no_data{color: red; font-size: 28px; text-align: center;}




.wrapper{width: 1800px; height: auto; margin: 0px auto; position: relative; padding: 5px;; }


#menu {width: 1800px; height: auto;float: left;  padding: 0px; z-index: 1; position: fixed; top: 0px; background: #DFD8D8;  }
#menu> ul {width: 1800px; height: auto; padding: 0px; margin: 0px;}
#menu >ul >li {list-style: none; height: 48px; line-height: 48px; font-size: 20px; padding: 0px 10px; width: auto; float: left; position: relative;  border-right: 1px solid red;}
#menu > ul> li a  { text-decoration: none;}
#menu >ul li input {text-align: left; height: 30px; width: 150px; font-size: 16px; }

#menu ul li > ul {position: absolute; top: 48px; left: 0px;  color: black; width: 640px; height: auto; z-index: 2; display: none; padding: 0px; background: #F0EFEF;}
#menu ul li > ul li {list-style: none; float: left; margin-right: 5px; margin-bottom: 5px; height: 30px; line-height: 30px; padding: 5px 10px; width: 130px;  border-bottom: 1px solid black; overflow: hidden;}



#menu ul li > #clients_menu  {width: 320px;}
#menu ul li > #clients_menu > li {height: 40px; line-height: 40px; font-size: 24px; padding: 0px 4px; width: 140px; margin-right:10px;}
#menu >ul li:hover #clients_menu{display: block;}


#menu ul li > ul li:hover {background: black; color: red;}
#menu ul li > ul li span {color: red; display: block; float: right;}



#menu ul li > #invoice_menu  {width: 200px;}
#menu ul li > #invoice_menu li {width: 180px;}
#menu ul li > #other_menu  {width: 200px;}
#menu ul li > #other_menu li {width: 180px;}




#menu >ul li:hover #orders_menu{display: block;}
#menu >ul li:hover #invoice_menu{display: block;}
#menu >ul li:hover #other_menu{display: block;}







#left-menu{width: 200px; height: auto; float: left; margin: 0px; padding: 0px; background: white; position: fixed;}
#left-menu p{text-align: center; font-size: 18px; font-weight: 900;}
#left-menu ul {width: 200px; height: auto; float: left; margin: 0px; padding: 0px;}
#left-menu ul li {width:190px; padding: 0px 5px; margin-bottom: 5px; margin-top: 0px; float: left; list-style: none; border-top: 1px solid black; height: 40px; line-height: 40px; font-size: 18px; }
#left-menu ul li a{text-decoration: none;}
#left-menu ul li span {float: right; width: 50px;  }
#left-menu ul li:hover {background: grey;}


.content{ width: 1800px; float: left;margin: 0px; padding: 0px; margin-top: 10px; margin-top: 38px;}


.data{width: 1590px; margin: 0px; float: right; padding: 0px; background: white; z-index: 2;  }


.invoice_data {width: 1588px; margin: 0px; float: left; padding: 0px;   border-top: 1px solid black;   border-left: 1px solid black;}
.invoice_data tr  {width: 1588px;  margin: 0px;}
.invoice_data tr:hover{background: #F3F0F0;}
.invoice_data tr td  { height: auto; line-height: 30px;   border-bottom: 1px solid black;   border-right: 1px solid black; text-align: left; padding: 2px 5px;}
.invoice_data tr td  input {width: 120px; height: 35px; line-height: 35px; text-align: center; font-size: 20px; border: none; margin-bottom: 5px;  color: red;}
.invoice_data tr td span {color: red;}
.reference_picture{height: auto; width: 150px; max-height: 150px; }


#close_feedback{width: 150px; line-height: 30px; height: 60px; padding: 5px; color: white; position: fixed;  background:rgba(255, 0, 0, 0.5); text-align: center; z-index: 800; font-size: 24px;}



#update{width: 1580px; height: auto; margin: 0px auto; margin-top: 0px; position: relative; padding: 0px;   background: white;}
#update table {width: 1580px;}
#update table tr  td {border-bottom: 1px solid black; border-right: 1px solid black; height: auto; line-height: 30px; padding: 1px 10px;}





#client_update{width: 1580px; height: auto; margin: 0px auto; margin-top: 0px; position: relative; padding: 0px;   background: white;}
#client_update table {width: 1580px;}
#client_update table tr  td {border-bottom: 1px solid black; border-right: 1px solid black; height: auto; line-height: 30px; padding: 1px 10px;}
#client_update table tr  td input {width: 300px; border:1px solid black; text-align:left;}
#client_update .up_button{width:120px;  height:50px; background:yellow; text-align: center; margin-right: 20px;}

#add_new_client { width: 1580px; height: auto; background: white;  z-index: 10; margin: 0px; float: left;padding: 0px;}
#add_new_client tr  {width: 1580px; border-top: 1px solid black; border-left: 1px solid black; }
#add_new_client tr td   {border-bottom: 1px solid black; border-right: 1px solid black;  height: 30px; line-height: 43px; padding: 5px 10px;  }
#add_new_client .left {width: 60px;}
#add_new_client .right{width: 350px; }
#add_new_client .right input {width: 350px;}
#add_new tr td .up_button{width:120px;  height:50px; background:yellow; text-align: center; margin-right: 20px;}


#add_new_order { width: 1600px; height: auto; background: white;  z-index: 10; margin: 0px; float: left;padding: 0px;}
#add_new_order tr  {width: 1596px; border-top: 1px solid black; border-left: 1px solid black; }
#add_new_order tr td   {border-bottom: 1px solid black; border-right: 1px solid black;  height: 30px; line-height: 43px; padding: 5px;  }
#add_new_order .add_left {width: 150px;}
#add_new_order .add_right{width: 280px;}
#add_new_order table tr  td input {width: 280px;}
#add_new_order tr td .up_button{width:120px;  height:50px; background:yellow; text-align: center; margin-right: 20px;}

#add_new_bill { width: 1580px; height: auto; background: white;  z-index: 10; margin: 0px; float: left;padding: 0px;}
#add_new_bill tr  {width: 1580px; border-top: 1px solid black; border-left: 1px solid black; }
#add_new_bill tr td   {border-bottom: 1px solid black; border-right: 1px solid black;  height: 30px; line-height: 43px; padding: 5px 10px;  }
#add_new_bill .add_left {width: 150px;}
#add_new_bill .add_right{width: 300px;}
#add_new_bill table tr  td input {width: 300px;}
#add_new_bill tr td .up_button{width:120px;  height:50px; background:yellow; text-align: center; margin-right: 20px;}


#ip_details { width: 1580px; height: auto; background: white;  z-index: 10; margin: 0px; float: left;padding: 0px;}
#ip_details tr  {width: 1580px; border-top: 1px solid black; border-left: 1px solid black; }
#ip_details tr td   {border-bottom: 1px solid black; border-right: 1px solid black;  height: 30px; line-height: 43px; padding: 5px 10px;  }
#ip_details tr  td input {width: 300px;}
#ip_details tr td .up_button{width:120px;  height:50px; background:yellow; text-align: center; margin-right: 20px;}




.thumb_pic_update {width: 1550px; margin: 0px; padding: 0px; height: auto; float: left;}
.thumb_pic_update li {width: 200px; height: auto; list-style: none;padding: 0px; float: left; margin-right: 5px; margin-bottom: 5px; border: 1px solid red; }
.thumb_pic_update li img {width: 200px;}

#update .right {width: 126px;}
#update .right input  {width: 100%; height: 30px; border-bottom: 2px solid red; text-align: left; background: #D3D0D0;}
#update .right select {width: 130px; height: 30px; border-bottom: 2px solid red; }
#update .right  option {width: 130px; height: 30px;}
#update .up_button{width:120px;  height:50px; background:yellow; text-align: center; margin-right: 20px;}




.footer{width: 1800px; margin: 0px; padding: 0px; float: left; height: 100px; background: #F0E6E6;}

#upload_bar{color: red; font-size: 28px;}

#backtop{width: 100px; height: 150px;  position: fixed; bottom: 0px; display: none; float: left;}
#backtop img{width: 100px; height: 150px;}

.bank_info{position: relative; padding: 5px 10px; width: 1330px; height: auto; float: left;}
.bank_info span {color: red;}

.balance_due {font-size: 20px; margin: 0px;  margin-left: 10px; margin-top: 20px;  padding: 0px; line-height: 40px; height: 40px;}
.balance_due span {color: red;}

#month_trend{width: 1500px; float: left; padding: 0px; height: 900px; background: white; }
.each_month{ height: 890px; padding: 0px; float: left; color: white; background: white; width: 20px; 
 line-height: 20px;  margin-left: 3px; border: 1px solid black;  }
.each_month:hover{background: grey;}

.each_month .data_div {width:20px; height:1px; float: left; background: blue;}
.each_month .padding_div {width:20px; height:1px; float: left; background: white;}

.each_month .number { margin: 0px; width: 20px; float: left; color: white; height: 110px; }
.each_month  .start  {margin: 0px;  width: 20px; float: left; color: white; height: 80px; }

.each_month .number p { padding-left: 10px;  margin-top: 35px; margin-left: -55px;  width: 120px; float: left; ; height: 20px;  transform: rotate(-90deg); transform-origin: center center; color: black;  }
.each_month  .start  p  { padding-left: 10px;  margin-top: 35px; margin-left: -35px;  width: 80px; float: left;  height: 20px; transform: rotate(-90deg); transform-origin: center center; color: black; }