@font-face {
    font-family: 'Iosevka';
    src: url("/images/iosevka.ttf");
}

body {
    font-size: 12px;
    background-color: #ffffff;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    color: #000000;
    font-family: "SimSun";
    /*font-family: "" "Iosevka","Arial Narrow", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;*/
}

#PageTitle
{
    display: none;
}

div, table {
    margin: auto;
    padding: auto;
}

td {
    font-size: 12px;
}


ul
{
	margin:0px;
	padding:0px;
}

li
{
    list-style:none;
}

input, select {
    font-family:"SimSun","宋体","Arial Narrow";
    /*font-family: "Iosevka","Arial Narrow", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;*/
}

select{
    height:20px;
}

a:hover 
{
	color:#0066CC;
	text-decoration: none;
}

a
{
	color:#000000;
	text-decoration: underline;
}

.MsgPageDiv {
    width: 400px;
    position: static;
    height: 200px;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}

.AddBtn, .DelBtn {
    border: 1px solid #0066ff;
    width: 18px;
    height: 18px;
}
.title 
{
    background-image: url(/images/headbg.jpg);
    color: #ffffff;
    font-size: 12px;
    font-weight:bold;
    text-align:center;
    line-height:25px;
    background-color:#0066ff;
}
.title a
{
    color: #ffffff;
    text-decoration:none;
}

.title a:hover
{
    color: #ffffff;
    text-decoration:underline;
}

.table_mobile
{
    width:95%;
}


.table_mobile tr {
    width:600px;
    display:flex;
}

    .table_mobile td{
        border:solid 1px #ccc;
        border-bottom:0;
        height:30px;
        display:block;
        text-align:center;
    }

    .table_mobile tr td:first-child {
        width: 60px;
        background-image: url(/images/headbg.jpg);
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        line-height: 30px;
        background-color: #0066ff;
        border-right:0;
    }

    .table_mobile tr td:last-child{
        flex-grow:1;
        border-right:solid 1px #ccc;
    }

    .table_mobile tr:last-child {
        border-bottom: solid 1px #ccc;
    }

    .table_mobile td.fullwidth {
        width: 100% !important;
        background-image: none !important;
        background-color: #eee !important;
        color: #0066ff !important;
    }

    .table_mobile input
    {
        width:98%;
        border:solid 1px #999;
        height:25px;
        margin:auto;
    }

        .table_mobile input[type=button], .table_mobile input[type=submit] {
            background-color: #3C6DBA;
            color: #fff;
            width: 80%;
        }

    .table_mobile select {
        width: 98%;
        border: solid 1px #999;
        height: 25px;
        margin: auto;
    }

.table_line
{
	clear:both;
	table-layout:fixed;
}

.ManageContent .table_line
{
	clear:none;
}

.table_line,.table_line td
{
    border:solid 1px #cccccc;
    border-collapse :collapse;
    font:9pt;
    word-break: break-all;
}
.table_line_title,.table_line_title td
{
    border:solid 1px #cccccc;
    border-collapse :collapse;
}
.DevelopmentStatus {
    table-layout: fixed;
}
.DevelopmentStatus, .DevelopmentStatus td {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    font: 9pt;
    word-break: break-all;
}
.PrintDiv td {
    border: 0;
}
.PrintDiv table
{
    border:1px solid #cccccc;
}

.TotalTR
{
	color:#003399;
    background-color:#f5f5f5;
}

.ProcessDiv
{
    width:200px;
    height:80px;
    overflow:hidden;
}

.DescriptionInput
{
	width:120px;
    height:80px;
}

.HightlightProcessDiv
{
    overflow-y:auto;
}

