html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
body{
	margin:0px auto;
	background-color:#FFF;
}
*{
	margin:0px auto;
	font-family:Tahoma;
}
table{
	border:0px;
}

td{
	padding:0px;
	vertical-align:top;
	text-align: left;
	margin-bottom:5px;
}
.tdH{
	padding:5px;
	height:20px;
}
.tdH a{
	text-decoration:none;
	color:#333333;
}
.tdH a:hover{
	text-decoration:underline;
	color:#FF6600;
}
ul{
	margin:0px; padding:0px;
}
ul li{
	margin:0px; padding:0px;
}

html>body, html>body #contents {
	height: auto;
}

body {
	margin: 0; padding:0;
}

#main {
	width:993px;
}
#top{
	width:993px; height:68px;
	float:left;
}
#menu{
	width:625px; height:48px;
	float:left;
	/*background:url(images/bg-menu.jpg) repeat-x;*/
	background-color:#000;
	padding-top:20px;
	padding-left:50px;
}
#logo{
	width:318px; height:68px;
	float:left;
	background:url(images/logo.jpg) no-repeat;
}
#middle{
	width:993px; height:399px;
	background:url(images/bg-middle.jpg) repeat-x;
	float:left;
}
#middle .news{
	width:408px; height:359px;
	float:right;
	padding-left:41px; padding-top:40px;
}
#middle .banner{
	width:532px; height:384px;
	float:left;
	background:url(images/banner.jpg) no-repeat;
}
#middle-forum{
	width:993px; height:179px;
	float:left;
}
#middle-forum .banner-forum{
	width:993px; height:179px;
	float:left;
	background:url(images/forum_banner.jpg) no-repeat;
}
#middle .news .header{
	width:356px; height:47px;
	background:url(images/head_news.jpg) no-repeat;
	float:left;
}
#dateicon{
	width:49px; height:47px;
	float:left;
}
#middle .news .content{
	width:356px;
	float:left;
	padding-top:7px;
}
#middle .news .item-bg{
	width:356px; height:20px;
	float:left;
	background:url(images/bg-news-content.jpg) no-repeat;
}
#middle .news .item-none{
	width:356px; height:20px;
	float:left;
}
#middle .news .desc{
	padding-top:3px;
	padding-left:5px;
	font-size:10px;
	color:#FFF;
}
#middle .news .desc a{
	text-decoration:none;
	color:#FFF;
}
#middle .news .desc a:hover{
	text-decoration:none;
	color:#900;
}
#middle .news .icon{
	background:url(images/news-icon.jpg) no-repeat bottom;
	width:17px; height:18px;
	float:right;
}
#middle .news .sep{
	background:url(images/sep.jpg) no-repeat;
	width:356px; height:2px;
	float:right;
	margin-top:10px;
}
#middle .demo{
	width:356px; height:76px;
	float:left;
	margin-top:10px;
}
#middle .demo .pic{
	width:145px; height:76px;
	float:left; margin-right:10px;
}
#middle .demo .head{
	width:64px; height:14px;
	float:left;
	background:url(images/demo-news-head.jpg) no-repeat;
	font-size:10px; color:#FFF;
	padding-left:5px; padding-top:3px;
}
#middle .demo .desc{
	width:180px;
	font-size:9px;
	color:#FFF;
	float:left;
}
#content{
	width:993px; height:543px;
	float:left;
}
#contentBlock1{
	width:354px;
	float:left;
}
#BlockCall{
	width:354px; height:161px;
	float:left;
}
#BlockCall .call{
	width:198px; height:161px;
	float:left;
	
}
#BlockCall .video{
	width:152px; height:155px;
	float:left;
	padding-left:4px; padding-top:6px;
}
#BlockCall .video .player{
	width:139px; height:109px;
	float:left;
	background:url(images/player.jpg) no-repeat;
	padding-left:11px; padding-top:11px;
}
#BlockWel{
	width:354px;
	float:left;
	background:url(images/block_wel.jpg) no-repeat bottom;
}
#BlockWel .header{
	width:324px; height:29px;
	float:left;
	background:url(images/header_wel.jpg) no-repeat;
	padding-left:30px; padding-top:10px;
	color:#FF6600;
}
#BlockWel .desc{
	width:314px;
	float:left;
	font-size:11px;
	color:#333333;
	padding-top:20px;
	padding-left:20px;
}
#BlockWel .pic{
	width:93px; height:94px;
	float:left;
	margin:10px;
}
#BlockSlide{
	width:349px; height:161px;
	float:left;
	padding-left:5px;
	padding-top:15px;
}
#BlockSlide .item{
	width:101px; height:109px;
	float:left;
}
#BlockSlide .pic{
	width:101px; height:65px;
	float:left;
}
#BlockSlide .item .head{
	width:97px; height:19px;
	float:left;
	background:url(images/head-slider.jpg) no-repeat;
	padding-left:4px; padding-top:4px;
	font-size:12px;
	color:#FF6600;
}
#BlockSlide .gab{
	width:20px; height:109px;
	float:left;
	background:url(images/gab.jpg) no-repeat;
}
#contentBlock2{
	width:639px;
	float:left;
}
#BlockTop{
	width:639px; height:161px;
	float:left;
}
#BlockTop .item{
	width:160px; height:134px;
	float:left; padding-left:27px; padding-top:27px;
}
#BlockTop .item .pic{
	width:55px; height:55px;
	float:left;
}
#BlockTop .item .text{
	width:95px; height:45px;
	float:left;
	font-size:10px;
	padding-left:10px; padding-top:10px;
}
#BlockTop .item .click{
	width:76px; height:13px;
	float:left;
	background:url(images/top-item-view.jpg) no-repeat;
	margin-top:25px;
	font-size:10px;
	padding-top:2px;
	padding-left:10px;
}
#BlockTop .item .click a{
	display:block; height:15px;
	text-decoration:none;
}
#BlockTop .space{
	width:1px; height:107px;
	float:left;
	background:url(images/space.jpg) no-repeat;
}
#BlockBanner{
	width:623px; height:322px;
	float:left;
	padding-left:16px;
}
#BlockForum{
	width:349px; height:204px;
	float:left;
	font-size:12px;
}
#BlockForum .header{
	width:319px; height:29px;
	float:left;
	background:url(images/header_forum.jpg) no-repeat;
	color:#FF6600;
	padding-left:30px; padding-top:10px;
}
#BlockForum .content{
	width:349px; height:155px;
	float:left;
	background:url(images/forum-bg.jpg) no-repeat;
	padding-top:10px;
}
#BlockForum .content .item{
	width:314px; height:14px;
	float:left;
	background:url(images/item-forum.jpg) no-repeat;
	font-size:12px;
	padding-left:30px;
	margin-bottom:10px;
}
#BlockForum .content .item a{
	color:#666;
}
#BlockForum .content .date{
	float:right;
	color:#F90;
}
#BlockSearch{
	width:258px; height:204px;
	float:left;
	padding-left:16px;
}
#BlockSearch .box{
	width:146px; height:167px;
	float:left;
	background:url(images/search_bg.jpg) no-repeat;
	padding-left:20px;
	padding-top:10px;
}
#BlockSearch .box .textbox{
	margin-top:10px;
}
#BlockSearch .box .text{
	padding-top:20px;
	font-size:9px;
}
#BlockSearch .box .text a{
	font-size:9px;
}
#BlockBannerPic{
	width:528px; height:72px;
	float:left;
	margin-top:20px;
}
#BlockWhy{
	width:623px;
	float:left;
	padding-top:10px;
	}
