/* 全局样式 整整齐齐 */
html {height: 100%;}
body {margin: 0px; height: 100%; display: flex; flex-direction: column;}
body .main {width:760px; margin:0 auto; flex: 1 0 auto;}
header {width: 100%; background: #333; border-top: solid #ccc 1px; border-bottom: solid #ccc 1px; flex: 0 0 auto;}
footer {width: 960px; margin:0 auto; text-align:center; flex: 0 0 auto;}
footer .copyright {font-size: 14px;}
nav {width: 960px; margin: 0px auto; padding: 0px;}
nav ul{margin: 0px; padding: 0px; display: inline-block; vertical-align:middle;}
nav ul li{margin: 0px; padding: 0px; float: left; list-style-type: none;} /* float: left 一级菜单靠左浮动，即横排 */
nav ul li a, nav ul li a:visited{line-height:60px; color: #aaa; text-decoration: none; margin: 0px 20px;} /* line-height 与 vertical-align:middle 联用，实现垂直居中，不管哪个是父还是子 */
nav ul li a:hover{color: #fff;}
nav ul li ul{padding-bottom: 10px; display: none; position: fixed; background: #333;} /* 隐藏 */
nav ul li:hover ul{display: block;} /* 取消隐藏 */
nav ul li ul li{float: none} /* 二级菜单取消浮动，即竖排 */
nav ul li ul li a{line-height:35px;}
/* 全局样式 零零碎碎 */
.nav-logo {width: 31px; height: 31px; padding: 0px; margin: 0px 20px; vertical-align: middle; opacity: 0.5; transition: opacity 1s;}
.nav-logo:hover {opacity: 1;}
.nav-right{float: right;}
.vertical-line
{
width: 1px;
height: 28px;
background: #242424;
border-right: solid #474747 1px;
display: inline-block;
vertical-align: middle;
user-select:none; /* 禁止选择 */
-moz-user-select:none;
-webkit-user-select:none;
}
.hiddend {display:none;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.page_break {width: 760px; height: 30px;}
#Control_Area {margin:0 auto; padding-top: 8px;}
#Control_Area div {display:inline-block;}
#Control_Area #FileStatus_Order {width: 200px; margin-right: 100px;}
#Control_Area #FileStatus_Work {width: 200px; margin-right: 100px;}
#Control_Area #Special_Materials_Status_Order {width: 540px; margin-right: 100px;}
#Control_Area .panel {width: 146px; font-size: 14px; text-align:center;}
#Hidden_Area {display: none;}
/* 思路不对，几张表格要有自己独立的 css 系统；但是相同元素又可以通用部分标准 CSS 样式 */
/* 工单样式 公共部分 */
.ticket_page {display: flex; flex-wrap: wrap; margin-top: 30px;} /* 设置一点上边距距离，免得无法完整打印 */
.ticket_page .ticket_wrap {border: 1px dashed #CCC;} /* 创建一个虚线外框，便于裁剪 */
.ticket_page .ticket_wrap .ticket_table {width:358px; margin: 10px; border-collapse: collapse;} /* 创建一个表格，表格跟外框要有 10px 的距离 */
.ticket_page .ticket_wrap .ticket_table th,td {border: 1px solid #000; padding: 5px; font-size: 16px;} /* 设置表格内字体大小 */
.ticket_page_hide {display: none;}
/* 工单样式 私有部分 */
.ticket_page .ticket_wrap .ticket_table .pre {width:48px; font-size:32px; text-align:center;}
#Processing_Ticket_Templet {display:none;}
#Outsourcing_Ticket_Templet {display:none;}
/* 报表样式 公共部分 */
.report_page {margin:0 auto;}
.report_page .caption-small {width:100%; text-align:center; font-family:楷体; font-size: 16px; margin-top: 65px; letter-spacing: 0px;}
.report_page .caption-small div {display:inline-block; letter-spacing: 20px;}
.report_page .caption-large {width:100%; text-align:center; font-family:楷体; font-size: 45px; margin: 20px 0px 40px 0px; letter-spacing: 0px;}
.report_page .caption-large div {display:inline-block; letter-spacing: 38px;}
.report_page table.summary {width:100%; padding-top: 50px; margin:0 auto; table-layout: fixed;}
.report_page table.summary td {font-family:微软雅黑; font-size: 16px; border-style: none;}
.report_page .page_break {margin:0 auto; height: 30px; text-align: center;}
.report_page table thead td {border: 0px;}
.report_page_hide {display: none;}
.report_page_break {margin:10px auto;}
.report_page_break div {text-align: center; font-family:楷体; font-size: 14px;}
.report_page_break .break_header {page-break-before: always; margin-top: 30px;}
/* 报表样式 私有部分 */
#Delivery_Page {width:720px;}
#Delivery_Page #delivery_item_templet {display: none;}
#Delivery_Page table {width:100%; table-layout: fixed; border-collapse: collapse; margin-top: 0px;}
#Delivery_Page table tr {height: 50px;}
/* 表格宽度控制 */
#Delivery_Page table thead td.col_01 {width: 22%;}
#Delivery_Page table thead td.col_02 {width: auto;}
#Delivery_Page table thead td.col_03 {width: 6%;}
#Delivery_Page table thead td.col_04 {width: 6%;}
#Delivery_Page table thead td.col_05 {width: 18%;}
#Delivery_Page table thead td.col_06 {width: 10%;}
/* 表格宽度控制 */
#Delivery_Page table tbody td {font-size: 16px; text-overflow: ellipsis; border: 1px solid #000; padding: 4px;}
#Delivery_Page .order_number {width: 85px; text-align: center;}
#Delivery_Page .quantity {width: 32px; text-align: center;}
#Delivery_Page .unit {width: 32px; text-align: center;}
#Delivery_Page .case_code {width: 64px; text-align: center;}
#Delivery_Page .notes {width: 100%; font-family:楷体; font-size: 14px; margin: 0px auto;}
#Delivery_Page .notes div {width:50%; display: inline-block;}
#Delivery_Page .notes input {width:20px; text-align:center; outline-style: none; border: 0px;}
#Quality_Page {width:680px;}
#Quality_Page table {width:100%; table-layout: fixed; border-collapse: collapse;}
#Quality_Page td.index {color: #aaa; font-family:黑体; font-size: 64px; text-align:center; vertical-align: top;}
#Quality_Page td.material_cap {text-align:right;}
/* 表格宽度控制 */
#Quality_Page table thead td.col_01 {width: 14%;}
#Quality_Page table thead td.col_02 {width: 14%;}
#Quality_Page table thead td.col_03 {width: 26%;}
#Quality_Page table thead td.col_04 {width: 10%;}
#Quality_Page table thead td.col_05 {width: 36%;}
/* 表格宽度控制 */
/* 最底下三个 div */
.report_page .quality_results {width:100%; margin-top: 40px;}
.report_page .company_name {width:100%; text-align:right; margin-top: 30px;}
.report_page .sign_date {width:100%; text-align:right; margin-top: 10px;}
#quality_item_templet {display:none;}
table.quality_item {margin-top: 10px;}
/*
table thead tr td {font-family:楷体; font-size: 14px; padding-bottom: 12px;}
table tbody tr td, th{font-size: 12px; border: 1px solid #000; padding: 4px;}
table.right-table {width:350px; background-color: aquamarine; border-left: 50px;}
table {width:100%; border-collapse: collapse; table-layout: fixed;}
table .width-contral {height: 1px; padding: 0px;}
table .ellipsis {white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
*/