.hlight
{
	color:#003399;
}
.hlight a
{
	color: #003399;
	text-decoration:none;
}
.hlight a:hover{
	color: #003399;
	text-decoration:underline;
}
.UserPlate
{
    border:solid 1px #003366;
    background-color:#eeeeff;
    height:30px;
    line-height:30px;
    padding:0 10px 0 10px;
    text-align:right;
    color:#0066CC;
    position:relative;
    z-index:999;
    clear:both;
}
.UserPlate a
{
    color:#0066CC;
    text-decoration:none;
}
.UserPlate a:hover
{
    text-decoration:underline;
}
.MenuButton
{
    display:none;
}
.CounterInput, .SearchIconPC {
    float: left;
    display: flex;
    margin-top: 5px;
    cursor: pointer
}
#CounterInput {
    width:0px;
    display:none;
}
.nav {
    margin: 1px 10px 0 10px;
    border: solid 1px #eeeeee;
    height: 20px;
    line-height: 20px;
    text-align: left;
    color: #0066CC;
    padding: 2px 0 2px 0;
}
.nav a
{
    color:#0066CC;
}
.menu
{
    background-image: url(/images/menubg.jpg);
    text-align:center;
    position:relative;
    padding :0px;
    z-index:1000;
    display:flex;
    width:100%;
    /*height:30px;*/
}

.menu ul {
    margin: 0 auto 0 atuo;
    list-style-type: none;
    padding: 0;
}
.menu li
{
    float: left;
    display:inline;
    margin:0px;
    padding:0px;
    vertical-align:middle;
    position:relative;
    /*height:30px;*/
}
    .menu li a {
        display: inline-block;
        font-size: 12px;
        text-decoration: none;
        line-height: 30px;
        width: 60px;
        color: #FFFFFF;
        padding: 0px;
        margin-left: -1px;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        height: 30px;
        background-image: url(/images/menubg.jpg);
    }
.menu li a:hover
{
    color:#0066CC;
    background-image: url(/images/menubg2.jpg);
}
.menu li ul a:hover
{
    background-image: none;
    background-color:#eeeeee;
}
.menu li ul
{
	position:absolute;
	z-index:1001;
	display:none;
	left:-1px;
	top:30px;
}
.menu li ul li
{
	float: none;
	display:block;
}
    .menu li li a {
        margin: -1px 0 0 0;
        border: 1px solid #cccccc;
        background-color: #ffffff;
        color: #999999;
        height: 30px;
        background-image:none;
    }
.SearchNav
{
    height:24px;
    background-color:#f0f0f0;
    padding-left:20px;
    border:1px solid #ccc;
    padding-top:3px;
    display:none;
}
#NavKeywork{
    height:18px;
    width:120px;
    border:solid 1px #ddd;
}
.ManagePlate {
    float: left;
    width: 100px;
}
.ManagePlate .title
{
	cursor:pointer;
	margin-top:1px;
}
.ManagePlate ul
{
    list-style-type:none;
    margin:0;
}
.ManagePlate li
{
    margin:1px;
}
.ManagePlate a
{
    border:solid 1px #eeeeee;
    height:25px;
    line-height:25px;
    text-align:center;
    display:block;
    text-decoration:none;
}
.ManagePlate a:hover
{
    text-decoration:none;
    background:#eeeeee;
    color:#336699;
}
.ManageContent
{
    text-align:center;
}
.pages
{
    color: #999;
    width: 400px;
    height: 20px;
    text-align:center;
    position:absolute;
    left:300px;
    top:5px;
}
.pages a, .pages .cpb 
{ 
    text-decoration:none;
    float: left; 
    padding: 0 5px; 
    border: 1px solid #ddd;
    background: #ffffff;
    margin:0 2px; 
    font-size:11px; 
    color:#000;
}
.pages a:hover 
{ 
    background-color: #3C6DBA; 
    color:#fff;
    border:1px solid #3C6DBA; 
    text-decoration:none;
}
.pages .cpb 
{ 
    font-weight: bold; 
    color: #fff; 
    background: #3C6DBA; 
    border:1px solid #3C6DBA;
}
.pagestotal
{
    width:120px;
    text-align:center;
    line-height:18px;
    font-size:11px;
    color:#3C6DBA;
    position:absolute;
    left:100px;
    top:5px;
}
.PagerUI
{
	height:25px;
	position:relative;
	clear:both;
}
#Department
{
    float:left;
    margin:4px;
    height:25px;
    text-align:center;
    line-height:25px;
    border:solid 1px #0066cc;
    width:160px;
    position:relative;
    text-align:left;
    padding-left:4px;
    font-size:14px;
    color:#0066cc;
    z-index:0;
}


