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

/******************************************
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;
}

#header{
	width:990px;
}

.IndexLeft{
	width:770px;
	float:left;
}
.IndexRight{
	width:215px;
	float:right;
}
/******************************************
#toplogin input.login_name用戶名表單,
#toplogin input.login_pwd密碼表單,寫在一行,用,號分開共用樣式
width:90px;表單寬
height:15px;表單高
*******************************************/

#header .login{
	float:right;
	border:1px dotted #FFDD99;
	width:733px;
	margin-top:2px;
	margin-bottom:2px;
	
}
#header .login table td{
	text-align:right;
	padding-right:5px;
}
#header .login input.login_name,#header .login  input.login_pwd{
	width:90px;
	height:15px;
}
#header_top .login{
	width:600px;
	float:left;
	padding-top:1px;
}
#header_top .Time{
	width:300px;
	float:right;
	text-align:right;
	padding-top:8px;
	padding-right:5px;
}
#header_top{
	width:990px;
	background:url(head_top_2.gif);
}
#header_top .L{
	width:9px;
	height:30px;
	background:url(head_top_1.gif);
}
#header_top .R{
	width:7px;
	height:30px;
	background:url(head_top_3.gif);
}

#header .menuguid a{
	display:block;
	float:left;
	width:56px;
	height:79px;
	background:url(guide_article.gif);
	margin:4px 0px 3px 25px;
	text-indent:-9999px;
}
#header .menuguid a.mg_article{
	background:url(guide_article.gif);
}
#header .menuguid a.mg_photo{
	background:url(guide_photo.gif);
}
#header .menuguid a.mg_movie{
	background:url(guide_movie.gif);
}
#header .menuguid a.mg_fenlei{
	background:url(guide_fenlei.gif);
}
#header .menuguid a.mg_shop{
	background:url(guide_shop.gif);
}
#header .menuguid a.mg_flash{
	background:url(guide_flash.gif);
}
#header .menuguid a.mg_blog{
	background:url(guide_blog.gif);
}
#header .menuguid a.mg_group{
	background:url(guide_group.gif);
}
#header .menuguid a.mg_bbs{
	background:url(guide_bbs.gif);
}
#header .menuguid a.mg_download{
	background:url(guide_download.gif);
}
 
/******************************************
#toplogin input.login_sub提交按鈕表單,
width:90px;表單寬
height:15px;表單高
background:#D2E4FC;	背景顏色
*******************************************/

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

/******************************************
#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:7px;
	border-top:#ccc 1px solid;
}
#header .logo{
	margin-top:15px;
}

/******************************************
#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:0px;
	border-top:0px #6B92D6 solid;
	border-bottom:0px #A7CAFA solid;
	height:35px;
	background:#D2E4FC url(head1.gif);
}
#guide td{
	border:0px solid #FFF;
	border-left:0px solid #FFF;
	border-right:0px solid #FFF;
	padding:8px 0px 0px 0px;
	color:#fff;
	font-size:14px;
	text-align:center;
}
#guide td div{
	width:990px;
	text-align:left;
}
#guide td a{
	color:#fff;
	font-size:14px;
}

.nav_guide{
	width:990px;
	border:1px solid #ADCD3C;
	margin-top:3px;
	margin-bottom:2px;
}
.nav_guide td{
	padding:5px;
	background:#F0FBEB;
}
/******************************************
.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 url(head2.gif);
}
.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 #FFCC00 solid;
	
}

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

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

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

.dragTable .TAG{
	float:left;
	color:#000;
	font-weight:bold;
}
.dragTable .TAG a{
	color:#000;
}

.dragTable .more{
	float:right;
	padding-right:1em;
}
.dragTable .more a{
	color:#004A9C;
}
/******************************************
整體大表格之間的間隙
******************************************/
.MainTable{
	margin-top:0px;
}
/******************************************
右邊窄表格模塊樣式
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;
}


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

/******************************************
文章中列表頁中的圖片主題,圖片列表
.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;
}



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

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



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

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





/*********************************************************************
**********************************************************************
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;
}



/******************************************************
******************************************************
**列表頁小分類頁
******************************************************
******************************************************/

/*標題+內容*/
#sort_list .list_sortTC{
	border-bottom:1px dotted #ccc;
	width:99%;
	margin-bottom:10px;
}
#sort_list .list_sortTC .content{
	text-indent:2em;
}
/*標題+內容+圖片*/
#sort_list .list_sortTCP{
	border-bottom:1px dotted #ccc;
	width:99%;
	margin-bottom:10px;
}
#sort_list .list_sortTCP .pic{
	padding-bottom:5px;
	padding-right:8px;
}
#sort_list .list_sortTCP .content{
	text-indent:1em;
}

/******************************************************
******************************************************
****主頁佈局設置
******************************************************
******************************************************/

.IndexL{
	padding-right:2px;
}
.IndexR{
	padding-left:2px;
}

.btable .list_title_tb div{
	width:45%;
	line-height:150%;
	float:left;
	padding-left:2px;
}

.btable .toptable{
	border-bottom:1px dotted #ccc;
	width:99%;
}
.btable .toptable .img{
	padding-bottom:5px;
}
.btable .toptable .bigword{
	font-weight:bold;
}



/******************************************************
******************************************************
****其它
******************************************************
******************************************************/
#showcontent,#showcontent p{
	font-size:16px;
	line-height:25px;
}


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

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

.HD .head{
	background:#D2E4FC url(hd1.gif);
	height:29px;
	padding-left:0em;
	padding-top:0px;
	border:1px #FFF solid;
}

.HD .head span{
	float:left;
	width:86px;
	padding-top:6px;
	height:23px;
	display:block;
	text-align:center;
	cursor: hand;
}

.HD .head .hd2{
	background:url(hd2.gif);
	font-weight:bold;
	color:#fff;
}

.quotecomment_div{
	margin:5px;
	border:1px dotted #A7CAFA;
	border-left:2px solid #A7CAFA;
	color:#ccc;
}

#comment_title{
	height:92px;
	background:url(comment_title.gif);
}
#comment_title td{
	padding-top:18px;
}

.listsort{
	width:98%;
}

.listsort .bigsort{
	border-bottom:1px dotted #ccc;
}
.listsort .bigsort a{
	display:block;
	font-weight:bold;
	background:url(sort1.gif) no-repeat left;
	text-indent:1.2em;
	background-position: 0 40%;
}
.listsort .smallsort{
	padding-left:1em;
	padding-top:3px;
	padding-bottom:3px;
	line-height:150%;
}
.listsort .smallsort a{
	text-decoration: underline;
}

/************************************************/
.sortshop{
	width:175px;float:left;
	border-right:solid 1px #ccc dotted;
	border-bottom:solid 1px #ccc dotted;
}
.sortshop.about{
	padding-left:5px;
}
.sortshop a{
	font-weight:bold;
}

.sorttitle{
	width:98%;
}
.sorttitle td{
	padding-top:3px;
	background:url(iicon3.gif) repeat-x bottom;
}
.sorttitle a{
	display:block;
	background:url(iicon1.gif) no-repeat left;
	text-indent:1.2em;
	background-position: 0 40%;
}


.sortshop .title a{
	display:block;
	background:url(items.gif) no-repeat 5px 0px;
	width:170px;
	text-indent:2em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}