#BlockWhy .contentHeader{
	width:573px;
	height:24px;
	float:left;
	font-size:14px;
	color:#FF6600;
	padding-left:50px; padding-top:15px;
	background:url(images/header.jpg) no-repeat;
}
#BlockWhy .contentSubHeader{
	width:573px;
	height:17px;
	float:left;
	font-size:10px;
	color:#FF6600;
	padding-left:15px; padding-top:8px;
	margin-bottom:10px;
	clear:both;
	background:url(images/subheader2.jpg) no-repeat;
}
#BlockWhy .contentSubText{
	width:553px;
	float:left;
	margin-bottom:15px;

}
#BlockWhy .contentText{
	width:583px;
	float:left;
	font-size:12px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}

#contentGallery{
	width:993px;
	float:left;
	text-align:center;
	position:relative;
}
#contentI-fund{
	width:993px;
	float:left;
	padding-top:20px;
}
#contentService{
	width:993px;
	float:left;
	padding-top:20px;
}
#contentWebboard{
	width:993px;
	float:left;
	padding-top:20px;
}
#contentService{
	width:993px;
	float:left;
	padding-top:20px;
}
#contentContact{
	width:993px;
	float:left;
	padding-top:20px;
}
.contentHeader{
	width:943px;
	height:24px;
	float:left;
	font-size:14px;
	color:#FF6600;
	padding-left:50px; padding-top:15px;
	background:url(images/header.jpg) no-repeat;
}
.contentSubHeader{
	width:913px;
	height:17px;
	float:left;
	font-size:12px;
	color:#FF6600;
	padding-left:30px; padding-top:8px;
	margin-bottom:10px;
	clear:both;
	background:url(images/subheader.jpg) no-repeat;
}
.contentSubText{
	width:893px;
	float:left;
	margin-bottom:15px;

}
.contentText{
	width:953px;
	float:left;
	font-size:12px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}