a.BoardButton
{
    display:block;
    text-decoration:none;
    float:left;
    margin:4px;
    height:25px;
    text-align:center;
    line-height:25px;
    border:solid 1px #0066cc;
    width:60px;
    position:relative;
    text-align:left;
    padding-left:4px;
    font-size:14px;
    color:#0066cc;
    z-index:0;
}

a.BoardButton:hover
{
    background-color:#eeeeff;
}

#SearchDiv
{
    float:left;
    margin:4px;
    height:25px;
    text-align:center;
    line-height:25px;
    border:solid 1px #0066cc;
    width:630px;
    position:relative;
    text-align:left;
    padding-left:4px;
    font-size:14px;
    color:#0066cc;
    z-index:50;
}

#ProcessSearchDiv
{
    float:left;
    margin:4px 4px 4px auto;
    height:25px;
    text-align:center;
    line-height:25px;
    border:solid 1px #0066cc;
    width:800px;
    position:relative;
    text-align:left;
    padding-left:4px;
    font-size:14px;
    color:#0066cc;
    z-index:50;
}

#TSearchDiv
{
    height:25px;
    text-align:center;
    line-height:25px;
    border:solid 1px #0066cc;
    width:880px;
    text-align:left;
    padding-left:4px;
    font-size:14px;
    color:#0066cc;
    position:relative;
    float:left;
    margin:4px 4px 4px auto;
    z-index:50;
}
#MyMoListSearchDiv
{
	text-align:center;
    line-height:20px;
    border:solid 1px #0066cc;
    width:850px;
    text-align:left;
    padding-left:4px;
    font-size:14px;
    color:#0066cc;
    position:relative;
    margin:5px auto 5px auto;
    z-index:50;
}
#OPListSearchDiv
{
    height:25px;
    text-align:center;
    line-height:25px;
    border:solid 1px #0066cc;
    width:1000px;
    text-align:left;
    padding-left:4px;
    font-size:14px;
    color:#0066cc;
    position:relative;
    margin:5px auto 5px auto;
    z-index:50;
}

#OPSerchDiv
{
    height:50px;
    text-align:center;
    line-height:25px;
    border:solid 1px #0066cc;
    width:1000px;
    text-align:left;
    padding-left:4px;
    font-size:14px;
    color:#0066cc;
    position:relative;
    margin:5px auto 5px auto;
    z-index:50;
}



#ProductNumber,#MONumber
{
    width:80px;
    margin-right:4px;
}
#PONumber,#ClientProductNumber,#Color,#Date1,#Date2,#ProductName,#MODate1,#MODate2,#Date3,#Date4
{
    width:100px;
    margin-right:4px;
}
#PartName {
    width: 80px;
}
#SearchDiv select, #ProcessAdvantageSearchDiv select, #ProcessSearchDiv select {
    width: 120px;
    margin-right: 4px;
}



#SearchButton, #SearchReturnButton,#SearchNavButton {
    width: 60px;
    color: #0066cc;
    background-color: #eeeeee;
    border: solid 1px #0066cc;
    line-height: 16px;
    cursor: pointer;
    height:18px;
}
#AddButton
{
    float:right;
    margin:4px 4px 4px auto;
    height:25px;
    font-size: 12px;
    text-align:center;
    line-height:25px;
    background-color:#eeeeee;
    border:solid 1px #0066cc;
    width:100px;
    color:#000000;
    vertical-align:middle;
    cursor:pointer;
}
#AddButton a
{
    display:block;
    width:100%;
    height:25px;
    text-decoration:none;
    color:#000000;
    line-height:25px;
}
#AdvantageSearchButton
{
    text-align:center;
    position:absolute;
    top:-1px;
    right:-1px;
    height:25px;
    width:80px;
    background-color:#eeeeee;
    border:solid 1px #0066cc;
    font-size: 12px;
    color:#000000;
    z-index:999;
    line-height:25px;
    vertical-align:middle;
    cursor:pointer;
}

