.BGcolor
{
	border: 0px solid #FF66FF;
	width: 30px;
	height: 15px;
	margin-top: 3px;
	padding: 0px;
	line-height: 15px;
	font-size: 12px;
}

.BGc240
{
	background-color: #0a3d89;
	color: #0a3d89;
}

.BGc201
{
	background-color: #000000;
	color: #000000;
}

.BGc263
{
	background-color: #000000;
	color: #000000;
}

.BGc320
{
	background-color: #000000;
	color: #000000;
}

.BGc230
{
	background-color: #000000;
	color: #000000;
}

.BGc220
{
	background-color: #000000;
	color: #000000;
}

.BGc321
{
	background-color: #ff2002;
	color: #ff2002;
}

/*白*/
.BGc030
{
	border: 1px solid #CCCCCC;
	background-color: #ffffff;
	color: #ffffff;
}

/*宝石红*/
.BGc121
{
	background-color: #ff0000;
	color: #ff0000;
}

/*宝石红*/
.BGc560
{
	background-color: #ff0000;
	color: #ff0000;
}


/*宝石红*/
.BGc120
{
	background-color: #ff0000;
	color: #ff0000;
}

.BGc150
{
	background-color: #ff0000;
	color: #ff0000;
}

/*橙*/
.BGc570
{
	background-color: #ff3000;
	color: #ff3000;
}

/*橙*/
.BGc3211
{
	background-color: #ff3000;
	color: #ff3000;
}

.BGc322
{
	background-color: #ff3000;
	color: #ff3000;
}

/*蓝*/
.BGc540
{
	background-color: #256fde;
	color: #256fde;
}

/*蓝*/
.BGc601
{
	background-color: #256fde;
	color: #256fde;
}

/*蓝*/
.BGc650
{
	background-color: #256fde;
	color: #256fde;
}

/*蓝*/
.BGc621
{
	background-color: #256fde;
	color: #256fde;
}

/*蓝*/
.BGc651
{
	background-color: #256fde;
	color: #256fde;
}

/*亮蓝*/
.BGc620
{
	background-color: #256fde;
}

.BGc603
{
	background-color: #99CCFF;
	color: #99CCFF;
}

/*深绿*/
.BGc430
{
	background-color: #028004;
	color: #028004;
}


/*金黄*/
.BGc301
{
	background-color: #f5e70c;
	color: #f5e70c;
}

/*红*/
.BGc101
{
	background-color: #ff000c;
	color: #ff000c;
}


/*钛金*/
.BGc501
{
	background-color: #d4a000;
	color: #d4a000;
}


/*紫*/
.BGc604
{
	background-color: #a205dc;
	color: #a205dc;
}

/*黑*/
.BGc250
{
	background-color: #000000;
	color: #000000;
}

/*黑*/
.BGc262
{
	background-color: #000000;
	color: #000000;
}

/*珍珠白*/
.BGc001
{
	border: 1px solid #CCCCCC;
	background-color: #ffffff;
	color: #ffffff;
}

/*珍珠白*/
.BGc021
{
	border: 1px solid #CCCCCC;
	background-color: #ffffff;
	color: #ffffff;
}

.BGc051
{
	border: 1px solid #CCCCCC;
	background-color: #ffffff;
	color: #ffffff;
}

/*珍珠白*/
.BGc020
{
	border: 1px solid #CCCCCC;
	background-color: #ffffff;
	color: #ffffff;
}

/*珍珠白*/
.BGc053
{
	border: 1px solid #CCCCCC;
	background-color: #ffffff;
	color: #ffffff;
}

/*深亮灰*/
.BGc520
{
	background-color: #c9c9c9;
	color: #c9c9c9;
}

.BGc521
{
	background-color: #c9c9c9;
	color: #c9c9c9;
}

/*亮绿*/
.BGc530
{
	background-color: #89f200;
	color: #89f200;
}

/*棕*/
.BGc720
{
	background-color: #5e2703;
	color: #5e2703;
}

/*苔藓绿*/
.BGc401
{
	background-color: #179a20;
	color: #179a20;
}





