.showtipbox{height:327px;position:relative;width:1005px;background:url(../images/banner-2009-12-24.jpg) no-repeat;margin:-6px 0 0 -28px;*margin:-6px 0 0 -27px;}
* html .showtipbox{height:327px;position:relative;width:1005px;background:url(../images/banner.jpg) no-repeat;margin:-6px 0 0 -30px;}
.showtipbox .showtip{position:absolute;top:24px;right:54px;}
.logos{margin:16px 0 42px 0;height:42px;}
.logos li{float:left;position:relative;display:block;list-style-type:none !important;}
.logos li img{display:block;}
.introArea,.newsArea,.relationArea,.activities,.bbsTitle,.showpicbox{float:left;}
.introArea{color:#818285;background:url("../images/introduction_bg.gif") no-repeat;width:297px;padding-top:40px;}
.newsArea{background:url("../images/news_bg.gif") no-repeat;width:327px;padding-top:40px;margin-left:26px;}
.newsArea li{line-height:20px;height:20px;color:#007ab2;list-style-type:none !important;}
.newsArea li a:hover{color:#02b1e8;}
.newsArea li .date{color:#cbcbcb;font:10px/20px Verdana;}
.relationArea{background:url("../images/relation_bg.gif") no-repeat;width:297px;padding-top:38px;}
.relationArea p{margin-top:10px;color:#818285;line-height:15px;}
.relationArea a{color:#007ab2;}
/**********2009-12-24**********/
.activities{background:url(../images/new-activities-2009-12-24.gif) no-repeat;width:297px;margin-top:20px;padding-top:40px;}
.activities li{color:#007ab2;font-size:11px;font:10px/20px Verdana;list-style-type:none !important;}
/*.activities li a{padding:0 10px;font-size:12px;}*/
.activities li a{padding-top:0px; padding-bottom:0px;padding-right:0px; font-size:12px;}
.bbsTitle{background:url(../images/bbsTitle-2009-12-24.gif) no-repeat;width:297px;margin:20px 26px 10px 26px;padding-top:40px;color:#007ab2;}
.bbsTitle li{list-style-type:none !important;}
.bbsTitle li a{font-size:12px;}
.bbsTitle li .date,
.activities li .date{color:#cbcbcb;font:10px/20px Verdana;}
.showpicbox{width:297px;margin-top:20px}
.mainbody{height:320px;}


.displaynone
{
	display: none;
}
#scrollimages
{
	overflow: hidden;
	width: 948px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#scrollinfos
{
	overflow: hidden;
	width: 1068px !important;
	width: 948px;
	margin: -110px 0px 0px -60px;
	
	padding: 0px 0px 0px 0px;
}
*+html #scrollinfos
{
	overflow: hidden;
	width: 1068px;
	margin: -110px 0px 0px -60px;
	
	padding: 0px 0px 0px 0px;
}
#scrollimages ul,#scrollinfos ul
{
	width: 10000px;
}
#scrollimages ul li,#scrollinfos ul li
{
	float: left;
	list-style: none;
}
#scrollimages ul li img
{
	cursor: pointer;
}
.infobox
{
	height: 90px;
	width: 112px;
	margin: 0px 0px 0px 0px;
	padding: 10px 6px 10px 6px;
	background-image: url("../images/tip_logo.png");
	background-repeat: no-repeat;
	line-height: 14px;
	position: relative;
	z-index: 9999;
	font-size:12px;
	overflow:hidden;
	text-align:left;

}
.loadstate
{
	display: block;
	height: 110px;
	margin: 0px 0px 0px 0px;
}
.loadstate .infobox
{
	display: none;
}
.overstate .infobox
{
	display: block;
}

.random{background:url(../images/index_random_bg.gif) no-repeat 0 0;width:250px;height:100px;padding:18px 0 0 47px;overflow:hidden;}
.random h2{font-size:18px;color:#00aeef;font-family:Verdana, Arial, Sans-Serif;}
.random p{color:#00aeef;font-size:13px;padding-top:5px;width:215px;font-family:Verdana, Arial, Sans-Serif;line-height:16px; height: 64px; overflow: hidden;}
.random p a{color:#00aeef;}
.random h2 a{color:#00aeef;}
.random p a:hover{color:#00aeef;}
.random h2 a:hover{color:#00aeef;}