#AdvantageSearchDiv
{
    position:absolute;
    z-index:998;
    top:24px;
    right:-1px;
    border-left:solid 1px #0066cc;
    border-right:solid 1px #0066cc;
    border-bottom:solid 1px #0066cc;
    width:630px;
    background-color:#ffffff;
    text-align:left;
    padding-left:4px;
    line-height:30px;
    padding-top:4px;
}

#ProcessAdvantageSearchDiv
{
    position:absolute;
    z-index:998;
    top:24px;
    right:-1px;
    border-left:solid 1px #0066cc;
    border-right:solid 1px #0066cc;
    border-bottom:solid 1px #0066cc;
    width:800px;
    background-color:#ffffff;
    text-align:left;
    padding-left:4px;
    line-height:30px;
    padding-top:4px;
    z-index:51;
}

#TAdvantageSearchDiv
{
    position:absolute;
    z-index:998;
    top:24px;
    right:-1px;
    border-left:solid 1px #0066cc;
    border-right:solid 1px #0066cc;
    border-bottom:solid 1px #0066cc;
    width:880px;
    background-color:#ffffff;
    text-align:left;
    padding-left:4px;
    line-height:30px;
    padding-top:4px;
    z-index:51;
}



#FieldSelectButton
{
    float:left;
    margin:4px;
    height:25px;
    font-size: 12px;
    text-align:center;
    line-height:25px;
    background-color:#eeeeee;
    border:solid 1px #0066cc;
    width:140px;
    position:relative;
    color:#000000;
    z-index:11;
    vertical-align:middle;
    cursor:pointer;
    
}
#FieldSelectDiv
{
    position:absolute;
    z-index:1000;
    top:25px;
    right:-1px;
    border:solid 1px #0066cc;
    width:140px;
    background-color:#ffffff;
    text-align:left;
}
#FieldSelectDiv ul
{
    list-style-type:none;
    margin:0 0 0 20px;
}
#FieldSelectDiv li
{
    height:18px;
    line-height:18px;
}
#OgnRow
{
    display:none;
}
.ImgButtonCell img
{ 
    display:block;
}
#QueryKeywordDiv
{
    clear:both;
    border:solid 1px #0066ff;
    margin:5px 100px 5px 100px;
    padding-left:20px;
    text-align:left;
    line-height:24px;
    height:24px;
    position:relative;
    z-index:10;
}
#QueryKeywordDiv a
{
    float:right;
    display:block;
    text-decoration:none;
}
#QueryKeywordDiv img{
    vertical-align:middle;
}
.SelectedDiv
{
    background-color:#ccccff;
}
.TransfusioList ul
{
    margin:0px;
    list-style-type:none;
}
.TransfusioList a
{
    text-decoration:none;
}
.TransfusioList a:hover
{
    text-decoration:underline;
}
a img
{
    border:0px;
}
#IndexPlate
{
    text-align:center;
    margin-top:100px;
}
#IndexPlate image
{
    border:0px;
}
#IndexPlate a
{
    display:inline-block;
    padding:5px;
    border:solid 1px #cccccc;
    background-color:#eeeeee;
    margin-right:20px;
}

#IndexPlate a:hover
{
    border:solid 1px #0066cc;
}

.RemindMsgDiv
{
    margin:2px 10px 2px 10px;
    border:solid 1px #ff6600;
    background-color:#ffeeee;
    padding-right:20px;
    text-align:right;
    line-height:20px;
}
.RemindMsgDiv a
{
    color:#ff0000;
}
.RemindScheduleDiv
{
    margin:2px 10px 2px 10px;
    padding-right:20px;
    text-align:right;
    line-height:20px;
	border:1px solid #ff9900;
	background-color:#FFEACA;
}
.RemindScheduleDiv a
{
    color:#ff6600;
}
#MsgBoxButton a
{
    display:inline-block;
    height:30px;
    width:100px;
    text-align:center;
    border:solid 1px #eeeeee;
    margin:5px;
    line-height:30px;
    font-size:14px;
    text-decoration:none;
}
#MsgBoxButton a:hover
{
    background-color:#eeeeff;
    border:solid 1px #cccccc;
}

