/* CSS Document */
/************** only for index **********************/
		#click_here{
	background-image:url(../images/click_here.gif);
	background-repeat:no-repeat;
	height:34px;
	width:auto;
	display: block;
	padding-left: 105px;
	padding-top:5px;
	margin-top: 5px; cursor:pointer;
		}

			.index_content_float_left{
	float:left;
	width: 468px;
	clear: left;
	height: auto;
			}
			.index_content_float_right{
	float:right;
	width: 221px;
	clear: right;
			}

/********--specail tab --***********/
#tab_container {
	width: 95%;
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;
}
#tab {
	margin-left: 0;
	padding-left: 0;
	height: 31px;
	overflow: hidden;
}
#tab li {
	float: left;
	width: auto;
	height: 200px;
	list-style-type: none;
}
#tab li a {
	display: block;
	width: 148px;
	height: 100px;
	color: #777;
	text-align: center;
	font-size: 10px;
	text-indent: -9999px;
}
#tab_container #tab{ 
background-image:url(../images/special_tab_1_on.gif);
height:500px;
}

#page1 {
	height:90px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}


	
	#special{
	height:33px;
	width: 468px;
	background-image: url(../images/special_color_bar.gif);
	background-repeat: no-repeat;
	}
.index_content_bg_glay_mid_for_special{
	/*height:280px;*height:280px;*/
	background-image:url(../images/index_content_bg_glay_mid.gif);
	background-repeat:repeat-y;
	float:left;
	width:468px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height:1.3;
					
}
#page1 img,#page2 img,#page3 img{
	float:left; border:1px solid #bcbcbc;
}

.special_text_area{
	width: 290px;
	float: right;
	height: auto;
}

.page1, .page1-new {
	padding:10px;
	margin:5px 10px;
}
.page1 img, .page1-new img {
	float:left;
	border:1px solid #cccccc;
	padding:3px;
	background:#ffffff;
}
.page1-new {
	background-color:#FFFFDD;
}


/********-- recommend --***********/
					
					#recommend{
 background-image:url(../images/recommend_color_bar.gif);
 background-repeat:no-repeat;
 height:33px;
 width: 468px;
 margin-top: 10px;
 float:left;
}
								.index_content_bg_glay_mid_for_recomend{
				background-image:url(../images/index_content_bg_glay_mid.gif);
				background-repeat:repeat-y;
				height:170px;
				width: 468px;
				 float:left;
					}
					
/********-- information --***********/
			#information{
			background-image:url(../images/informaiton_color_bar.gif);
			background-repeat:no-repeat;
			height:33px;
			width: 468px;
			margin-top: 10px;
			float:left;
	 
					}
						.index_content_bg_glay_mid_for_informaiton{
					background-image:url(../images/index_content_bg_glay_mid.gif);
					background-repeat:repeat-y;
					height:100px;
					width: 468px; float:left;
						}
	
						.index_content_bg_glay_bottom{
					 background-image:url(../images/index_content_bg_glay_bottom.gif);
					 background-repeat:no-repeat;
					 height:12px;
					 width: 468px;
					 margin:0;
					 padding:0;
					 border:none;
					 float:left;
					 clear:both;
					}
					/****-  group icon-*****/
					.group_program_banner{
					margin-top:15px;
					height:58px;
					width: 468px; float:left;
						}
							
						#information_ul_left,#information_ul_right{
							float:left;
							line-height:1.5;
							width:230px;
							height: auto;
							margin-top:6px;
							font-weight:bold;
						}
	
							#information_ul_left li,#information_ul_right li{
							margin-left:30px;
							list-style-type: none;
							line-height: 25px;
							background-image: url(../images/information_list_header_icon.gif);
							background-repeat: no-repeat;
							padding-left: 20px;
							background-position: 0px 4px;
												}

/********-- experience --***********/
#experience{
	background-image:url(../images/experience_color_bar.gif);
	background-repeat:no-repeat;
	height:37px;
	width: 221px;

	}
				
.exprerience_bg_mid{
	background-repeat:no-repeat;
	height:217px;
	width: 221px;
	background-image: url(../images/exprerience_bg_mid.gif);
					}
					
.exprerience_bg_down_btn{
	background-image:url(../images/exprerience_bg_down_btn.gif);
	background-repeat:no-repeat;
	height:10px;
	width: 221px;
					}
.cf_element{
	width:200px;
	margin-left: 10px;
	padding-top: 6px;
}
.cf_element img{ margin-top:10px;}
.cf_element div{
	line-height:15px;
	margin-bottom: 5px;
	border: 1px solid #BCBCBC;
	padding: 3px;
	background-image: url(../images/real_story_each_bg.gif);
	background-repeat: repeat-x;
}
/***- tag cloud -***/
#tag_cloud{
	background-image:url(../images/tag_cloud_color_bar.gif);
	background-repeat:no-repeat;
	height:37px;
	width: 221px;
	margin-top:5px;
	}

/********-- whats new --***********/
					#whats_new{
	background-image:url(../images/whats_new_color_bar.gif);
	background-repeat:no-repeat;
	height:33px;
	width: 221px;
					}
						.whats_new_bg_mid{
	background-image:url(../images/whats_new_bg_mid_510.gif);
	background-repeat:no-repeat;
	height:510px;
	width: 221px;
	padding-top: 5px;
					}
						.whats_new_each_info_1{
	width: 193px;
	height: 68px;
	margin-left: 10px;
	background-image: url(../images/whats_new_each_bg.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	line-height: 17px;
						}/*firefox �C���K�v**/
							.whats_new_each_info_1 .whats_new_text_area img{ width:16px; height:11px;}
							
							.whats_new_data_time{
	font-size:14px;
}
							.whats_new_text_area{
	height: 50px;
	width: 125px;
}
						.whats_new_bg_mid img{
	float:right;
	height: 64px;
	width: 64px;
	clear: left;
}


.clearfix:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/*Hides from IE-mac\*/
*html .clearfix{
height:1%;
}
.clearfix{
display:block;
}