.map{
	width:565px;
	height:341px;
	float:left;
}
.orange{
	color:#F90;
	font-weight:bold;
	font-size:14px;
}
.address{
	width:348px;
	float:left;
	padding-left:40px;
}
.address a{
	color:#333;
	text-decoration:none;
}
.address a:hover{
	color:#F90;
	text-decoration:none;
}

#footer{
	width:993px;
	height:109px;
	float:left;
	background:url(images/footer.jpg) no-repeat;
	position:relative;
}
#footer .menu{
	width:300px;
	float:left;
	font-size:10px;
	margin-top:10px;
	margin-left:20px;
	color:#999;
	}
#footer .menu a{
	text-decoration:none;
	color:#999;
	}
	#footer .menu a:hover{
	text-decoration:none;
	color:#F60;
	}

.zitem {
	width:125px;
	height:125px;	
	border:4px solid #222;	
	margin:5px 5px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitem .caption {
	width:125px;
	height:30px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.clear {
	clear:both;	
}

/* 
Credits: Bit Repository
CSS Library: http://www.bitrepositiry.com/
*/

.notification_error
{
border: 1px solid #A25965;
height: auto;
width: 90%;
padding: 4px;
background: #F8F0F1;
text-align: left;
-moz-border-radius: 5px;
}

.notification_ok
{
border: 1px #567397 solid;
height: auto;
width: 90%
padding: 8px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 5px;
}

.info_fieldset { -moz-border-radius: 7px; border: 1px #dddddd solid; }

.info_fieldset legend
{
border: 1px #dddddd solid; 
color: black; 

font: 13px Verdana;

padding: 2px 5px 2px 5px;
-moz-border-radius: 3px;
}

.button
{
border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

background: white;

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}

/* Label */
label  { width: 140px; padding-left: 20px; margin: 5px; float: left; text-align: left; }

/* Input, Textarea */
input, textarea
{
margin: 5px;
padding: 0px; 
float: left;

border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}
.orange{
	color:#F90;
	font-size:12px;
}
#submenu{
	width:461px;
	height:36px;
	float:left;
	background-color:#584b31;
	color:#FFF;
	font-size:12px;
}
div.c4 {text-align: right}
div.c3 {font-weight: bold; text-align: center}
div.c2 {text-align: left}
div.c1 {text-align: center}
.submenu_list{ width:650px; text-align:center; height:20px;}
.submenu_list a 
{
	text-decoration:none;
	display:block;
	padding-right:15px;
	padding-left:15px;
	padding-top:5px;
	float:left;
	height:20px;
	color:#FF6600; font-weight:bold;
	text-align:center;
}
.submenu_list a:hover 
{
	height:20px;
	color:#ffffff; font-weight:bold;
	background-color:#FF6600;
	text-decoration:none;
	text-align:center;
}
.headerTable{padding:15px;}
.subheaderTable{padding:5px;}