#GroupUser ul,#GroupDepartment ul,.FieldsDiv ul
{
    margin:0px;
    padding:0px;
    float:left;
    list-style:none;
    width:500px;
}

#GroupUser li,#GroupDepartment li,.FieldsDiv li
{
    width:100px;
    height:22px;
    float:left;
    overflow:hidden;
}
.MONumberDiv
{
    position:relative;   
    height:80px;
    line-height:80px;
}
.MOButtonImgDiv
{
    position:absolute;
    top:48px;
    right:0px;
    z-index:1;
    line-height:17px;
    width:160px;
}
.ProductButtonDiv
{
    position:absolute;
    bottom:0px;
    z-index:1;
    line-height:17px;
    width:100px;
    left:0;
}
    .ProductButtonDiv img {
        vertical-align: middle;
    }
.MOButtonImgDiv img
{
	float:right;
}
.parenttr .nodebutton
{
    position:absolute;
    left:0px;
    bottom:0px;
    z-index: 99;
}
.nodebutton img {
    cursor: pointer;
}
.MOPatchQty {
    display: block;
    position: absolute;
    width: 120%;
    margin-left:-10%;
    cursor: pointer;
    z-index:99;
}
.MORemarkDiv {
    width: 120px;
    text-align: left;
    height: 80px;
    overflow-y: auto;
}
    .MORemarkDiv img{
        max-height:20px;
    }
    .MORemarkDiv div, .MORemarkDiv p {
        display: inline;
        margin-left:5px;
    }
.Trans_Img img {
    height: 18px;
    width: 18px;
}
.PageTitle
{
	font-size:14pt;
	font-family:黑体;
}
.ReportLink a
{
	display:block;
	border:solid 1px #eeeeee;
	background-color:#f9f9f9;
	float:left;
	width:80px;
	height:30px;
	text-decoration:none;
	margin:1px;
	line-height:30px;
	text-align:center;
}
.ReportLink a:hover
{
	background-color:#eeeeff;
	border-color:#006699;
}
.ddd
{
	filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);
}
.UnConfirm,.UnConfirm a
{
    color:#cccccc;
    text-decoration:none;
}
.Confirm,.Confirm a
{
    color:#FF0000;
    text-decoration:none;
}
.Confirm a:hover,.UnConfirm a:hover
{
	text-decoration:underline;
}
.MsgHead
{
	border:solid 1px #0066cc;
	background-color:#eeeeee;
	margin:10px;
	padding:5px;
	color:#0066cc;
}
.Warning
{
	background-color:#ff3333;
}
    .Warning input{
        background-color: #ff3333;
        border:solid 1px #ff9999;
    }

.PatchDiv {
    background-color: #FFEFD5;
}
    .PatchDiv .printicon{
        display:none;
    }

.VirtualPatchDiv {
    background-color: #EEEEEE;
    color: #cccccc;
}

    .VirtualPatchDiv  a{
        color: #cccccc;
    }

    .VirtualPatchDiv .printicon {
        display:inherit;
    }

.PPMODiv {
    background-color: #bbb;
    color: #000;
}

.QCReportDetail
{
    width:710px;
}
.QCReportDetail img{
    max-width: 710px;
}
#ToolsBox {
    border: 1px solid #ccccff;
    width: 150px;
    text-align: center;
    line-height: 25px;
    position: absolute;
    right: -1px;
    top: 31px;
    background-color: #ffffff;
    display: none;
}

