﻿/*
表单主体，最外边主框，加边，背景色和边距
*/
#DivFormFactoryZ, #DivFormInfoZ
{
	margin: 16px;
	font-family: 宋体;
	font-size: 12px;
	color: #000000;
	text-align: left;
	width: 780px;
}

/*
辅助定义：每行（即每个主元素【一个标题和一个输入框为一行】，为单独行，不允许浮动
*/
#DivFormFactory div
{
	clear: both;
}

/*
定义标题
*/
.titlec
{
	padding: 6px;
	font-family: 宋体;
	font-size: 14px;
	font-weight: bold;
	clear: both;
	float: none;
	height: 24px;
}

/*
左边标题栏定义，文字加粗
*/
#ShowTD_CompanyName_C, #ShowTD_CompanyShortName_C, #ShowTD_CompanyName_E, #ShowTD_CompanyShortName_E, #ShowTD_CompanyAddress_C, #ShowTD_CompanyAddress_E, #ShowTD_CompanyType, #ShowTD_CompanyZip, #ShowTD_CompanyTel, #ShowTD_CompanyWebSite, #ShowTD_CompanyFax, #ShowTD_CompanyEmail, #ShowTD_CompanyPresident_C, #ShowTD_CompanyPresident_E, #ShowTD_CompanyPresident_Mobile, #ShowTD_CompanyManager_C, #ShowTD_CompanyManager_E, #ShowTD_CompanyManager_Mobile, #ShowTD_CompanyMainProduct_C, #ShowTD_CompanyMainProduct_E, #ShowTD_ShowTypeList, #ShowTD_ApprovedStandard_C, #ShowTD_ApprovedStandard_E, #ShowTD_UnitName,
#ShowTD_LinkMan, #ShowTD_LinkMan_Tel, #ShowTD_LinkMan_Zip, #ShowTD_LinkMan_Address
{
	padding: 0px 10px 0px 0px;
	border-style: none solid solid solid;
	font-family: "宋体"
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 180px;
	border-right-width: 1px;
	border-right-color: #CCCCCC;
	text-align: right;
	float: left;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	height: 30px;
	vertical-align: middle;
	background-color: #f6f6f6;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
}

#ShowTD_CompanyName_C
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
}
/*
左边标题栏文字框span辅助定义，可以无，这里只是演示可以对其进行定义
*/
#ShowSpan_CompanyName_C, #ShowSpan_CompanyShortName_C, #ShowSpan_CompanyName_E, #ShowSpan_CompanyShortName_E, #ShowSpan_CompanyAddress_C, #ShowSpan_CompanyAddress_E, #ShowSpan_CompanyType, #ShowSpan_CompanyZip, #ShowSpan_CompanyTel, #ShowSpan_CompanyWebSite, #ShowSpan_CompanyFax, #ShowSpan_CompanyEmail, #ShowSpan_CompanyPresident_C, #ShowSpan_CompanyPresident_E, #ShowSpan_CompanyPresident_Mobile, #ShowSpan_CompanyManager_C, #ShowSpan_CompanyManager_E, #ShowSpan_CompanyManager_Mobile, #ShowSpan_CompanyMainProduct_C, #ShowSpan_CompanyMainProduct_E, #ShowSpan_ShowTypeList, #ShowSpan_ApprovedStandard_C, #ShowSpan_ApprovedStandard_E, #ShowTD_LinkMan, #ShowSpan_LinkMan_Tel, #ShowSpan_UnitName, #ShowSpan_LinkMan_Zip, #ShowSpan_LinkMan_Address
{
	
	line-height: 30px;
}

/*
右边输入框div定义
*/
#InputTD_CompanyName_C, #InputTD_CompanyShortName_C, #InputTD_CompanyName_E, #InputTD_CompanyShortName_E, #InputTD_CompanyAddress_C, #InputTD_CompanyAddress_E, #InputTD_CompanyType, #InputTD_CompanyZip, #InputTD_CompanyTel, #InputTD_CompanyWebSite, #InputTD_CompanyFax, #InputTD_CompanyEmail, #InputTD_CompanyPresident_C, #InputTD_CompanyPresident_E, #InputTD_CompanyPresident_Mobile, #InputTD_CompanyManager_C, #InputTD_CompanyManager_E, #InputTD_CompanyManager_Mobile, #InputTD_CompanyMainProduct_C, #InputTD_CompanyMainProduct_E, #InputTD_ShowTypeList, #InputTD_ApprovedStandard_C, #InputTD_ApprovedStandard_E, #InputTD_UnitName, #InputTD_LinkMan, #InputTD_LinkMan_Tel, #InputTD_LinkMan_Zip,
#InputTD_LinkMan_Address
{
	padding: 0px 0px 0px 5px;
	float: right;
	width: 600px;
	clear: right;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-right-style: solid;
	border-bottom-style: solid;
	height: 30px;
}

