/*****************************************************************
******************************************************************
*General Style
*margin: 0;padding: 0;  set border=0
*font-size: 12px; Font size
*li,ul set 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; font color without linkage
*VERTICAL-ALIGN: top;
*text-align:left; 
*******************************************/

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

/******************************************
*border:1px solid #ccc; Table border: solid line, Option: solid/dotted, 
*Border Color: #ccc, 
*background:#eee;
*******************************************/

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

/******************************************
*Page width
******************************************/
.wrap{
	width:680px;
	margin:auto;
}
/*Large Ads*/
#banner_ad{
	margin-top:5px;
}
/******************************************
*font-size: 12px; Linkage font size
*color:
*text-decoration: none; without underline. Option: none/underline
*a: All Url-link,
*a:link: Without visted
*a:visited: Visited
*a:hover:  Mouseover
*a:active: User Click
*******************************************/

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

/******************************************
*#toplogin:  Page Login box ID
*background: color
*height:
*******************************************/

#toplogin{
	background:#fff;
	height:20px;
}
#toplogin .jstime{
	margin-top:5px;
	margin-right:5px;
}
/******************************************
*#toplogin input.login_name: User name
*#toplogin input.login_pwd: User password, 
*width:90px; Form
*height:15px; Form
*******************************************/

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

/******************************************
#toplogin input.login_sub, Login.Button
*width:90px;
*height:15px;
*background:#D2E4FC;	Background color
*******************************************/

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

/******************************************
#header div --Head inludes the Logo and Ads,
*float:left; --Align left
*#header div.ad --Ads content, align right
*******************************************/

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

/******************************************
*#header    -- Header table
*margin-bottom:10px;  -- 10 px to next table
*border-top:#ccc 1px solid;  -- table top-border=1 px line, color:#ccc,
*							-- option: solid/dotted
*#header td  -- TD in the Table
*padding-top:8px;  -- top 8px blank
*******************************************/

#header{
	margin-bottom:0px;
	border-top:#D3D8DB 0px solid;
}
#header td{
	padding-top:0px;
}

/******************************************
*#guide          -- Nav in the header 
*margin-top:5px; -- top 5px blank
*border:1px #6B92D6 solid;		--border style option:solid/dotted
*height:28px;	--  Change to 36px
*background:#D2E4FC;				--color
*#guide td						--TD in guide table
*border:1px solid #FFF;			--border style 
*padding:6px 3px 4px 3px;		--Guide text style Up, Right, Down, Left
*******************************************/

#guide{
	margin-top:0px;
	border-top:0px #6B92D6 solid;
	border-bottom:0px #A7CAFA solid;
	height:36px;
	background: url(ym.gif);
}
#guide td{
	border:1px solid #FFF;
	border-left:0px solid #FFF;
	border-right:0px solid #FFF;
	padding:6px 3px 4px 3px;
}

#guide .searchform {
	padding-bottom:4px;
	padding-left:0px;
	padding-top:2px;
	padding-right:10px;
}


#guide a{
	font-size: 16px;
}


#guide2{
	background:#B2D2E1;
	height:32px;
	border-bottom:1px #A7CAFA solid;
}
#guide2 td{
	padding-top:6px;
	padding-left:2px;
}


.chooseGuide{
	border-bottom:1px dotted #333;
}
/******************************************
*	.MainTable .guide	--Nav table style
*margin-top:5px;			--Top
*border:1px #A7CAFA solid;	--Option: solid/dotted
*height:20px;  			--Table height   Change to 28px
*background:#F5FAFE;		--color
*
*.MainTable .guide td{ padding:5px; 	--Text padding style 
*									--Option: padding:5px 0 0 0;Up, Right, Down, Left
*******************************************/

.MainTable .guide{
	margin-top:0px;
	border:0px #A7CAFA solid;
	height:28px;
	background:#F5FAFE url(head2.gif);
}
.MainTable .guide td{
	padding:5px;
}


/*****************************************************************
******************************************************************
*Content Table Style
*width:100%;			--Fill full
*margin-top:5px;		--Next table 5px space
*overflow:hide;		--It is not working, if you use percentage size
*border:1px #A7CAFA solid;	--Border style, option: 1px,solid/dotted, 0px,none
******************************************************************
******************************************************************/

.dragTable{
	width:100%;
	margin-top:0px;
	overflow:hide;
	border:0px #006599 solid;
	
}

/******************************************
*Content table header style
*background:#D2E4FC; 	--coloer
*height:20px;			--
*padding-left:1em;		--Text style, left space
*padding-top:7px;		--Text style, top space
*border:1px #FFF solid;	--Border style option:0px
******************************************/