#ToolsBox UL
{
	list-style:none;
}
#ToolsBox UL LI
{
	border-bottom:1px solid #eeeeee;
}
#ToolsBox a
{
	display:block;
	text-decoration:none;
	color:#999999;
	width:150px;
	
}
#ToolsBox a:hover
{
	background-color:#eeeeff;
	color:#0066cc;
}
.LinkButton,.LinkButtonDiv a
{
	color:#999999;
	background:#eeeeee;
	text-decoration:none;
	display:inline-block;
	line-height:20px;
	width:60px;
	border:1px solid #999999;
	text-align:center;
}
.UserPlate ul
{
	list-style-type:none;
}
.UserPlate li
{
	display:inline;
}
a.BalanceLink
{
	color:#ff9900;
	border:1px solid #ff9900;
	width:100px;
	height:22px;
	text-align:center;
	line-height:22px;
	display:inline-block;
	background-color:#FFEACA;
}
a.BalanceLink:hover
{
	color:#ff3300;
	border:1px solid #ff9900;
	background-color:#FFFFFF;
	text-decoration:none;
}
a.DelayLink
{
	color:#ff3333;
	border:1px solid #ff3333;
	width:100px;
	height:22px;
	text-align:center;
	line-height:22px;
	display:inline-block;
	background-color:#FFeeee;
	text-decoration:none;
}
a.DelayLink:hover
{
	color:#ff0000;
	border:1px solid #ff0000;
	background-color:#FFFFFF;
	text-decoration:none;
}
.SearchInfoDiv
{
	border:1px solid #006699;
	background:#eeeeff;
	text-align:left;
	line-height:20px;
	color:#006699;
}
#SearchBtn
{
	width:98%; 
	height:50px; 
	text-align:center; 
	line-height:50px;
	border:1px solid #006699;
	cursor:pointer;
}
.ButtonImgDiv img,.ButtonImgDiv input
{
	float:right;
	border:0;
}
.NoticeHlight
{
	color:#ff0000;
}
.patchtr .MOButtonImgDiv, .patchtr .pic-link {
    display: none;
}
.ClearUpDiv {
    background-color: #E5FAE5;
}
.PauseDiv
{
	background-color:#eeeeee;
}
.CancelDiv
{
	background-color:#eeeeee;
	text-decoration:line-through;
}
.DelayDiv
{
	background-color:#ffdddd;
}
.SelectedDiv
{
    background-color:#99ccff;
}
.MO_hightlight
{
    background-color:#eeeeff;
}
.BlockLinkDiv a
{
	display:inline-block;
	width:120px;
	height:25px;
	margin:5px;
	text-align:center;
	line-height:25px;
	font-size:11pt;
	border:1px solid #cccccc;
	text-decoration:none;
}
.BlockLinkDiv a:hover
{
	background-color:#eeeeff;
	border:1px solid #0099ff;
	color:#003399;
}
.hlighttd
{
    color:#003399;
    background-color:#eeeeff;
}
.GrayTD
{
    color:#cccccc;
}
.hovertd
{
	cursor:pointer;
}
.padding-td{
    text-align:left;
    padding-left:20px;
}
#DeliveryButton,#ClearUpButton
{
	border:1px solid #336699;
	width:30px;
	height:20px;
	text-align:center;
	background-color:#ffffff;
	padding:0;
	cursor:pointer;
}
.SelectedInfoDiv
{
    border:1px solid #eeeeff;
    height:30px;
    background-color:#99ccff;
    margin:5px 100px 5px 100px;
    padding-left:50px;
    line-height:30px;
}
#SearchDiv .searchable-select,#ProcessSearchDiv .searchable-select,#TSearchDiv .searchable-select, #MyMoListSearchDiv .searchable-select,#OPListSearchDiv .searchable-select,#OPSerchDiv .searchable-select
{
    top:-2px;
}
.DepartmentListUI span,.PartListUI span
{
    display:inline-block;
    height:20px;
    width:80px;
    overflow:hidden;
    margin:1px;
    border:1px solid #eeeeee;
}
.SpanSelected
{
    background-color:#eeeeee;
    border:1px solid #cccccc;
}
.SpanHover
{
    background-color:#99ccff;
    border:1px solid #ccccff;
}