.divOne
{
	width: 33%;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #cccccc;
	float: left;
}

	.divOne:after
	{
		content: "";
		display: block;
		padding-bottom: 100%;
		float: left;
	}


.divTwo
{
	width: 33%;
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	border-color: #cccccc;
	float: left;
}

	.divTwo:after
	{
		content: "";
		display: block;
		padding-bottom: 100%;
		float: left;
	}


.divThree
{
	width: 33%;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #cccccc;
	float: left;
}

	.divThree:after
	{
		content: "";
		display: block;
		padding-bottom: 100%;
		float: left;
	}

.divFour
{
	width: 33%;
	border-style: solid;
	border-width: 1px 1px 1px 0px;
	border-color: #cccccc;
	float: left;
}

	.divFour:after
	{
		content: "";
		display: block;
		padding-bottom: 100%;
		float: left;
	}

.ZBcontent
{
	position: absolute;
	width: 100%;
	height: 100%;
	float: left;
}

.BomName
{
	float: left;
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 12px;
}

.BomNameTn
{
	float: left;
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 12px;
	background-color: #FFFFFF;
}

.metric
{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 20px 20px 30px 20px;
	margin-bottom: 20px;
	border: 1px solid #DCE6EB;
}

	.metric .icon
	{
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		float: left;
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
	}

		.metric .icon i
		{
			font-size: 18px;
			color: #fff;
		}

	.metric p
	{
		margin-bottom: 0;
		line-height: 1.2;
		text-align: right;
	}

	.metric .number
	{
		display: block;
		font-size: 28px;
		font-weight: 300;
		padding-bottom: 5px;
		padding-top: 10px;
	}

	.metric .title
	{
		font-size: 16px;
	}




.ProSearchDiv
{
	padding: 0px;
}

	.ProSearchDiv .SearchDivtitle
	{
		font-family: 'Montserrat', sans-serif;
		color: #58666e;
		font-size: 13px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 16px 20px;
		margin-bottom: 15px;
		border-bottom: none;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom-style: dashed;
		border-bottom-width: 1px;
		border-bottom-color: #CCCCCC;
	}

.ProShowDiv
{
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #e1e1e1;
}

	.ProShowDiv .DivBtn
	{
		overflow: auto;
		margin-top: -10px;
		padding-bottom: 10px;
		margin-bottom: 20px;
		padding-right: 20px;
		border-bottom-style: dashed;
		border-bottom-width: 1px;
		border-bottom-color: #CCCCCC;
	}

		.ProShowDiv .DivBtn .fl
		{
			padding-right: 10px;
		}

	.ProShowDiv .DivBtn2
	{
		overflow: auto;
		margin-top: -10px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		padding-right: 20px;
	}

.DivBtLine
{
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

	.DivBtLine .btn
	{
		margin-top: 20px;
		width: 100%;
	}

		.DivBtLine .btn:hover
		{
			margin-top: 20px;
			width: 100%;
			background-color: #399bff;
			color: #FFFFFF;
		}

#PartCodeSearch .SBtn
{
	float: right;
	width: 480px;
	padding-left: 3px;
}

#PartCodeSearch .STbx
{
	padding-right: 5px;
}

#PartCodeSearch .SName
{
	float: right;
	width: 200px;
	padding-top: 5px;
	padding-right: 10px;
	text-align: right;
}

.DivBtn .btn:hover
{
	background-color: #399bff;
	color: #FFFFFF;
}

.fl
{
	float: left;
}

.fr
{
	float: right;
}




.CallLoading
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0.9;
	display: none;
}

	.CallLoading .loadingDiv
	{
		border-radius: 4px;
		border: 1px solid #f1f1f1;
		background-color: #fff;
		width: 100px;
		height: 100px;
		position: absolute;
		left: 50%;
		right: 50%;
		bottom: 50%;
		top: 50%;
		margin: -60px;
		padding: 17px;
		box-shadow: 0 1px 4px rgba(0,0,0,.105);
	}

		.CallLoading .loadingDiv img
		{
			width: 66px;
			height: 66px;
		}



#RowBom
{
	background-color: white;
	padding: 20px;
	overflow: auto;
}

