@charset "UTF-8";
/* CSS Document */
#about .mainR{
	width:731px;
	margin: 0;
}
#about .mainL{
	margin:0 20px;
}
#about .slider{
	width:731px;
	position:relative;
	overflow:hidden;
}
#about #panelContainer{
	width:5117px;
	position:relative;
	left: 731px;
}
#about #panelContainer .panel1,
#about #panelContainer .panel2,
#about #panelContainer .panel3,
#about #panelContainer .panel4,
#about #panelContainer .panel5,
#about #panelContainer .panel6,
#about #panelContainer .panel7{
	float:left;
	width:731px;
}
#about #panelContainer .panel1 .contTitle,
#about #panelContainer .panel2 .contTitle,
#about #panelContainer .panel3 .contTitle,
#about #panelContainer .panel4 .contTitle,
#about #panelContainer .panel5 .contTitle,
#about #panelContainer .panel6 .contTitle,
#about #panelContainer .panel7 .contTitle{
	float:left;
	width:100px;
	height:555px;
}
#about #panelContainer .panel1 .contTitle{
	background:url(../images/about/about.gif) no-repeat 0 0 transparent;
}
#about #panelContainer .panel2 .contTitle{
	background:url(../images/about/about.gif) no-repeat -100px 0 transparent;
}
#about #panelContainer .panel3 .contTitle{
	background:url(../images/about/about.gif) no-repeat -200px 0 transparent;
}
#about #panelContainer .panel4 .contTitle{
	background:url(../images/about/about.gif) no-repeat -300px 0 transparent;
}
#about #panelContainer .panel5 .contTitle{
	background:url(../images/about/about.gif) no-repeat -400px 0 transparent;
}
#about #panelContainer .panel6 .contTitle{
	background:url(../images/about/about.gif) no-repeat -500px 0 transparent;
}
#about #panelContainer .panel7 .contTitle{
	background:url(../images/about/about.gif) no-repeat -600px 0 transparent;
}

#about #panelContainer .panel1 .cont,
#about #panelContainer .panel2 .cont,
#about #panelContainer .panel3 .cont,
#about #panelContainer .panel4 .cont,
#about #panelContainer .panel5 .cont,
#about #panelContainer .panel6 .cont,
#about #panelContainer .panel7 .cont{
	float:right;
	width:631px;
}
#about #panelContainer .panel1 .cont{
	background:url(../images/about/img1.gif) no-repeat 0 0 transparent;
}
#about #panelContainer .panel2 .cont{
	background:url(../images/about/img2.gif) no-repeat 0 0 transparent;
}
#about #panelContainer .panel3 .cont{
	background:url(../images/about/img3.gif) no-repeat 0 0 transparent;
}
#about #panelContainer .panel4 .cont{
	background:url(../images/about/img4.gif) no-repeat 0 0 transparent;
}
#about #panelContainer .panel5 .cont{
	background:url(../images/about/img5.gif) no-repeat 0 0 transparent;
}
#about #panelContainer .panel6 .cont{
	background:url(../images/about/img6.gif) no-repeat 0 0 transparent;
}
#about #panelContainer .panel7 .cont{
	background:url(../images/about/img7.gif) no-repeat 0 0 transparent;
}

#about #panelContainer .panel1 .contTx,
#about #panelContainer .panel2 .contTx,
#about #panelContainer .panel3 .contTx,
#about #panelContainer .panel4 .contTx,
#about #panelContainer .panel5 .contTx,
#about #panelContainer .panel6 .contTx,
#about #panelContainer .panel7 .contTx{
	float:left;
	display:inline;
	margin:276px 0 0 25px;
}
#about #panelContainer .panel2 .contTx{
	padding:0 0 0 90px;
	background:url(../images/about/about.gif) no-repeat -600px -731px transparent;
}

#about #panelContainer .panel7 .particiBtn{
	float: right;
	display:inline;
	margin: -50px 85px 0 0;
}
#about #panelContainer .panel7 .particiBtn a{
	width: 138px;
	height: 45px;
	background:url(../images/about/about.gif) no-repeat -224px -731px transparent;
}
#about #panelContainer .panel7 .particiBtn a:hover{
	background-position: -362px -731px;
}

#about #panelContainer .contTx strong{
	color:#00a0d2;
}

#about .contNextBtn{
	position:absolute;
	top:260px;
	right:0;
}
#about .contNextBtn a{
	width:62px;
	height:115px;
	background:url(../images/about/about.gif) no-repeat 0 -731px transparent;
}
#about .contNextBtn a:hover{
	background-position: -62px -731px;
}

#about .contBackBtn{
	position:absolute;
	top:387px;
	right:0;
}
#about .contBackBtn a{
	width:40px;
	height:75px;
	background:url(../images/about/about.gif) no-repeat -134px -731px transparent;
}
#about .contBackBtn a:hover{
	background-position: -174px -731px;
}

/* ----- contMenu ----- */
#about .contMenu{
	clear:both;
	margin:20px 0 0 24px;
}
#about .contMenu li{
	background:url(../images/about/about.gif) no-repeat 0 -555px transparent;
	width:99px;
	height:88px;
	float:left;
}
#about .contMenu .end{
	background:none;
	width:88px;
	height:88px;
}
#about .contMenu .btn1 a{
	background:url(../images/about/about.gif) no-repeat -99px -555px transparent;
	width:88px;
	height:88px;
}
#about .contMenu .btn1 a:hover,
#about .contMenu .btn1 .nCurrent{
	background-position: -99px -643px;
}
#about .contMenu .btn2 a{
	background:url(../images/about/about.gif) no-repeat -188px -555px transparent;
	width:88px;
	height:88px;
}
#about .contMenu .btn2 a:hover,
#about .contMenu .btn2 .nCurrent{
	background-position: -188px -643px;
}
#about .contMenu .btn3 a{
	background:url(../images/about/about.gif) no-repeat -277px -555px transparent;
	width:88px;
	height:88px;
}
#about .contMenu .btn3 a:hover,
#about .contMenu .btn3 .nCurrent{
	background-position: -277px -643px;
}
#about .contMenu .btn4 a{
	background:url(../images/about/about.gif) no-repeat -366px -555px transparent;
	width:88px;
	height:88px;
}
#about .contMenu .btn4 a:hover,
#about .contMenu .btn4 .nCurrent{
	background-position: -366px -643px;
}
#about .contMenu .btn5 a{
	background:url(../images/about/about.gif) no-repeat -455px -555px transparent;
	width:88px;
	height:88px;
}
#about .contMenu .btn5 a:hover,
#about .contMenu .btn5 .nCurrent{
	background-position: -455px -643px;
}
#about .contMenu .btn6 a{
	background:url(../images/about/about.gif) no-repeat -544px -555px transparent;
	width:88px;
	height:88px;
}
#about .contMenu .btn6 a:hover,
#about .contMenu .btn6 .nCurrent{
	background-position: -544px -643px;
}
#about .contMenu .btn7 a{
	background:url(../images/about/about.gif) no-repeat -633px -555px transparent;
	width:88px;
	height:88px;
}
#about .contMenu .btn7 a:hover,
#about .contMenu .btn7 .nCurrent{
	background-position: -633px -643px;
}