.InlineText
{
    display:inline;
}
.Deled
{
    text-decoration:line-through;
}
.TempHide,li.TempHide,a.TempHide
{
    display:inline;
}
.AvgWeightButton
{
    cursor:pointer;
    vertical-align:top;
}

.TouchRemind {
    display:none;
}

.OPProgess{
    vertical-align:bottom;
    height:12px;
    width:100px;
    display:inline-block;
    position:relative;
    margin-bottom:1px;
}

.OPProgessRate{
    height:6px;
    width:100%;
    background-color:#eee;
}

.COAOPImg{
    vertical-align:bottom;
}


.OPProgessNormalRate {
    height: 6px;
    width: 100%;
    background-color: #cef682;
    float:left;
}

.NormalBack{
    background-color:#38ce05;
    float:left;
    height:100%;
}
.ReturnBack {
    background-color: #ff0000;
    float: right;
    height: 100%;
}
.RejectReturn {
    background-color: #960000;
    float: left;
    height: 100%;
}
.OgnReturn {
    background-color: #999;
    float: left;
    height: 100%;
}
.ProductNumberDiv {
    width: 300px;
    text-align: left;
    padding-left: 20px;
    font-size: 20px;
    font-family: Arial Black;
    line-height: 25px;
    vertical-align:middle;
}

    .ProductNumberDiv img {
        vertical-align: middle;
        margin:0 2px 0 2px;
    }


.ScanIcon {
    display: block;
    width:20px;
    height:20px;
}
.pchide{
    display:none;
}
.ItemListUI {
    margin: 0px;
}

    .ItemListUI Li {
        list-style-type: none;
        float: left;
        display: block;
        width: 78px;
        height: 20px;
        border: 1px solid #336699;
        margin: 1px;
        color: #336699;
        background-color: #eeeeff;
        cursor: pointer;
        line-height: 20px;
        text-align:center;
    }
