.boxlang { border: 0px solid #CCC; padding: 10px; margin: 0 0 10px 0;}
.paneltab {
  position: relative; margin: 0 10px 0 10px;
  height: auto;
  color: #999;
  border-radius: 0;
  border-top: 1px solid transparent;
  border-left: 0;
  border-right: 0;
  background-color: #FAFAFA;
}
.paneltab li.active > a {
  border-top: 2px solid #4a89dc;
  border-left: 1px solid #CCC;
  border-bottom: 0px solid #CCC !important;
}
.paneltab li > a .required { color: #F00;}
.paneltabbody { margin: 0 10px 0 10px; border-left: 1px solid #CCC;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}

.hh01 { margin: 0 0 5px 0;}

ul.listsubmenu { margin: 10px 0 10px 0; padding: 0px;}
ul.listsubmenu > li { display: flex; align-items: center; justify-content:flex-start; padding: 4px;}
ul.listsubmenu > li:hover { background-color: #CCC;}
ul.listsubmenu > li div.relateimg { width: 40px; margin: 0 10px 0 0;}
ul.listsubmenu > li div.relateimg > img { display: block; width: 100%; border: 1px solid #000; padding: 1px;}
ul.listsubmenu > li div.relatestatus { width: 100px; margin-left: auto;}
ul.listsubmenu > li div.relatebtn { width: 60px; display: flex; align-items: center; justify-content:space-around;}
ul.listsubmenu > li div.relatebtn > a.relateicon { font-size: 22px;}

ul.listmodel { list-style: none; margin: 10px 0 10px 0; padding: 0px;}
ul.listmodel > li { padding: 4px;}
ul.listmodel > li:hover { background-color: #CCC;}
ul.listmodel > li > div.listinname { display: flex; align-items: center; justify-content:flex-start;}
ul.listmodel > li > div.listinname div.relateimg { width: 40px; margin: 0 10px 0 0;}
ul.listmodel > li > div.listinname div.relateimg > img { display: block; width: 100%; border: 1px solid #000; padding: 1px;}
ul.listmodel > li > div.listinname div.relatestatus { width: 100px; margin-left: auto;}
ul.listmodel > li > div.listinname div.relatebtn { width: 60px; display: flex; align-items: center; justify-content:space-around;}
ul.listmodel > li > div.listinname div.relatebtn > a.relateicon { font-size: 22px;}
ul.listmodel > li > div.listinname div.relatebtn > a.relateicon.nouse { color: #CCC;}
ul.listmodel > li > div.listinsub {}
ul.listmodel > li > div.listinsub ul.listsubmodel { list-style: none; margin: 0 0 0 50px; padding: 0px;}
ul.listmodel > li > div.listinsub ul.listsubmodel li { padding: 4px;}

table.table-fix td { vertical-align: top !important;}
table.table-fix td div.relateimg { width: 40px; margin: 0 10px 0 0;}
table.table-fix td div.relateimg > img { display: block; width: 100%; border: 1px solid #000; padding: 1px;}
table.table-fix td div.relateimgbreak { width: 170px; margin: 0 10px 0 0;}
table.table-fix td div.relateimgbreak > img { display: block; width: 100%; border: 1px solid #000; padding: 1px;}
table.table-fix td > div.relatebtn { width: 140px; margin: 0 0 5px 0; display: flex; align-items: center; justify-content:space-around;}
table.table-fix td > div.relatebtn > a.relateicon { font-size: 22px;}
table.table-fix td > div.relatebtnstatus { width: 140px; margin:0;}
table.table-fix td > div.relatebtnstatus > div { margin: 0 0 5px 0;}


table.table-fixorder td {}
table.table-fixorder td > div.relatebtn { width: 80px; display: flex; align-items: center; justify-content:space-around;}
table.table-fixorder td > div.relatebtn > a.relateicon { font-size: 22px;}

table.table-fixorder td > div.relatebtn04 { width: 225px; display: flex; align-items: center; justify-content:space-around;}
table.table-fixorder td > div.relatebtn04 > a.relateicon { font-size: 22px;}
table.table-fixorder td > div.relatebtn04 > a.relateicon.nouse { color: #CCC;}

table.table-fixorder td > p { margin: 0;}

a.chkUse { display: block; text-decoration: none;}
a.chkUse.statusOn { color: #040a76;}
a.chkUse.statusOff { color: #F00;}

a.chkUse.statusNew { color: #ffbe68;}
a.chkUse.statusSend { color: #bdef68;}
a.chkUse.statusPrecess { color: #2363b6;}
a.chkUse.statusComplete { color: #67c267;}
a.chkUse.statusCredit { color: #a992e2;}
a.chkUse.statusCodeBlocked { color: #ec6f5a;}

a.chkUse.PublicOn { color: #040a76;}
a.chkUse.PublicOn i { color: #040a76;}
a.chkUse.PublicOff { color: #CCC;}
a.chkUse.PublicOff i { color: #CCC;}

.linebtnlist { display: flex; align-items: center;}
.linebtnlist > div { margin: 0 10px 0 0;}

.tbinnerporoduct { border-spacing: 1px; border-collapse: separate; width:100%; font-size:12px;}
.tbinnerporoduct td.col01 { width: 140px;}
.tbinnerporoduct td.col02 { width: 10px; text-align: center;}
.tbinnerporoduct td.col03 {}

  .progress_wrp {
  		display: none;
  		border: 1px solid #0099CC;
  		padding: 1px;
  		position: relative;
  		border-radius: 3px;
  		text-align: left;
  		background: #fff;
  		box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12); margin: 0 0 10px 0; height: 24px;
  }
  .progress_wrp .progress-bar{
  	  height: 20px;
  		border-radius: 3px;
  		background-color: #f39ac7;
  		width: 0;
  		box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
  }
  .progress_wrp .status{
  	top:3px;
  	left:45%;
  	position:absolute;
  	display:inline-block;
  	color: #000000;
  }
  .labeluploadfile {cursor: pointer; font-size: 20px; color: #999;}
  .labeluploadfile:hover { color: #000;}
  div.Recommended { padding: 0 0 10px 0;}
  div.postuploadicon {
      /*width: 109px;*/
      height: 30px; margin: 0 0 10px 0;
  }
  .uploadFile {
    visibility: hidden;
  }
  .showoption { padding: 10px 0 10px 0;}
  .showoption img { display: block; width: 100%;}
  .showoption.carlogo { width: 200px;}
/*.showoption > div > img { width: 100%;}*/
.showoption > div > img { max-width: 100%;}
.showrecommend { margin: 10px 0 0 0; text-align: center;}
.showpreview { margin: 10px 0 0 0;}
.showpreview > div > img { max-width: 100%;}
.popup_editimg { max-width: 600px !important;}
.popup_viewordewr { max-width: 800px !important;}
.popup_viewordewr .lineinfo { display: flex; align-items: center; justify-content:flex-start; margin: 5px 0 5px 0;}
.popup_viewordewr .lineinfo > div:nth-child(1) { width: 20%; font-weight: bold;}
.popup_viewordewr .indomationhead1 { font-weight:bold; margin: 0 0 10px 0;}
.popup_viewordewr .indomationhead2 { font-weight:bold; margin: 10px 0 10px 0;}
.popup_viewordewr .listorderviewhead { display: flex; align-items: center; justify-content: space-between; font-weight: bold;}
.popup_viewordewr .listorderviewhead > div:nth-child(1) { width: 5%;}
.popup_viewordewr .listorderviewhead > div:nth-child(3) { width: 10%; margin-left: auto; text-align: center;}
.popup_viewordewr .listorderviewhead > div:nth-child(4) { width: 10%; margin-left: 1px; text-align: center;}
.popup_viewordewr .listorderviewhead > div:nth-child(5) { width: 10%; margin-left: 1px; text-align: center;}
.popup_viewordewr .listorderview { display: flex; align-items: center; justify-content: space-between; padding: 4px 0 4px 0;}
.popup_viewordewr .listorderview > div:nth-child(1) { width: 5%;}
.popup_viewordewr .listorderview > div:nth-child(3) { width: 10%; padding: 4px 4px 4px 0; margin-left: auto; text-align: right;}
.popup_viewordewr .listorderview > div:nth-child(4) { width: 10%; padding: 4px 4px 4px 0; margin-left: 1px; text-align: right;}
.popup_viewordewr .listorderview > div:nth-child(5) { width: 10%; padding: 4px 4px 4px 0; margin-left: 1px; text-align: right;}
.popup_viewordewr .listorderviewstatus { padding-left: 5%;}
.popup_viewordewr .listorderviewstatus .Complete { color: #67c267;}
.popup_viewordewr .listorderviewstatus .On { color: #ffbe68;}
.popup_viewordewr .listorderviewstatus .Precess { color: #2363b6;}
.popup_viewordewr .listorderviewsum { display: flex; align-items: center; justify-content: space-between; padding: 4px 0 4px 0;}
.popup_viewordewr .listorderviewsum > div:nth-child(1) { width: 5%; padding: 4px 0 4px 0;}
.popup_viewordewr .listorderviewsum > div:nth-child(3) { width: 10%; padding: 4px 4px 4px 0; margin-left: auto; text-align: right; border-top: 1px solid #000; border-bottom: 3px solid #000;border-bottom-style:double;}
.popup_viewordewr .listorderviewsum > div:nth-child(4) { width: 10%; padding: 4px 4px 4px 0; margin-left: 1px; text-align: right; border-top: 1px solid #000; border-bottom: 3px solid #000;border-bottom-style:double;}
.popup_viewordewr .listorderviewsum > div:nth-child(5) { width: 10%; padding: 4px 4px 4px 0; margin-left: 1px; text-align: right; border-top: 1px solid #000; border-bottom: 3px solid #000;border-bottom-style:double;}
.popup_viewordewr .listorderviewsummary { display: flex; align-items: center; justify-content: space-between;}
.popup_viewordewr .listorderviewsummary > div:nth-child(1) { width: 5%; padding: 4px 0 4px 0;}
.popup_viewordewr .listorderviewsummary > div:nth-child(3) { width: 10%; padding: 4px 4px 4px 0; margin-left: auto; text-align: right; border-top: 1px solid #000; border-bottom: 1px solid #000;border-bottom-style:double;}
.popup_viewordewr .listorderviewsummary > div:nth-child(4) { width: 10%; padding: 4px 4px 4px 0; margin-left: 1px; text-align: right; border-top: 1px solid #000; border-bottom: 1px solid #000;border-bottom-style:double;}
.popup_viewordewr .listorderviewsummary > div:nth-child(5) { width: 10%; padding: 4px 4px 4px 0; margin-left: 1px; text-align: right; border-top: 1px solid #000; border-bottom: 1px solid #000;border-bottom-style:double;}
.popup_viewordewr .listorderviewdiscount { display: flex; align-items: center; justify-content: space-between;}
.popup_viewordewr .listorderviewdiscount > div:nth-child(1) { width: 5%; padding: 4px 0 4px 0;}
.popup_viewordewr .listorderviewdiscount > div:nth-child(3) { width: 10%; padding: 4px 4px 4px 0; margin-left: auto; text-align: right; border-top: 0px solid #000; border-bottom: 0px solid #000;border-bottom-style:double;}
.popup_viewordewr .listorderviewdiscount > div:nth-child(4) { width: 10%; padding: 4px 4px 4px 0; margin-left: 0px; text-align: right; border-top: 0px solid #000; border-bottom: 0px solid #000;border-bottom-style:double;}
.popup_viewordewr .listorderviewdiscount > div:nth-child(5) { width: 10%; padding: 4px 4px 4px 0; margin-left: 1px; text-align: right; border-top: 0px solid #000; border-bottom: 1px solid #000;border-bottom-style:double;}
.popup_viewordewr .listorderviewsumlast { display: flex; align-items: center; justify-content: space-between;}
.popup_viewordewr .listorderviewsumlast > div:nth-child(1) { width: 5%; padding: 4px 0 4px 0;}
.popup_viewordewr .listorderviewsumlast > div:nth-child(3) { width: 10%; padding: 4px 4px 4px 0; margin-left: auto; text-align: right; border-top: 0px solid #000; border-bottom: 0px solid #000;border-bottom-style:double;}
.popup_viewordewr .listorderviewsumlast > div:nth-child(4) { width: 10%; padding: 4px 4px 4px 0; margin-left: 0px; text-align: right; border-top: 0px solid #000; border-bottom: 0px solid #000;border-bottom-style:double;}
.popup_viewordewr .listorderviewsumlast > div:nth-child(5) { width: 10%; padding: 4px 4px 4px 0; margin-left: 1px; text-align: right; border-top: 0px solid #000; border-bottom: 3px solid #000;border-bottom-style:double;}
.popup_viewordewr .listorderbtn { margin: 10px 0 0 0;}
.popup_viewordewr .QtyInput {}
.popup_viewordewr .QtyInput input[type=text] { width: 90%;}
.popup_viewordewr .Remind { text-align: center !important;}

.popup_viewordewr .listorderviewlogs { padding-left: 5%; margin: 5px 0 0 0; width: 60%;}
.popup_viewordewr .listorderviewlogs > table { }
.popup_viewordewr .listorderviewlogs > table thead { font-weight: bold;}
.popup_viewordewr .listorderviewlogs > table tbody tr:nth-child(even) {background-color: #ffc3a0;}
.popup_viewordewr .listorderviewlogs > table tbody tr:nth-child(odd) {background-color: #e5ff7f;}
.popup_viewordewr .listorderviewlogs > table tbody td { padding: 4px;}
.popup_viewordewr .listorderviewlogs > table tbody td:nth-child(1) { width: 15%; border: 1px solid black;}
.popup_viewordewr .listorderviewlogs > table tbody td:nth-child(2) { width: 30%; border: 1px solid black;}
.popup_viewordewr .listorderviewlogs > table tbody td:nth-child(3) { width: 20%; border: 1px solid black;}
.popup_viewordewr .listorderviewlogs > table tbody td:nth-child(4) { width: 35%; border: 1px solid black;}

.popup_setstatus { max-width: 400px !important;}

#sortablecontent { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortablecontent li { margin: 0 5px 5px 5px; padding: 8px; font-size: 1.2em; border: 1px solid #000;}
#sortablecontent li img { height: 2em; width: auto; display: inline-block; margin: 0 10px 0 0}

.ui-sortable {}
.ui-sortable .ui-state-highlight { height: 2em; line-height: 2em; border: 1px solid #dad55e; background: #fffa90; }
.ui-sortable .ui-sortable-handle { background-color: #FFF; padding: 4px;}
.ui-sortable .ui-sortable-placeholder { background-color: #00F;}
.ui-sortable .ui-sortable-helper { background-color:#CCC;}

.errorText { color: #F00;}
.boximageTable .deltable { display: none;}
.boximageTable.clone .deltable { display: block;}

.popup-importprd { max-width: 600px !important;}