#SearchModelBox {
    width: 150px;
    height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}
#tableSecond {
    width: 950px;
}
#tableFunction {
}
#tableFunction td {
    padding: 2px;
}
#tableFunction td input[type='button'] {
    width: 150px; /*100px*/
}
#FunctionTd {
    vertical-align: bottom;
}
#ACTiSeriesDiv {
    font-weight: bold;
    margin-top: 10px;
}
#SeriesDiv {
    margin-top: 2px;
}
.SeriesCkb + label {
    margin-left: 3px;
    margin-right: 10px;
    white-space: nowrap;
}
#KanbaneDiv {
    margin-top: 10px;
}
#chkbox_AvailableTd {
    vertical-align: bottom;
    text-align: right;
}
#tableThird {
    width: 1200px;
}
#KanbaneDiv > label {
    margin-left: 3px;
    margin-right: 5px;
}
#ImgForFilteringFuture {
    height: 17px;width: 17px;cursor: pointer;
}
#highlightedNote {
    text-align:left;color:Dimgray;margin-top:10px;
}
#MatrixDiv {
    margin-top:10px;
    display: inline-table;
    margin-right: 130px;
}
#DaysTxt {
    width: 35px; height: 20px; margin: 5px; text-align: center;
}
#DialogFilteringFuture label {
    margin-left: 3px;
}
#DivForFilteringFuture > div:nth-child(1) {
    margin-top: 10px;
}
#DivForFilteringFuture > div:nth-child(2) {
    margin-top: 10px;
}
#DivForFilteringFuture > div:nth-child(3) {
    margin-top: 30px;
}
#DivForFilteringFuture > div:nth-child(3) > input[type='button']{
    padding: 3px;
    width: 70px; 
    height: 35px;
}
.MatrixTable {
    border-top: solid 2px #666666;
    border-bottom: solid 2px #666666;
    border-right: solid 2px #666666;
    border-left: solid 2px #666666;
}
.MatrixTable .TitleTr {
    text-align: center;
}
.MatrixTable tr:nth-child(1) img {
    margin-top: 5px;
}
.MatrixTable > tbody > tr > td{
    border-top: solid 1px #666666;
    border-bottom: solid 1px #666666;
    border-right: solid 1px #666666;
    border-left: solid 1px #666666;
    white-space: nowrap;
    padding: 5px;
	text-align: center;
}
.MatrixTable > tbody > tr > .ProductSegmentTd > div {
    width: 150px;
    word-wrap: break-word;
    white-space: pre-wrap;
}
.MatrixTable > tbody > tr > td.BigBorderTop
{
    border-top: solid 2px #666666;
}
.MatrixTable > tbody > tr > td.BigBorderBottom
{
    border-bottom: solid 2px #666666;
}
.MatrixTable > tbody > tr > td.BigBorderRight
{
    border-right: solid 2px #666666;
}
.MatrixTable > tbody > tr > td.BigBorderLeft
{
    border-left: solid 2px #666666;
}
.MatrixTable > tbody > .TitleTr > td[brand='ACTi'] {
    color: blue;
}
.ModelClass {
    text-align: center;
}
.divSelect {
    text-align: center;   
}
.divSelect a {
    cursor: pointer;
}
.divSelect a[Manufacturer='ACTi'] {
    cursor: pointer;
    color: blue;
}
a.NewProductTag_Matrix::after{
    content: 'NEW'; 
    font-family: monospace;
    font-weight: bolder;
    font-size: 12px;
    color: white;
    position: relative;
    top: -3px;
    left: 3px;
    display: table-caption;
    background-color: red;
    border-radius: 30px;
    padding: 0 5px;
}

 .noteImg {
     margin-left: 3px;
     cursor: pointer;
 }   
 .ProductSegmentImg {
     width: 300px;
     height: 180px;
     padding-top: 10px;
 }    
 .NoteTable b {
     border-top: solid 1px #666666;
border-bottom: solid 1px #666666;
border-left: solid 1px #666666;
border-right: solid 1px #666666;
padding: 3px;
 }
 .NoteImgDiv {
     margin-top: 20px;
 }
 .DialogPhotoRight {
     padding-left: 20px;
 }
 .divSelect table td {
     padding: 2px;
     vertical-align: baseline;
 }
 .PlusBtn {
     height: 18px;
     width: 18px;
    margin-left: 12px;
    cursor: pointer;
 }
  .MinusBtn {
     height: 18px;
      width: 18px;
    margin-left: 12px;
    cursor: pointer;
 }
.matrix-option {
    border: 1px solid black;
    border-radius: 5px;
    padding: 3px 6px;
    margin-right: 20px;
    background-color: #276a89;
    color: white;
    text-align: center;
    width: inherit;
}
.priceTag {
    color:red;
    font-size:0.8em;
}
.InvTag {
    color:black;
    font-size:0.8em;
}
.WipTag {
    color:gray;
}
div.arrow {
    position: relative;
    left: 32px; /* 根據 td 的寬度和 padding 調整 */\
    height: 30px; /* 線的長度 (從 td1 底部到 td3 頂部) */
    width: 2px; /* 線的寬度 */
    background:
         repeating-linear-gradient(to bottom, #000000,
          #000000 5px,
          transparent 5px, 
          transparent 10px );
    z-index: 10; /* 確保它在 td 內容上方 */
}
div.arrow::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: -4px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid black;
}