/*****************************************************************
******************************************************************
以下為所有風格通用樣式
margin: 0;padding: 0;設置外邊距,內邊距空隙都為0
font-size: 12px;為字體大小.一般表格內的,不受他控制
li,ul設置list-style: none;主要是取消默認的小圓點.不太好看
******************************************************************
*****************************************************************/

body, form, ul, li, p, dl, dd, dt ,h,td,th,h3{
	margin: 0;
	padding: 0;
	font-size: 12px;
}
li,ul{
	list-style: none;
}

/******************************************
TD中的color: #333333;為沒有超級鏈接的字體顏色
VERTICAL-ALIGN: top;表格里的內容居頂
text-align:left;表格里的內容居左
*******************************************/

TD {
	color: #333333;
	VERTICAL-ALIGN: top;
}

/******************************************
border:1px solid #ccc; 表單邊框為1個像素的實線,
要為虛線改solid為dotted,要換顏色改#ccc
可以自定義背景顏色
background:#eee;
*******************************************/

input,textarea{
	border:1px solid #ccc;
}

/******************************************
網頁整體寬度
******************************************/
.wrap{
	width:770px;
	margin:auto;
}
/*橫幅廣告*/
#banner_ad{
	margin-top:5px;
}
/******************************************
font-size: 12px;超級鏈接字體大小
color:字體顏色
text-decoration: none;沒有下畫線.要有下畫線.改none為underline
a 為統一超級鏈接,
a:link沒有點擊過的超級鏈接樣式
a:visited 被點擊過的超級鏈接樣式
a:hover 鼠標指向時的超級鏈接樣式
a:active 被用戶激活(在鼠標點擊與釋放之間發生的事件)時的樣式.少用
*******************************************/

a {
	font-size: 12px;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #4E667B;
}
a:active {
	text-decoration: none;
}

/******************************************
#toplogin 網頁頂部登錄框表格ID編號
background表格背景顏色
height高度
*******************************************/

#toplogin{
	background:#E3F5FC;
	height:20px;
}
#toplogin .jstime{
	margin-top:5px;
	margin-right:5px;
}
/******************************************
#toplogin input.login_name用戶名表單,
#toplogin input.login_pwd密碼表單,寫在一行,用,號分開共用樣式
width:90px;表單寬
height:15px;表單高
*******************************************/

#toplogin input.login_name,#toplogin input.login_pwd{
	width:90px;
	height:15px;
}

/******************************************
#toplogin input.login_sub提交按鈕表單,
width:90px;表單寬
height:15px;表單高
background:#D2E4FC;	背景顏色
*******************************************/

#toplogin input.login_sub{
	width:40px;
	height:19px;
	background:#D2E4FC;
}

/******************************************
#header div 頭部LOGO與廣告圖的容器,
float:left;靠左排列

#header div.ad廣告容器,樣式指定了靠右
*******************************************/

#header div{
	float:left;
}
#header div.ad{
	float:right;
}

/******************************************
#header頭部大表格
margin-bottom:10px;與下面的表格距離10像素
border-top:#ccc 1px solid;表格上方一個像素的實線,顏色為#ccc,
可以把solid改成虛線dotted
#header td 大表格內的TD
padding-top:8px;上方留空8個像素
*******************************************/

#header{
	margin-bottom:10px;
	border-top:#ccc 1px solid;
}
#header td{
	padding-top:8px;
}

/******************************************
#guide頭部網站導航表格編號
margin-top:5px;與上方表格距離5像素
border:1px #6B92D6 solid;邊框樣式solid改為dotted則為虛線
height:28px;高度
background:#D2E4FC;背景顏色
#guide td導航表格內部TD容器
border:1px solid #FFF;內邊框樣式
padding:6px 3px 4px 3px;導航文字與上右下左的距離
*******************************************/

#guide{
	margin-top:5px;
	border-top:1px #6B92D6 solid;
	border-bottom:1px #A7CAFA solid;
	height:28px;
	background:#D2E4FC;
}
#guide td{
	border:1px solid #FFF;
	border-left:0px solid #FFF;
	border-right:0px solid #FFF;
	padding:6px 3px 4px 3px;
}
#guide2{
	background:#F5FAFE;
	height:24px;
	border-bottom:1px #A7CAFA solid;
}
#guide2 td{
	padding-top:6px;
	padding-left:2px;
}
.chooseGuide{
	border-bottom:1px dotted #333;
}
/******************************************
.MainTable .guide樣式導航表格樣式
margin-top:5px;與上方表格的距離
border:1px #A7CAFA solid;邊框樣式,solid可更換成dotted虛線
height:20px;表格高度
background:#F5FAFE;表格背景顏色

.MainTable .guide td{ padding:5px; 表格內的文字距離四周的間距
可改成 padding:5px 0 0 0;指上右下左
*******************************************/

