@charset "utf-8";
/* CSS Document */

#key{
	height: 350px;
	background-repeat: repeat;
	background-position: center top;
	overflow: hidden;
	margin: 0px auto 0 auto;
	padding: 0 0 0;
	clear: both;
	background-image: url(../images/index/back_key.png);
}


#keyInner{
	width:1108px;
	height:350px;
	margin:0px auto;
	padding:0;
	position:relative;	
	}


#keyInner img{
	}
#jquery-cycle-prev img{
	border:none;
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	}
#jquery-cycle-next img{
	border:none;
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
}


#indexClassContainer{
background:url(../images/index/indexClassContainer_bg.png) no-repeat center 0;
	width: 100%;
	margin: 0;
	padding: 0px 0 20px 0;
	height: 250px;

	}

#indexClass div#classtop{
	width:194px;
	height:218px;
	/*background-color:#ffffff;*/
/*	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.2);*/
	float:left;
	}
#indexClass div#classtop:hover{
	border-color:#dd2211;
	}




#indexContainer{

	padding: 0px 0 0 0;
	margin: 0;
/* 	border-top: 1px solid #ffffff;
	background-color:#ffffff;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(../images/index/back_index.jpg);
 */	}

#index{
	/* background-color:#ffffff; */
	}
#indexLeft{
	width:640px;
	float:left;
	}

#indexLeft div,#indexRight div{
	margin:0 0 20px 0;
	}


#indexGreeting{
	padding:20px 160px 40px 0;
	background-image: url(../images/index/greeting.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height:220px;
	}

#indexNews{
	margin:0 0 80px 0;
	}
#indexNews dl{
	clear:both;
	padding:8px 0;
	border-bottom:1px dotted #ddd;
	}
#indexNews dt{
	line-height:20px;
	font-size:11px;
	width:10em;
	float:left;
	}
#indexNews dd{
	margin:0 0 0 10em;
	padding:0 0 0 10px;
	font-size:12px;
	line-height:20px;
	}


/* 
#indexOrder,#indexInfo,#indexBanner ul li a img{
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
} */



/* 
#indexInfo{
	background-image: url(../images/index/back_key.png);
	background-position: right bottom;
	color: #FFF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
 */

#indexInfo{
margin-bottom:50px;
}


#indexInfo h4{
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	text-align: left;
	border: none;
	background-image: url(../images/common/h3_2.png);
	background-position: right bottom;
	background-repeat:no-repeat;
	color: #444;
	}
#indexInfo ul{
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	}
	
	
#indexInfo ul li{
	/* padding:10px; */
/* margin:10px; */
/* 	clear:both; */
	background-color:rgba(255,255,255,0.9);
	background-color:#ffffff\9;
/*	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
*/	border: 0px solid #949494;
/* 	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1); */
	/* height:80px; */
	/*width:630px;*/
	
	overflow:hidden;
	float:left;
	}
	
	#indexInfo ul li:nth-child(even){
	margin-left:20px;
	}

#indexInfo ul li:hover{
	background-color:rgba(255,255,255,1.0);
	}

#indexInfo li div.classphoto{
	float:left;
	/* width:90px; */
	width:216px;
	height: 160px;
	}
		
#indexInfo h4{
	border:none;
	color:#e46b70;
	text-align:center;
	font-weight:normal;
	/* border-bottom:2px solid #ffffff; */
	background:none;
	font-size:24px;
	
	
	}


li#singlePostListHeader{
	background: #fff url("../images/index/back_content.png") 0 0 repeat;
}

#indexInfo h4#singlePostListHeader0{
	position: absolute;
	top:25px;
	left:27px;
	color:#ffffff;
}


#indexInfo p#indexClassDetail{
	position: absolute;
	top:80px;
	left:25px;
	color:#ffffff;
	font-size: 15px;
	text-align: left;
	line-height: 140%;
	    width: 440px;
}
	
	
#indexInfo ul li h5{
	font-size:16px;
	padding:15px 0 15px 0;
	line-height:20px;
	color:#E46B70;
	position: absolute;
	left: 231px;
	}
	
#indexInfo ul li:hover{
	box-shadow:0 0 1px #FF6A6E;
}	
#indexInfo ul li p{
	font-size:13px;
	line-height:16px;
	position: absolute;
	 left: 231px;
	 top:45px;
	}
#indexInfo ul li p a{
	color:#555555;
	}
#indexInfo ul li:hover h5,#indexInfo ul li:hover p a{
	color:#dd2211;
	}
#indexRight #indexBanner ul{
	clear:both;}
#indexRight #indexBanner ul li{
	margin:0;
	padding:0 0 5px 10px;
	line-height:100%;
	width:280px;
	float:left;
	}
#indexBanner ul li a{
	display:block;
	margin:0;
	padding:0;
	}
#indexBanner ul li a img{
	padding:1px;
	margin:0;
border:1px solid #ffffff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	}
	

#jquery-cycle{
	width:1060px;
	margin:0 auto;
	}


.classphoto img{
	width: 212px;
	height: 160px;
}


#singlePostListHeader{
	position: relative;
	height: 160px;
}



#indexClassDetail{
	width: 550px;
}