.dragTable .head{
	background: #006599;
	height:24px;
	padding-left:5px;
	padding-top:2px;
	border:0px #FFF solid;
	font-size:14px;
	font-weight:bold;
}
.dragTable .head .L{
	display:block;
	width:24px;
	height:25px;
	float:left;
	background:url(hudie.gif);}

.Side .dragTable .head{
	background: #009897;
	height:24px;
	padding-left:8px;
	padding-top:7px;
	border:0px #FFF solid;
}

.dragTable .head .topic{
	background: #006599;
	height:24px;
	padding-left:10px;
	padding-top:2px;
	border:0px #FFF solid;
	font-size:16px;
	font-weight:bolder;
	text-align:left;
	color:#FFF;
}

.dragTable .head .more{
	background: #006599;
	height:24px;
	margin-left:0px;
	padding-left:0px;
	padding-top:2px;
	border:0px #FFF solid;
	font-size:12px;
	text-align:right;
}


.dragTable .head .more a{
	color:#FFF;
	font-size:12px;
	font-weight:normal;
}

/******************************************
*Subject Title
*float:left		--Align, left
*				--Option: font-weight:bold;color:#000;
******************************************/

.dragTable .TAG{
	padding-top:5px;
	padding-left:7px;
	float:left;
    color:#FFFFFF
 
}
.Side .dragTable .TAG{
	padding-top:2px;
	padding-left:7px;
	float:left;
	color:#fff;
}
.dragTable .TAG a{
	float:left;
    color:#FFFFFF
 
}
	

/*List pages*/

.dragTable .more a{
 
	margin-right:1em;
}
/******************************************
*Main Table Space
******************************************/
.MainTable{
	margin-top:0px;
}
/******************************************
*Right table style
*width:98%;
*line-height:17px;	--Line height
******************************************/

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

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

/******************************************
*Content main 
*padding:8px;	--Padding space, general 8px
*				--Option: 8px 0 0 0;
*				--Option: line-height:20px;, in order to increase more space for <BR>
******************************************/

.dragTable .middle{
	padding:0px 0px 0px 0px;
	height:50px;
	line-height:20px;
}

/******************************************
*Right small table, new style
*	width:210px;
*	overflow:hidden;
*	text-overflow:ellipsis;
*	white-space:nowrap;
**Set the fixed width to automatically hide the long content and change it to dotted
**It is effective, only under <UL>, <LI>
******************************************/

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

/******************************************
*Right small table, new style
*Required <ul><li> URL Linkage
*display:block;		--Set to block in order to effective proccess
*margin-left:4px;	--Left space
*text-indent:0.6em;	--Space between text and icons
*background:url(title_icon3.gif) no-repeat left;		--Right list for small icons
*					--Option, 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;
*}
*/

.MainTable .Side .dragTable .middle ul li a{
	display:block;
	margin-left:4px;
	text-indent:0.6em;
}

.MainTable .Side .dragTable .middle ul li{
	list-style-position:inside;
	margin-left:0px;
	padding-left:4px;
	list-style-image:url(arrow_brown3.gif);
}

/******************************************
*List pages, include homepage and subject table style
******************************************/
#AutoRows .dragTable .middle{
	height:100px;
	padding-top:0px;
	padding-bottom:0px;
}

/******************************************
*List pages, include homepage and subject table style
*	width:246px;
*	display:block;
*	overflow:hidden;
*	text-overflow:ellipsis;
**Set the fixed width to automatically hide the long content and change it to dotted
**It is not effective if use percentage setting.
*line-height:18px;		--Line height
*text-indent:0.6em;		--Space for text and icons
*	background:url(title_icon3.gif) no-repeat ;		--Icon in front of Title
*background-position: 0 40%;		--Icon position, 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% ;
}

/******************************************
*Picture style in list pages
*.listpic			--Pic space/size
*width:127px;		--Pic width, 127px
*padding:3px 0 3px 4px;	--Pix space
*float:left;			--Align left
*.listpic .title		--Title style under pics
*	width:127px;
*	overflow:hidden;
*	text-overflow:ellipsis;
*	white-space:nowrap;
* Set the fixed width to hide long title
******************************************/

.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;
}

/******************************************
*Picture style in list pages, border style
*border:1px #FFF solid;		--Option, 1px solid/dotted; 0px none
******************************************/

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