/*产品列表选购明细样式*/
.ProBomListDiv
{
	width: 100%;
	margin: 0 auto;
	overflow: auto;
	font-size: 14px;
}

.ProBomListTable
{
	width: 100%;
	color: Black;
	font-size: 12px;
	margin: 0 auto;
	text-align: left;
}

.ProBomListName
{
	background-color: #d9d9d9;
	line-height: 30px;
}

	.ProBomListName .ProBomNameDiv
	{
		width: 550px;
		float: left;
	}

	.ProBomListName .ProBomCodeDiv
	{
		width: 200px;
		float: right;
		text-align: left;
	}

.ProBomListIMG
{
	width: 250px;
	text-align: center;
}

.ProBomListDelTable
{
	width: 100%;
	margin-top: 20px;
	color: Black;
	font-size: 12px;
	text-align: center;
}

	.ProBomListDelTable .ProBomListDelTD
	{
		width: 16%;
		height: 22px;
		background-color: #D9D9D9;
		line-height: 22px;
		border-right: 1px solid #fff;
	}



.QTYInPutDiv
{
	width: 103px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow: auto;
	overflow: hidden;
	margin: 0 auto;
}

.QTYChange
{
	height: 25px;
	line-height: 25px;
	width: 25px;
	margin: 0 auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	cursor: pointer;
	float: left;
	border: 0px solid #cccccc;
}

	.QTYChange:hover
	{
		background-color: #3bb7ff;
		color: White;
	}


.InPutQty
{
	float: left;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #cccccc;
	background-color: #fcfcfc;
	width: 50px;
	text-align: center;
	height: 23px;
	line-height: 23px;
	padding: 0px;
	border-radius: 0px;
}




#DivSuccessAlert
{
	position: fixed;
	width: 150px;
	line-height: 40px;
	border-radius: 5px;
	text-align: center;
	background-color: #08bc2a;
	left: 50%;
	top: 50%;
	z-index: 999;
	display: none;
	margin-left: 75px;
	margin-top: -40px;
	color: White;
}


.labRoll
{
	border: 1px solid #CCCCCC;
	width: 20px;
	height: 20px;
	background-color: white;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	float: right;
	border-radius: 10px;
	padding-left: -5px;
	font-size: 10px;
	color: #CCCCCC;
}



.page-header
{
	background: #fff;
	margin: -20px -30px 20px -30px;
	padding: 20px 0px 0px 0px;
	position: fixed;
	width: 100%;
	z-index: 100;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #F3F5F8;
}

.page-headerBg
{
	margin: -20px -30px 20px -30px;
	padding: 20px 0px 0px 0px;
	border-bottom: none;
	height: 60px;
}

.page-header .title
{
	padding: 0;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	line-height: normal;
	font-weight: normal;
	color: #37363e;
	padding-bottom: 20px;
	padding-left: 20px;
}

.page-header .FrmBtn
{
	border-style: solid;
	border-width: 0px;
	border-color: #CCCCCC #efefef #CCCCCC #ccc;
	padding: 10px 10px 10px 24px;
	/*background-color: #F5F5F5;*/
	background-color: #fff;
	margin: 0 auto;
}


.btn-tayo
{
	background-color: #fff;
	color: inherit;
	border: 1px solid #dfdfdf;
	font-size: 12px;
	margin-right: 20px;
	border-radius: 3px;
}

	.btn-tayo:hover,
	.btn-tayo:focus,
	.btn-tayo.focus,
	.btn-tayo:active,
	.btn-tayo.active
	{
		background-color: #fbe9b4;
		border: 1px solid #e7c355;
		color: inherit;
	}

	.btn-tayo:active,
	.btn-tayo.active
	{
		box-shadow: none;
		color: inherit;
	}



.CbxAll
{
	position: absolute;
	top: 24px;
}