.MainTable .guide{
	margin-top:5px;
	border:1px #A7CAFA solid;
	height:20px;
	background:#F5FAFE;
}
.MainTable .guide td{
	padding:5px;
}


/*****************************************************************
******************************************************************
內容大表格模塊樣式
width:100%;占滿整個空間寬度
margin-top:5px;與上一個表格間距為5個像素
overflow:hide;內容超過時,將隱藏.不過上面用百分比,一般這里設置無效.
只有上面用具體像素,這里才生效
border:1px #A7CAFA solid;邊框樣式,1個像素,可以改solid為虛線dotted,要取消邊框改1px為0px
******************************************************************
******************************************************************/

.dragTable{
	width:100%;
	margin-top:5px;
	overflow:hide;
	border:1px #A7CAFA solid;
	
}

/******************************************
內容表格模塊頭部樣式
background:#D2E4FC;背景顏色
height:20px;高度
padding-left:1em;字體與左邊距離
padding-top:7px;字體與上方距離
border:1px #FFF solid;內邊框樣式,一般設置為0px較多,即不要內邊框居多
******************************************/

.dragTable .head{
	background:#D2E4FC;
	height:20px;
	padding-left:1em;
	padding-top:7px;
	border:1px #FFF solid;
}

/******************************************
模塊主題文字
float:left;居左,
可以設置為粗體 font-weight:bold;顏色為color:#000;
******************************************/

.dragTable .TAG{
	float:left;
}
/******************************************
整體大表格之間的間隙
******************************************/
.MainTable{
	margin-top:5px;
}
/******************************************
右邊窄表格模塊樣式
width:98%;寬度
line-height:17px;字體行高
******************************************/

.MainTable .Side .dragTable{
	width:98%;
}

.MainTable .Side .dragTable .middle{
	line-height:17px;
}

/******************************************
內容模塊主體部分
padding:8px;距離四周距離為8個像素,
可以改成更具體些的padding:8px 0 0 0;即上右下左的距離
line-height:20px;行高,即是使用<br>換行符時的文字行高
******************************************/

.dragTable .middle{
	padding:6px 1px 4px 7px;
	height:50px;
	line-height:20px;
}

/******************************************
右邊窄表格最新,最熱的內容樣式.
	width:210px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
通過設定固定寬度,使控制自動隱藏超出邊界的內容自動隱藏,用省略號表示
只對<ul><li>有效
******************************************/

.MainTable .Side .dragTable .middle ul li{
	width:210px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

/******************************************
右邊窄表格最新,最熱的標題樣式.
必須<ul><li>有超鏈接的才有效
display:block;定義鏈接為實體,方便做效果處理
margin-left:4px;文字與左邊大表格邊框的距離
text-indent:0.6em;文字與小圖標的距離
background:url(title_icon3.gif) no-repeat left;	右邊列表,最熱,最新等等標題前面的小圖標
no-repeat 不平鋪 left;背景居左
******************************************/

.MainTable .Side .dragTable .middle ul li a{
	display:block;
	margin-left:4px;
	text-indent:0.6em;
	background:url(title_icon3.gif) no-repeat left;
}


/******************************************
列表頁,包括首頁,文章子欄目文章表格樣式,表格高度
******************************************/
#AutoRows .dragTable .middle{
	padding-top:0px;
	padding-bottom:0px;
	height:100px;
}

/******************************************
列表頁,包括首頁,文章子欄目文章標題樣式
	width:246px;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
定義width指定寬度.是為了自動隱藏超出邊界的標題.用百分比不能控制
line-height:18px;行高
text-indent:0.6em;文字小圖標的距離
background:url(title_icon3.gif) no-repeat ;標題前的小圖標
background-position: 0 40%;	小圖標X,Y的坐標
******************************************/

#AutoRows .dragTable ul li{
	width:246px;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:18px;
	text-indent:0.6em;
	background:url(title_icon3.gif) no-repeat ;
	background-position: 0 40%;
}

/******************************************
文章中列表頁中的圖片主題,圖片列表
.listpic每張圖的占位空間
width:127px;占位寬度127像素
padding:3px 0 3px 4px;內間隙距離上右下左
float:left;居左排列
.listpic .title圖片底下的標題樣式
	width:127px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;