/******************************************
*Picture style in list pages, border style
*width:120px;	height:90px;	
*display:block;		--Set to block effective
*text-align :center;	--Pic align, center
*border:1px #ccc solid;	--Border style
*margin-bottom:5px;		--Space with bottom text
******************************************/

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

/******************************************
*List page
*padding:7px 5px 0 5px;	--Space style
*border-bottom:1px dashed #ccc;	
*.listarticle 			--span style
******************************************/

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

/******************************************
*List page
*Title style in list page
*text-indent: 0.6em;					--Space to icons
*background:url(title_icon3.gif) no-repeat left;		--Icons style 
*background-position: 0em 40%;			--Icon background
*.listarticle span.time{float:right;}	--Time align 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;
}

/******************************************
*More pages
******************************************/

.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 in page
*.content_word,.content_word p		--Size=15px
******************************************************************
******************************************************************/
.content_word,.content_word p{
	font-size:15px;
}

/*****************************************************************************************
******************************************************************************************
*Pic channel, video, flash, music, shop, download
******************************************************************************************
*display:block;	
*width:98%;
*margin:8px 8px 0 10px;		--Space style
*height:100px;
*overflow:hide;				--Set fixed width
*border-bottom:1px #ccc dotted;
*	--Option, width:44%; float:left; in order to display two pics in same line
******************************************/

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

/******************************************
*Pictues and text style
******************************************/

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

/******************************************
*Picture border style
*width:130px;
*border-right:1px #ccc dotted;
******************************************/

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

/******************************************
* Picture border style
******************************************/

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

/******************************************
*Pic border style
*	display:block;	
*	width:120px;	
*	height:90px;	
*	text-align :center; 
*	background:#eee;	
*	border:1px solid #333; 
******************************************/

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

/******************************************
*Text style of pictures
*margin-left:1em;	--Left space
******************************************/

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

/******************************************
*Text style of pictures
*display:block;			--Set to block, only one in same line
*overflow:hide,		--Set fixed width
******************************************/

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

/******************************************
*Text style od pictures, URL style, bold
******************************************/

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

/*****************************************************************************************
*****************************************************************************************
**********Comments Style
******************************************************************************************
******************************************************************************************/

#comment .content{
	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;
}

/*****************************************************************************************
*****************************************************************************************
************Guestbook Style
*****************************************************************************************
*****************************************************************************************/

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

.faq_question {
	font-size:14px;
	font-weight:bold;
}
	
.faq_replay {
	font-size:14px;
}

.faq_replay p{
	font-size:14px;
}

.faq_replay ul li {
	font-size:14px;
	list-style-position:outside;
	margin-left:16px;
	padding-left:0px;
	list-style-image:url(arrow_brown3.gif);
	vertical-align:middle;
	
}



/*****************************************************************************************
*****************************************************************************************
* Page Footer Style
*margin-left:5px;		--Space with bottom text
*padding:1em 0 1em 0;
******************************************************************************************
******************************************************************************************/

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


/*****************************************************************************************
*****************************************************************************************
*Space Style
*****************************************************************************************
*****************************************************************************************/
.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 editer DIV border
*Only for Admin pages
*Not for member pages
**********************************************************************
*********************************************************************/
#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;
}

/*Column name in the list page*/
.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 page, Title+Picture+Content styles*/
.list_sortTCP{
	margin-bottom:12px;
	width:99%;
}
.list_sortTCP .pic{
	padding-right:1em;
}
.list_sortTCP .content{
	border-bottom:1px dotted #ccc;
	text-indent:2em;
}

/*List page, Title+Content style*/
.list_sortTC{
	margin-bottom:5px;
	width:99%;
	border-bottom:1px dotted #ccc;
}
.list_sortTC .content{
	text-indent:2em;
}

/*Menu Style*/
#menuTable{
	background:#F5FCFE;
	border:1px solid #A7CAFA;
}

/*******************************************
*padding:2px 0px 2px 2px;		--Guide text style Up, Right, Down, Left
*******************************************/

#menuTable td{
	padding:1px 0px 1px 3px;
	border:1px solid #A7CAFA;
	line-height:16px;
}

#menuTable a{
	font-size: 12px;
}

.copyright {
	font-size: 12px;
	color: #663300;
}

#footer a {
	font-size: 12px;
}

/*
*.copyright {
*	font-family: Verdana, Arial, Helvetica, Sans-serif;
*	font-size: 9px;
*	color: #663300;
*}
*/

#contact {
	font-size:14px;
	vertical-align: middle;
	line-height:24px;
}

#contact image {
	padding-top:10px; padding-bottom:0px;
	vertical-align: middle;
}



