/*****************************************************************
******************************************************************
以下為所有風格通用樣式
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:left;
}

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

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

/******************************************
網頁整體寬度
******************************************/
.wrap{
	width:900px;
	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: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #ff6666;
}
a:active {
	text-decoration: none;
}

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

#toplogin{
	background:#e01825;
	height:20px;
	padding:0px 3px 0px 13px;
}
#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:120px;
	height:15px;
}

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

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

/******************************************
#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{
	height:29px;
	background:#D2E4FC url(topbg.jpg);
}
#guide td{
	padding:0px 3px 0px 13px;
}
.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:0px;
	border:0px #A7CAFA solid;
	height:20px;
	background:#fff url(topbg.jpg);
}
.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:0px #A7CAFA solid;
	
}

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

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

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

.dragTable .TAG{
	float:left;
 
 
}
.dragTable .TAG a{
 
}

/*文章列表的更多*/

.dragTable .more a{
 
	margin-right:1em;
}
/******************************************
整體大表格之間的間隙
******************************************/
.MainTable{
	margin-top:0px;
        background:#Fff;
}
/******************************************
右邊窄表格模塊樣式
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:200px;
	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_icon4.gif) no-repeat left;
}


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

/******************************************
列表頁,包括首頁,文章子欄目文章標題樣式
	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的坐標


	width:246px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
******************************************/

#AutoRows .dragTable ul li{
	display:block;
	line-height:18px;
	text-indent:0.6em;
	background:url(title_icon3.gif) no-repeat 0 40% ;
}

#AutoRows .dragTable .list_title{
	line-height:18px;
	text-indent:0.6em;
	background:url(title_icon3.gif) no-repeat 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;
固定了寬度,控制自動隱藏超出邊界的文字
******************************************/

.listpic{
	width:127px;
	padding:3px 0 3px 4px;
	float:left;
}
.listpic .title{
	width:127px;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

/******************************************
文章中列表頁中的圖片主題,圖片內邊框樣式
border:1px #FFF solid;邊框一個像素,為實線,可以改0px,即取消內邊框
改solid為dotted即是虛線
******************************************/

.listpic img{
	border:1px #FFF solid;
	width:120px;
	height:90px;
}

/******************************************
文章中列表頁中的圖片主題,圖片外邊框樣式
width:120px;	圖片外邊框寬 height:90px;	圖片外邊框高
display:block;	定義鏈接為實體利於加效果
text-align :center;	圖片在邊框內居中
border:1px #ccc solid;圖片外邊框樣式,要取消邊框,可以把1改0,
要加粗粗,把1改成更大的數,要用虛線,可以把solid改成dotted,要換顏色修改#ccc為其他的
margin-bottom:5px;			與底部文字的距離
******************************************/

.listpic .img a{
	width:120px;
	height:90px;
	display:block;
	text-align :center;
	border:1px #ccc solid;
	margin-bottom:5px;
}

/******************************************
文章列表
padding:7px 5px 0 5px;內間隙,上右下左的距離
border-bottom:1px dashed #ccc;底部虛線,也可改為實線solid 或其他顏色

.listarticle span參數樣式
******************************************/

.listarticle td{
	padding:7px 5px 0 5px;
	border-bottom:1px dashed #ccc;
}
.listarticle span{
	display:block;
	float:left;
}

/******************************************
文章列表
文章標題樣式
text-indent: 0.6em;與小圖標的距離
background:url(title_icon3.gif) no-repeat left;小圖標,居左不平鋪
background-position: 0em 40%;小圖標是背景,坐標位置

.listarticle span.time{float:right;}時間靠右顯示
******************************************/

.listarticle span.title{
	text-indent: 0.6em;
	background:url(title_icon3.gif) no-repeat left;
	background-position: 0em 40%;
}
.listarticle span.time{
	float:right;
}

/******************************************
分頁
******************************************/

.page{
	width:98%;
	margin-top:1em;
	clear:both;
}

.page a{
	display:block;
	float:left;
	margin-right:3px;
	border:1px solid #ccc;
	padding:2px 4px 1px 4px;
}

/*****************************************************************
******************************************************************
文章內容頁
.content_word,.content_word p多種格式的控制內容的樣式,字號為15像素
******************************************************************
******************************************************************/
.content_word,.content_word p{
	font-size:15px;
}

/*****************************************************************************************
******************************************************************************************
圖片頻道,視頻,FLASH,音樂,商城,下載頻道的列表頁的圖片列表
******************************************************************************************
******************************************************************************************/
/******************************************
display:block;定義為模塊
width:98%;寬度為98%
margin:8px 8px 0 10px;與其他的外間隙上右下左的距離
height:100px;高度
overflow:hide;文字超過則隱藏,不過上面寬度只有設置成具體像素才生效.
border-bottom:1px #ccc dotted;底部邊框為一個像素的虛線.改成solid則為實線,改成0px則取消邊框
這裡特別要注意的是.把寬度改成width:44%;增加一句float:left;就可以一行顯示兩個
******************************************/

.ListPhoto ul{
	display:block;
	width:96%;
	margin:8px 8px 0 10px;
	height:100px;
	overflow:hide;
	border-bottom:1px #ccc dotted;
}

/******************************************
圖片與介紹文字是左右並排
******************************************/

.ListPhoto ul li{
	display:block;
	float:left;
}

/******************************************
圖片容器樣式,
width:130px;寬
border-right:1px #ccc dotted;容器右邊樣式,改dotted為solid則為實線,把1px改為0則取消邊框
******************************************/

.ListPhoto ul li.img{
	width:130px;
	border-right:1px #ccc dotted;
}

/******************************************
圖片內邊框樣式
******************************************/

.ListPhoto ul li.img img{
	border:1px solid #ccc;
}

/******************************************
圖片外邊框樣式
	display:block;	定義為實體,方便加效果
	width:120px;	寬
	height:90px;	高
	text-align :center; 圖片居中
	background:#eee;	背景顏色,只有圖片太小時,才看得到效果.
	border:1px solid #333; 外邊框樣式,可改solid為dotted虛線.取消邊框的話.改1px為0
******************************************/

.ListPhoto ul li.img a{
	display:block;
	width:120px;
	height:90px;
	text-align :center;
	background:#eee;
	border:1px solid #333;
}

/******************************************
圖片的相關文字樣式
margin-left:1em;與左邊距離1個漢字距離
******************************************/

.ListPhoto ul li.word{
	margin-left:1em;
}

/******************************************
圖片的相關文字樣式
display:block;做為實體,每個占一行,
overflow:hide,文字超出邊界,自動隱藏.一般只有設置了寬度時才生效
******************************************/

.ListPhoto ul li.word span{
	display:block;
	overflow:hide;
}

/******************************************
圖片的相關文字,超級鏈接的文字加粗顯示
******************************************/

.ListPhoto ul li.word span.title a{
	font-weight:bold;
}

/*****************************************************************************************
*****************************************************************************************
**********評論
******************************************************************************************
******************************************************************************************/

#comment .content{
	border:dotted 1px #CC3300;
	margin-bottom:10px;
}
#comment .content .word{
	border-bottom:solid 1px #CC3300;
	padding-left:5px;
	height:50px;
}
#comment .content .img{
	border-right:dotted 1px #CC3300;
	padding:1em;
}
#comment .content .info{
	padding:2px 0 0 5px;
}