#InputTD_CompanyName_C
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
}

#InputTD_CompanyName_C SPAN, #InputTD_CompanyShortName_C SPAN, #InputTD_CompanyName_E SPAN, #InputTD_CompanyShortName_E SPAN, #InputTD_CompanyAddress_C SPAN, #InputTD_CompanyAddress_E SPAN, #InputTD_CompanyType SPAN, #InputTD_CompanyZip SPAN, #InputTD_CompanyTel SPAN, #InputTD_CompanyWebSite SPAN, #InputTD_CompanyFax SPAN, #InputTD_CompanyEmail SPAN, #InputTD_CompanyPresident_C SPAN, #InputTD_CompanyPresident_E SPAN, #InputTD_CompanyPresident_Mobile SPAN, #InputTD_CompanyManager_C SPAN, #InputTD_CompanyManager_E SPAN, #InputTD_CompanyManager_Mobile SPAN, #InputTD_CompanyMainProduct_C SPAN, #InputTD_CompanyMainProduct_E SPAN, #InputTD_ShowTypeList SPAN, #InputTD_ApprovedStandard_C SPAN, #InputTD_ApprovedStandard_E, #InputTD_UnitName SPAN, #InputTD_LinkMan SPAN, #InputTD_LinkMan_Tel SPAN, #InputTD_LinkMan_Zip SPAN
{
	line-height: 30px;
}

/*
输入框定义，这里定义了需要输入很长字符串的输入框，需要400px的长度，当然也可以定义高度。集体定义同类型的输入框可以减少代码量
*/
#CompanyName_C, #CompanyName_E, #CompanyAddress_C, #CompanyAddress_E, #CompanyWebSite, #CompanyMainProduct_C, #CompanyMainProduct_E
{
	border: 1px solid #CCCCCC;
	margin: 2px;
	padding: 0px;
	background-color: #FFFFFF;
	width: 400px;
	height: 20px;
}

/*
同上
*/
#CompanyShortName_C,
#CompanyShortName_E,
#CompanyType,
#CompanyTel,
#CompanyFax,
#CompanyEmail,
#CompanyPresident_C,
#CompanyPresident_E,
#CompanyPresident_Mobile,
#CompanyManager_C,
#CompanyManager_E,
#CompanyManager_Mobile,
#ApprovedStandard_C,
#ApprovedStandard_E,
#LinkMan, 
#LinkMan_Tel,
#LinkMan_Zip,
#LinkMan_Address
{
	border: 1px solid #CCCCCC;
	margin: 2px;
	padding: 0px;
	background-color: #FFFFFF;
	width: 160px;	
	height: 20px;
}
#UnitName
{
	border: 1px solid #CCCCCC;
	margin: 2px;
	padding: 0px;
	background-color: #FFFFFF;
	width: 220px;	
	height: 20px;
}

#MarkInfo
{
	width: 786px;
	height: 25px;
	border: solid 1px #cccccc;
	padding-left: 10px;
	color: red;
	line-height: 25px;
}
/*
同上
*/
#CompanyZip
{
	border: 1px solid #CCCCCC;
	margin: 2px;
	padding: 0px;
	background-color: #FFFFFF;
	width: 80px;
	height: 20px;
}

.ShowSpanIsNull
{
	color: #FF0000;
	font-weight: bold;
}
/*
页面所有元素都带有定义好的id或者class，css可以完全定义格式。美工方面可以完全依托css的高效性分离。美工和程序没有直接对应关系。
以上是对css的演示说明。你可以看看，具体多看看css的使用说明书。
使用div一是为了灵活性，二是为了减少代码量。
程序支持table定义的表单，但是失去了灵活性。所以尽量适应css定义div方式排版布局。现在大型网站通用都是div定义，你可以去看看
QQ或者TOM的主页源码就明白了。
*/

#ButtonDiv
{
	margin: 10px 10px;
	text-align: center;
}