.datadesc {
	margin:4px 0px 4px 0px;
	font-size:14px;
}
.datadesc p {
	text-align:justify;
}


.datadesc a{
    font-size:14px;
}

.datainfo {
	text-align:left;
	margin-top:4px;
	margin-bottom:4px;
}

.datainfo table {
	border:1px solid #CCC;
	margin:10px;

}

.datainfo {
	font-size:14px;
}

.datainfo table td {
	border:1px solid #CCC;
	padding:4px;
}


.datainfo ul, li, a{
	font-size:14px;
}

.datainfo ul, li {
	margin-left:0.6em;
	padding-left:0.4em;
	list-style-type: square;
	list-style-position:outside;
	
}

.datasource {
	border:1px solid #A7CAFA;
	margin-bottom:4px;
	margin-left:8px;
	margin-right:10px;
	margin-top:16px;
	padding-left:10px;
	padding-right:0px;
	padding-top:4px;
	padding-bottom:4px;
	font-size:14px;
}

.datasource p {
	text-align:justify;
	font-size:12px;
	line-height:14px;
	color: #333333;
}

.dataspec {
	margin:4px 4px 4px 8px;
}

.dataspec table {
	font-size:14px;
	border:1px solid #A7CAFA;
	border-spacing:0px;
	
}
.dataspec td {
	padding:1px 3px 1px 3px;
	border:1px solid #A7CAFA;
}

.dataspec td, a {
	font-size:14px;
}

.MainTable td.header {
	font-size:14px;
	font-weight:bold;
}

/*Format hotnews area
*
.MainTable .hotnews {
	width:500px;
	margin-left:100px;
	margin-bottom:30px;
	margin-top:10px;
*}
*
*/

.MainTable .hotnews {
	width:500px;
	margin-left:100px;
	margin-bottom:30px;
	margin-top:10px;
}

.MainTable .hotnews p {
	font-size:24px;
	color:#C30;
	line-height:30px;
}

/*Format introduction area
*
*	.MainTable .intro {
*	width:650px;
*	margin-left:50px;
*	margin-bottom:30px;
*	margin-top:10px;
*}
*
*/

.MainTable .intro {
	width:650px;
	margin-bottom:30px;
	margin-top:0px;
}

.MainTable .intro p {
	text-align:justify;
	font-size:16px;
	line-height:20px;
}


.MainTable .hotnews ul li {
	line-height:20px;
	font-size:14px;
	font-weight:bolder;
	margin-left:0px;
	padding-left:30px;
	list-style-type:none;
	list-style-position:outside;
	background:url(new.gif) no-repeat left top;
}

.MainTable .hotnews .title {
	font-weight:bolder;
}

.leftlabel {
width:320px;
height:24px;
border:1px solid #A7CAFA;
line-height:24px;
margin-bottom:10px;
margin-right:5px;
vertical-align:top;
}

.leftlabel td{
	padding-bottom:0px;
	padding-left:4px;
	padding-right:2px;
	padding-top:2px;
	border:0px;
}

.leftlabel td.title {
	vertical-align:middle;
	text-align:left;
	background-color:#A7CAFA;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
}
.leftlabel td.label {
	background: none;
}

.rightlabel {
width:320px;
height:24px;
border:1px solid #A7CAFA;
line-height:24px;
margin-bottom:10px;
margin-left:5px;
vertical-align:top;
}

.rightlabel td{
	padding-bottom:0px;
	padding-left:4px;
	padding-right:2px;
	padding-top:2px;
	border:0px;
}

.rightlabel td.title {
	vertical-align:middle;
	text-align:left;
	background-color:#A7CAFA;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
}

.rightlabel td.label {
	background: none;
}

.content_list {
	text-align:justify;
}

.MainTable .sitemap {
	width:580px;
	margin-left:50px;
	margin-bottom:30px;
	margin-top:10px;
}

.sitemenu a {
	color: #663300;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
}

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

.sitemap ul li {
	font-size:12px;
	line-height:18px;
	list-style-position:outside;
	margin-left:16px;
	padding-left:0px;
	list-style-image:url(arrow_brown3.gif);
	vertical-align:middle;
}

.sitemap li a{
	font-size: 12px;
	text-decoration: underline;
}

.sitemap li a:link {
	color: #663300;
	text-decoration: none;
}
.sitemap li a:visited {
	text-decoration: none;
	color: #663300;
}
.sitemap li a:hover {
	text-decoration: underline;
	color: #663300;
}
.sitemap li a:active {
	text-decoration: none;
}