/*****************************************************************************************
*****************************************************************************************
************留言本
*****************************************************************************************
*****************************************************************************************/

.guestbook{
	margin-bottom:4px;
	border:1px dotted #CC3300;
}
.guestbook .Ftd{
	padding:4px;
	border-right:1px dotted #CC3300;
}
.guestbook .Atd{
	border-top:1px solid #CC3300;
	padding-left:4px;
}
.guestbook .Ctd{
	padding:4px;
}

/*****************************************************************************************
*****************************************************************************************
網頁底部
******************************************************************************************
******************************************************************************************/

#footer{
	border-top:#CBCBCB solid 1px;
	margin-top:4px;
}
#footer td{
	padding:1em 0 1em 0;
}


/*****************************************************************************************
*****************************************************************************************
間隔條
*****************************************************************************************
*****************************************************************************************/
.Space{
	height:23px;
	margin-top:4px;
	background:url(space_bg.jpg);
}
.Space .L{
	padding:5px 0 0 5px;
	font-weight:bold;
	color:#FFF;
}
.Space .L{
	float:left;
}
.Space .R{
	padding:5px 5px 0 0;
	float:right;
}



/*********************************************************************
**********************************************************************
AJAX在線編輯DIV容器
這個會員看不到.只是版主管理員才可以看到.這是後颱風格
一般不必修改了.修改了會員也看不到
**********************************************************************
*********************************************************************/
#AjaxEditTable{
	border:1px solid #BEDDFF;
	background:#FFF;
}
#AjaxEditTable .head{
	height: 21px;
	background: #DBEAFF;
	border-bottom:1px solid #BEDDFF;
	padding:3px 5px 0 7px;
}
#AjaxEditTable .head a{
	color:#FFF;
}
#AjaxEditTable .head span{
	DISPLAY: block; 
	FLOAT: right;
}
#AjaxEditTable .middle{
	background:#FFF;
	line-height:18px;
	padding:5px;
}
#AjaxEditTable .middle input,#AjaxEditTable .middle textarea{
	border:1px solid #BEDDFF;
	background:#FFF;
}

/*列表欄目名稱*/
.showsortname{
	background:url(article_elite.gif) no-repeat 0.3em 0;
	padding-left:0.3em;
	text-indent:1.5em;
	font-weight:bold;
	float:left;
}

/*列表頁,標題+圖片+內容的顯示樣式*/
.list_sortTCP{
	margin-bottom:12px;
	width:99%;
}
.list_sortTCP .pic{
	padding-right:1em;
}
.list_sortTCP .content{
	border-bottom:1px dotted #ccc;
	text-indent:0em;
}

/*列表頁,標題+內容的顯示樣式*/
.list_sortTC{
	margin-bottom:5px;
	width:99%;
	border-bottom:1px dotted #ccc;
}
.list_sortTC .content{
	text-indent:2em;
}

/*下拉菜單的背景顏色與透明度設置*/
#menuTable{
	background:#F5FCFE;
	border:1px solid #A7CAFA;
	filter:Alpha(Opacity=80);
}
#menuTable td{
	padding:3px 0px 3px 5px;
	line-height:15px;
}