/* HTML5 setting*/
header, nav, aside, footer, article, section, meter, progress,figure {display: block;}

/* Body General Setting */
body		{margin: 0 auto;
		padding: 0;
		background: url(mainbg.jpg);
		font: 12px/1.6em Trebuchet MS, Helvetica, Arial, sans-serif;
		color: #78AD03;
		width: 980px;}
div		{font: 12px/1.6em Trebuchet MS, Helvetica, Arial, sans-serif;}
form		{margin:0;
		padding:0;}
ul		{padding:0;}
.title		{color:#71A307; font-weight:bold; font-size:13px;}
.red		{color: #FF0000;}
.yellow		{color: #FF6600; font-size:12px;}
.shr		{color: #71A307; font-size:16px;}
.gray		{color: #CCCCCC;}
.down		{color: #999999;}
.down td a	{color: #999999;}
.h1		{color:#71A307; font-weight:bold; font-size:12px;}
.h2		{color:#71A307; font-weight:bold; font-size:14px;}
.h3		{color:#71A307; font-weight:bold; font-size:16px;}
.bold		{font-weight: bold;}
.corner		{width: 5px; height: 25px;}
.bcorner	{width: 5px; height: 4px;}
.rss		{font-size: 80%;}
.clear		{height:1px; margin-top:1px;clear: both;overflow:hidden;}
.arrowright	{width: 4px; height: 7px;}
.center		{text-align: center;}
.indent		{text-indent: 2em;}


/* Link Style */
a:link, a:visited {color: #71A307; text-decoration: none;}
a:hover {color:#5B8305;text-decoration: none;}
a.setmenu:link,a.setmenu:visited {font-size:14px;text-decoration: none; color:#5B8305; }
a.setmenu:hover	{font-size:14px;text-decoration: underline;color:#5B8305; font-weight:bold;}
a.menu:link,a.menu:visited {font-size:13px;text-decoration: none; color:#71A307; font-weight:bold;}
a.menu:hover {font-size:13px;text-decoration: underline;color:#5B8305; font-weight:bold}
a.ads:link,a.ads:visited {font-size:12px;text-decoration: none; color:#5B8305;}
a.ads:hover {font-size:12px;text-decoration: underline;color:#CC3300;}
a.list:link,a.list:visited {font-size:13px;text-decoration: none; color:#71A307;}
a.list:hover {font-size:13px;text-decoration: none;color:#CC3300;}
a.title:link,a.title:visited {font-size:13px;text-decoration: none; color:#71A307; font-weight:bold;}
a.title:hover {font-size:13px;text-decoration: none;color:#5B8305; font-weight:bold;}
a.page:link{font-size:13px;text-decoration: none; color: #71A307; font-weight:bold;}
a.page:visited {font-size:13px;text-decoration: none; color: #FF6600; font-weight:bold;}
a.page:hover {font-size:13px;text-decoration: none;color:#5B8305; font-weight:bold;}

/* Header */
header		{height:95px;
		background: url(head_bg.gif);
		background-repeat: repeat-x; 
		margin-left: auto;
		width: 960px;
		margin-right: auto;}
#headlogo	{float: left;
		width: 227px;
		height: 92px;
		padding-left: 20px;}
#headright	{float: right; 
		width: 600px;
		margin-right: 10px;
		text-align: right;}
#headads	{height: 65px;
		padding: 5px;
		padding-bottom: 0;}
#headnav	{padding-right: 5px;
		padding-bottom: 5px;}

/* Nav */
nav		{clear:both;
		margin:5px auto;
		width: 960px;
		height: 27px;
		background: url(menu_bg.jpg);
		text-align: center;}
nav img		{width: 21px;
		height: 9px;}

/* Main Feild */
#main		{margin: auto;
		width: 960px;
		background: white;
		border-left:1px #EEF3C2 solid;
		border-right:1px #EEF3C2 solid;
		margin-bottom: 5px;}

#mbot		{clear: both; height: 6px; background: url(mbot_bg.jpg);}
#mbotl		{float: left; width: 6px; height: 6px;}
#mbotr		{float: right; width: 6px; height: 6px;}

/* Login */
#login		{clear:both;
		height:25px;
		padding-top:4px;
		background: url(login_bg.jpg);
		margin-left:1px;
		margin-right:1px;
		padding-left:6px;
		padding-right:6px;}
#statbar	{float:left;width:550px;
		padding-left:10px;}
#loginbar	{float: right;
		width:350px; 
		text-align:right;}
#loginbutton, #regbutton, #searchbutton	{width: 46px; height: 19px; border:0; vertical-align: middle;}
.Linput		{margin:0px;
		padding-left:5px;
		border:1px #A5E124 solid;
		width:80px;
		height:15px;
		color:#71A307;
		BACKGROUND: url(arrow_right.gif) no-repeat 0px 50%;
		vertical-align: middle;}


/* Bullentin */
#bullentin	{clear: both;
		width: 100%;}
#bleft		{float:left;
		width: 635px;}
#press		{float: left;
		width: 420px;
		padding: 5px;}
.presshead	{height:25px;
		background: url(miniL_bg.gif);}
.newshead	{height:25px;
		background: url(miniR_bg.gif);}
.pressheadL	{float: left;
		height: 25px;
		width: 5px;
		margin: 0;
		padding: 0;}
.pressheadC	{float: left;
		height: 22px;
		padding-top: 3px;
		padding-left: 10px;}
.pressheadR	{float: right;
		height:25px;
		width:5px;	
		margin: 0;
		padding: 0;
		z-index: 2;}
.textcontent	{clear:both;
		border-left:1px #EEF3C2 solid;
		border-right:1px #EEF3C2 solid;
 		padding-top:3px;}
.textline	{ margin:2px 4px;
		border-bottom:1px dashed #99E9FF; 
		white-space:nowrap;}
.textline span	{float: right;}
.pressbottom	{clear:both; height:4px; background: url(miniL_bot_bg.gif);}
.pressbottomL	{float: left; width: 5px; height:4px;}
.pressbottomR	{float: right; width: 5px; height:4px;}
#scorebroad	{float: right;
		width: 200px;
		padding: 5px;
		padding-left:0;}
#inbanner	{width: 612px;
		height:70px;
		margin-left: 5px;
		padding: 5px;
		border: 1px solid #EEF3C2;
		text-align: center;
		vertical-align: middle;}
#highlight	{float: right;
		width: 320px;
		padding:5px;
		padding-left:0;}
.textbg		{background: url(text_bg.gif);}
#hlight		{display:block;
		text-align:center;
		width:308px;
		height:260px;
		padding: 5px;
		border-left:1px #EEF3C2 solid;
		border-right:1px #EEF3C2 solid;}

/* HomePage News*/
#hpnews 	{clear:both;
		padding:5px;
		padding-top:0;}
#hpnewsL	{float:left;
		width:49.7%;
		margin-top:6px!important;
		margin-top:0;}
#hpnewsR	{float:right;
		width:49.7%;
		margin-top:6px!important;
		margin-top:0;}


/* Footer */
footer		{clear: both;
		background: url(footer_bg.gif);
		width: 960px;
		height: 90px;
		margin: 0 auto;}
#footerlogo	{vertical-align: middle;}
#copyright	{float: left;
		padding-top: 30px;
		padding-left: 30px;}
#validator	{float: right;
		padding-top: 30px;
		padding-right: 30px;}
.validatorpic	{opacity:0.7;
		filter:alpha(opacity=70);}
#bottomlink	{text-align: center;
		padding-top: 70px;}

/* Article */
article		{float: left;
		width: 620px;
		padding: 5px;}
section		{margin-bottom: 5px;}
.viewhead	{text-align: center;
		background-color: #F3FAFD;}
#articleinfo	{text-align: center;
		margin: 5px;
		border-bottom:1px dashed #99E9FF;
		padding-bottom: 2px;}
#maincontent	{margin: 10px 10px 20px 10px;}
#printandclose	{margin: 5px;
		border-bottom: 1px dashed #99E9FF;
		border-top: 1px dashed #99E9FF;
		padding: 2px 20px;
		text-align: right;}
#previous	{padding: 2px 15px;
		float: left;}
#next		{padding: 2px 15px;
		float: right;}
.searchlogo	{width: 40px; height: 13px;}
#searcharticle	{text-align: right;
		margin: 5px;
		border-bottom: 1px dashed #99E9FF;
		border-top: 1px dashed #99E9FF;
		padding: 5px 10px;}
.commentline	{margin: 2px 10px;
		padding: 5px;
		border-bottom: 1px dashed #99E9FF;}
.Pinput		{border:1px solid #99E9FF;
                height:20px;
                color:#71A307;
                vertical-align: middle;}
.Hinput, .Rinput{margin-left:10px;
		padding-left:5px;
		border:1px #A5E124 solid;
		width:320px;
		height:18px;
		color:#71A307;
		BACKGROUND: url(arrow_right.gif) no-repeat 0px 50%;
		vertical-align: middle;}
.Rinput		{width: 160px;}
.commenttable	{padding: 5px 15px;}
#commentarea	{width: 360px;
		height: 80px;
		border:1px solid #99E9FF;
		vertical-align: top;
		color:#71A307;}
.editor		{padding: 15px;
		padding-top: 5px;}
#delview	{margin: 10px;
		border:1px solid red;
		padding: 5px;}
#player, #hpic, #playlist	{background: #f8f8f8;
		border-top:1px solid #ccc;
		border-right:1px solid #666;
		border-bottom:2px solid #999;
		border-left:1px solid #ccc;
		padding: 7px;}