#QRScanDiv {
    max-width: 380px;
}
@media screen and (max-width: 720px) {
    .pchide{
        display:initial;
    }
    #MainContentDiv {
        width: 100%;
        overflow-x: auto;
    }
    #QRScanDiv {
        display: block;
        max-width:100%;
    }
    #PageTitle{
        display: inherit;
        height: 20px;
        font-size: 16px;
        font-weight:normal;
    }
    .SearchNav{
        text-align:center;
        height:30px;
        padding:0;
        padding-top:6px;
    }
    .ContentFullWidth {
        width: 1400px;
    }

    .table_mobile tr {
        width: 100%;
        display: flex;
    }

    .mobilehide {
        display: none !important;
    }

    .menu {
        background-image: none;
        background-color: #3C6DBA;
        max-width: 50%;
        display: flex;
        flex-direction: column;
        height: auto;
        position: absolute;
        width: 100%;
        top: 53px;
        transform: translateX(-100%);
        transition: transform 1s;
        height: calc(100% - 31px);
    }

    .menu ul{
        float: initial;
    }

    .menu li {
        float: none;
        display: block;
    }

    .menu li a {
        width: 100%;
        border-bottom: 1px solid #cccccc;
        border-left:0;
        border-right:0;
        font-size: 14px;
        background-image:none;
    }

    .PageHeader {
        display: flex;
        flex-direction: column-reverse;
    }

    .nav {
        text-align: center;
        background-color: #eee;
        margin: 0;
        font-size: 14px;
        height: 16px;
        line-height :16px;
    }

    .nav a{
        text-decoration:none;
    }

    .RemindScheduleDiv {
        text-align: left;
        padding-left: 5px;
        border: 0;
        margin: 0;
    }

    .MenuButton {
        display: flex;
        width: 30px;
        height: 30px;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        align-items: center;
        justify-content: center;
    }

    .CounterInput, .SearchIconPC {
        display: none;
    }

    .menushow {
        transform: translateX(0);
    }

    .TouchRemind {
        margin: 5px;
        text-align: center;
        line-height: 60px;
        height: 60px;
        color: #3C6DBA;
        display: block;
        background-color: #eeeeee;
        display:none;
    }

    #MainContentDiv .table_line, #MainContentDiv .table_line_title {
        float: left;
        margin-top:10px;
    }

    .menu li ul {
        position: initial;
        z-index: auto;
        display: block;
        margin-left: -1px;
    }

    .menu li li a {
        background-color: transparent;
        color: #fff;
        margin-left: -1px;
        margin-top: -1px;
        border-left: 0;
        border-right: 0;
    }

    .pagestotal {
        left: 0px;
        display:none;
    }

    .pages{
        left: 0;
    }

    #QueryKeywordDiv{
        display:none;
    }

    #SearchDiv ,#TSearchDiv {
        margin:0;
        height:auto;
        box-sizing:border-box;
        padding-top:2px;
        clear:both;
        background-color:#fff;
    }

    #SearchDiv select, #SearchDiv input, #TSearchDiv select, #TSearchDiv input, #SearchDiv .searchable-select, #TSearchDiv .searchable-select {
        position: absolute;
        left: 120px;
        top:auto;
    }

    #SearchDiv .searchable-select-input, #TSearchDiv .searchable-select-input {
        position:static;
    }

    #AdvantageSearchButton {
        display: none;
    }

    #AdvantageSearchDiv, #TAdvantageSearchDiv {
        position: initial;
        border: 0;
        width: auto;
        padding: 0;
    }

    .searchswitch {
        height: 20px;
        color: #003399;
        float: left;
        text-align: right;
        line-height: 20px;
        clear: both;
    }

    .searchswitch img{
        vertical-align:middle;
    }

    .searchswitch ~ div {
        clear: both;
    } 

    #Department{
        margin:2px 0;
        position:relative;
        clear:both;
        box-sizing:border-box;
        border:0;
    }

    #Department input{
        position:absolute;
        left:120px;
        top:5px;
    }

    #Department select {
        position: absolute;
        left: 140px;
        top:2px;
    }

    #FieldSelectButton{
        display:none;
    }

    #FuzzyCheck{
        /*display:none;*/
    }

    #SearchDiv a{
        display:block;
        height:20px;
        text-align:center;
        width:100px;
        text-decoration:none;
        border:solid 1px #ccc;
        background-color:#eee;
        line-height:20px;
        font-size:14px;
    }

    .DevelopmentStatus{
        display:none;
    }

    .ReportLink {
        float: left;
    }

    .ContentFullWidth > div{
        clear:both;
    }

    .ReportLink a,#MsgBoxButton.ReportLink a {
        display: block;
        border: solid 1px #eeeeee;
        background-color: #f9f9f9;
        float: left;
        width: 75px;
        height: 30px;
        text-decoration: none;
        margin: 1px;
        line-height: 30px;
        text-align: center;
        overflow:hidden;
    }

    .UserPlate li a {
        display: inline-block;
        width: 30px;
        height: 30px;
        overflow: hidden;
        padding-top: 30px;
        box-sizing: border-box;
    }

    .MsgIcon {
        background-image: url(/images/MsgIcon.gif)
    }

    .ProfileIcon {
        background-image: url(/images/ProfileIcon.gif)
    }

    .LogoutIcon {
        background-image: url(/images/LogoutIcon.gif)
    }

    .ScanIcon {
        background-image: url(/images/scan.gif);
        display:block;
    }
    .SearchIcon {
        background-image: url(/images/SearchIcon30.gif);
        display: block;
    }
    .MsgPageDiv {
        width: 80%;
    }
}


.input_search_list {
    display: none;
    border: 1px solid #d5d5d5;
    width: 200px;
    position: absolute;
    overflow: hidden;
    background-color: #fff;
    max-height: 150px;
    overflow-y: auto;
    z-index: 10001;
    list-style: none;
    color: #333;
}

    .input_search_list li {
        overflow: hidden;
        cursor: pointer;
        border-top: 1px solid #d5d5d5;
        height: 18px;
        text-align:left;
        line-height:18px;
    }

    .input_search_list :first-child {
        border-top: 0;
    }

    .input_search_list li.on {
        background-color: #e0e0e0;
    }