/* 初始化样式 */
form, body, h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; }


/* 浮动 */
.fl { float: left; }
.fr { float: right; }


/* 自动换行 */
td { word-break: break-all; }


/* 字号 */
td, tr, th, table, body { font-size: 12px; }

.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs14_td td { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs20 { font-size: 20px; }

/* 行高 */
.lh18 { line-height: 18px; }
.lh20 { line-height: 20px; }
.lh22 { line-height: 22px; }
.lh24 { line-height: 24px; }


/* 细边框表格 */
.table { border-collapse: collapse; }


/* 字体属性 [定义规则，小写f加属性名称] */
.fb {font-weight: bold;}
.fb_td td {font-weight: bold;}


/* 颜色属性 [定义规则，小写c加颜色名称] */
.cWhite { color: #FFF; }
.cWhite_td td { color: #FFF; }
.cRed { color: #F00; }
.cBlack { color: #000; }
.cBlack_1 { color: #8A5C06; }
.cBlue { color: #00F; }



/* 补白留白 */
.pt3 { padding-top: 3px; }
.pt5 { padding-top: 5px; }
.pt8 { padding-top: 8px; }

.pr5 { padding-right: 5px; }
.pr8 { padding-right: 8px; }
.pr10 { padding-right: 10px; }
.pr17 { padding-right: 17px; }
.pr18 { padding-right: 18px; }
.pr20 { padding-right: 20px; }

.pb2 { padding-bottom: 2px; }
.pb3 { padding-bottom: 3px; }
.pb5 { padding-bottom: 5px; }


.pl10 { padding-left: 10px; }
.pl8 { padding-left: 8px; }
.pl5A a { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }

.p5 { padding: 5px; }

.mt5 { margin-top: 5px; }

.mr5 { margin-right: rpx; }

.mb5 { margin-bottom: 5px; }
.mb8 { margin-bottom: 8px; }
.mb10 { margin-bottom: 10px; }

.ml5 { margin-left: 5px; }

.m5 { margin: 5px; }


/* 隐藏/显示 */
.hide { display: none; }
.display { display: blok; }


/* 光标样式 */
.hand { cursor: hand; }


/* 图片、flash边框 */
.imgbordergray img { border: 1px solid #CCC; }
.imgborderwhite img { border: 1px solid #DDD; }
.flashborderblack object { border: 1px solid #000; }


/* input边框属性 */
.text
{
	height: 20px; background-color: #FFF; color: #000; font-weight: 12px; border: 1px solid #CCC;
}


/* 虚线 */
.dotted { border: 1px dotted #CCC; }


/* 链接打开方式 */
.self a:active { text:expression(target="_self"); }/* 本窗 */
.blank a:active { text:expression(target="_blank"); }/* 新窗 */


/* 链接属性 */
a:link 	  { color: #000; text-decoration: none }
a:visited { color: #000; text-decoration: none }
a:hover   { color: #F00; text-decoration: underline }
a:active  { color: #000; text-decoration: none }


/*
注意：
1、这种CSS样式的写法不能用于<a class='thead'>，但是能用于<td class='thead'>、tr、table...
2、冒号和link之间不能有空格	
*/
.aWhite a:link    { color: #FFF; text-decoration: none }
.aWhite a:visited { color: #FFF; text-decoration: none }
.aWhite a:hover   { color: #FFF; text-decoration: underline}
.aWhite a:active  { color: #FFF; text-decoration: none }

.aBlue a:link    { color: #00F; text-decoration: none }
.aBlue a:visited { color: #00F; text-decoration: none }
.aBlue a:hover   { color: #00F; text-decoration: underline}
.aBlue a:active  { color: #00F; text-decoration: none }

.aBlack a:link    { color: #000; text-decoration: none }
.aBlack a:visited { color: #000; text-decoration: none }
.aBlack a:hover   { color: #000; text-decoration: underline}
.aBlack a:active  { color: #000; text-decoration: none }

.aRed a:link    { color: #F00; text-decoration: none }
.aRed a:visited { color: #F00; text-decoration: none }
.aRed a:hover   { color: #F00; text-decoration: underline}
.aRed a:active  { color: #F00; text-decoration: none }

.aBlack_1 a:link    { color: #8A5C06; text-decoration: none }
.aBlack_1 a:visited { color: #8A5C06; text-decoration: none }
.aBlack_1 a:hover   { color: #8A5C06; text-decoration: underline}
.aBlack_1 a:active  { color: #8A5C06; text-decoration: none }