#player		{margin: 10px auto;
		width: 520px;}
#hpic		{margin: 10px auto;
		width: 200px;}
#playlist	{float: left; margin-left: 40px;
		width: 210px;}
.regpic		{height: 40px;}
#tvact		{display: block;
		width: 200px;
		text-align: center;
		margin-left: 10px 30px;}
#tvsource	{display: block;
		float: right;
		margin: 10px;
		padding: 10px;
		border: 1px solid #99E9FF;
		background-color:#F3FAFD;
		z-index: 2;}


/* Aside */
aside		{float: right;
		width: 320px;
		padding: 5px;}
#menu		{margin: 10px;}
.menuitem	{margin: 10px;}
.menusubitem	{margin: 5px;
		margin-top: -5px;}
#adsright       {padding: 10px;
		padding-top: 5px;} 
#mediaads	{margin: 0;
		padding:0;
		background-color: black;
		width: 520px;
		height: 15px;}

/* Tables */
table		{padding: 5px;
		width: 100%;}
th, tr		{height: 28px;
		vertical-align: middle;}
tr:nth-child(even){background-color: #F3FAFD;}
td		{border-bottom: 1px dashed #99E9FF;}
th, .tdbottom	{border-bottom: 1px solid #99E9FF;
		border-top: 1px solid #99E9FF;
		background-color: #E7F5FB;}
.thtitle	{padding-left: 15px;
		text-align: left;}
.thname		{text-align: center;
		width: 20%;}
.thauthor	{text-align: center;
		width: 13%;}
.thtime		{text-align: center;
		width: 20%;}
.thmodify, .thdelete, .thclick {text-align: center; width: 7%;}
.thtype		{text-align: center;
		width: 10%;}
.tdtitle	{padding-left: 5px;
		text-align: left;}
.tdname		{letter-spacing: 2px;
		text-align: center;}
.tdauthor, .tdbottom, .tdtime, .tdmodify, .tddelete, .tdtype, .tdclick, .tdsex, .tduser, .tdrealname, .tdbirth, .tdmail, .tdtel, .tdqq{text-align: center;}
.tdhelp		{text-align: center; width: 50px;}
.tdmodify:hover, .tddelete:hover {background-color: #9FD7F1;}
.regpictable	{margin: 0 auto;
		width: 90%;}
.regpictable tr td	{text-align: center;}

#sourcetype	{float: left;
		padding-left: 10px;
		padding-top: 5px;}
#sourcesort	{float: right;
		padding-right: 10px;
		padding-top: 5px;}
.CButton	{background-color: #E7F5FB;
		border: 1px solid #99E9FF;
		height: 25px;
		color: #71A307;}
.SButton	{background-color: #E7F5FB;
		border: 1px solid #71A307;
		height: 25px;
		font-weight: bold;
		color: #71A307;}

/* figures */
img.shade {
	background: #f8f8f8;
	border-top:1px solid #ccc;
	border-right:1px solid #666;
	border-bottom:2px solid #999;
	border-left:1px solid #ccc;
	padding: 7px;
}