.TBline
{
	width: 96%;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
	padding-top: 20px;
}

	.TBline .TDline
	{
		background-image: url(../img/TBtdline.jpg);
		line-height: 45px;
		text-align: center;
	}

	.TBline .TDlineDiv
	{
		background-image: url(../img/TBtdImg.jpg);
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		color: white;
		margin: 0 auto;
	}

	.TBline .TDlineW
	{
		line-height: 45px;
		text-align: center;
	}

	.TBline .TDlinered
	{
		background-image: url(../img/TBtdline2.jpg);
		line-height: 45px;
		text-align: center;
	}

	.TBline .TDlineDivred
	{
		background-image: url(../img/TBtdImg2.jpg);
		width: 45px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		color: white;
		margin: 0 auto;
	}

	.TBline .TDlineWred
	{
		line-height: 45px;
		text-align: center;
		color: Red;
	}

.AmSpan
{
	color: Red;
	font-size: 14px;
	padding-left: 10px;
}

.QtySpan
{
	color: Red;
	font-size: 14px;
	padding-left: 10px;
}

.OrderCount
{
	float: right;
	text-align: right;
	text-transform: capitalize;
	font-weight: normal;
}



#mask
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.3;
	display: none;
	z-index: 1;
}

.UpLoad
{
	padding-bottom: 15px;
	width: 800px;
	background-color: white;
	position: fixed;
	display: none;
	min-height: 440px;
	left: 50%;
	top: 100px;
	margin-left: -300px;
	z-index: 999;
	border-radius: 6px;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

	.UpLoad .UpLoadTitle
	{
		width: 100%;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #dddddd;
		line-height: 50px;
		font-size: 18px;
		text-indent: 20px;
	}

	.UpLoad .RightClose
	{
		margin-right: 15px;
		float: right;
		text-align: center;
		cursor: pointer;
	}

#UpLoad
{
	padding-bottom: 15px;
	width: 600px;
	background-color: white;
	position: fixed;
	display: none;
	height: 340px;
	left: 50%;
	top: 250px;
	margin-left: -300px;
	z-index: 999;
	border-radius: 6px;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

	#UpLoad .UpLoadTitle
	{
		width: 100%;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #dddddd;
		line-height: 50px;
		font-size: 18px;
		text-indent: 20px;
	}

	#UpLoad .RightClose
	{
		margin-right: 15px;
		float: right;
		text-align: center;
		cursor: pointer;
	}





#UpLoad2
{
	padding-bottom: 15px;
	width: 600px;
	background-color: white;
	position: fixed;
	display: none;
	height: 300px;
	left: 50%;
	top: 250px;
	margin-left: -300px;
	z-index: 999;
	border-radius: 6px;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

	#UpLoad2 .UpLoadTitle
	{
		width: 100%;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #dddddd;
		line-height: 50px;
		font-size: 18px;
		text-indent: 20px;
	}

	#UpLoad2 .RightClose
	{
		margin-right: 15px;
		float: right;
		text-align: center;
		cursor: pointer;
	}



#TempTypeDiv
{
	margin-left: 15px;
}

	#TempTypeDiv .BgSel
	{
		padding: 10px 15px 10px 15px;
		border-style: solid;
		border-width: 1px 1px 0px 1px;
		border-color: #dedede;
		background-color: White;
		min-width: 100px;
		text-align: center;
	}


	#TempTypeDiv .BgSelNull
	{
		padding: 10px 15px 10px 15px;
		border-style: solid;
		border-width: 1px 1px 0px 1px;
		border-color: #dedede;
		background-color: White;
		background-color: #e8e8e8;
		cursor: pointer;
		min-width: 100px;
		text-align: center;
	}



#ProReplace
{
	padding-bottom: 15px;
	width: 1000px;
	background-color: white;
	position: fixed;
	display: none;
	height: 500px;
	left: 50%;
	top: 200px;
	margin-left: -500px;
	z-index: 999;
	overflow-y:auto;
	border-radius: 6px;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

#ProReplaceMemo
{
	height: 400px;
	overflow-y:auto;
}

	#ProReplace .UpLoadTitle
	{
		width: 100%;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #dddddd;
		line-height: 50px;
		font-size: 18px;
		text-indent: 20px;
	}

	#ProReplace .RightClose
	{
		margin-right: 15px;
		float: right;
		text-align: center;
		cursor: pointer;
	}