/* head */
/* add */

#index-header #nav li{}
#index-header-item {
	float:right;
	width: 400px;
	_width: 450px;
	text-align:right;
	padding-top: 15px;
	color: #CCCCCC;
	font-size: 11px; 
	margin-top:-10px; 
	*margin-top:-10px; 
	_margin-top:-60px;  
	line-height:24px; 
}
#index-header-item a, #index-header-item a:hover{color:#fff;}
#index-header{ 
	background:url(../images/index/index-head-bg.jpg) repeat-x; 
	display:block; 
	width:100%; 
	height:107px; 
	padding-bottom:0px; 
}
#index-header .container{ padding-top: 20px; }
.index-remember, .index-password{ 
	margin-right:10px;
	float:left;
	width:140px;
	text-align:right; 
	margin-top:0px; 
	display:block;
}
.index-remember input, .index-password input{ max-width:140px; vertical-align:middle; }
.index-password{ float:left; _margin-top:-4px; }
.index-signup{ text-align:left; _margin-top:-4px;}	
.index.checkbox { margin: 0px;padding: 0px; }
.index-mainbody { 
	float: left;
	width: 100%;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	height: 570px;
	ackground-color: #C0C0C0;
}
.index p { 
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
.index table { margin: 0px;}
.index table td { 
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 2px;
}
.index .box-top { 
	background-image: url(../../images/index_box_bg_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 15px;
	margin: 0px;
	padding: 0px;
}
.index .box-mid {
	padding-right: 20px;
	margin: 0px;
	padding-bottom: 10px;
}
.index .box-btn { 
	background-image: url(../../images/index_box_bg_btn.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 15px;
	margin: 0px;
	padding: 0px;
}
.index .box-slogan { 
	font-size: 17px;
	line-height: 1em;
	font-weight: bold;
	padding-right: 10px;
}
	
	/* .index h2 { margin: 0px;padding: 0px;} */
	/* .index h4 { color: #666666;margin-bottom: 10px;}*/
.index-signup {
	font-size: 23px;
	font-weight: bold;
}	
input.index-text { 
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	margin: 0px;
	height: 15px;
	padding: 1px;
}
#index-footer { 
	text-align: center;
	margin-top: 10px;
	font-size: 11px;
	float: left;
	width: 100%;
}	
#index-footer  a { 
	color: #FFFFFF;
	text-decoration: none;
}
#index-footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.demo-screenshot td {
	text-align: center;
	font-weight: bold;
	color: #CC0000;
}
.img-style1 img { margin-top: 5px;}
select.index { font-size: 11px;}
.box4{
	width:210px; 
	height: 90px; 
	float:left; 
	margin-right:10px; 
	_margin-right:10px;
	padding: 115px 10px 10px 10px; 
	font-size:0.9em;
}
.box4 a{ color: #333; text-decoration: none;}
.box4 a :hover{ text-decoration:underline; }   
.box4 h4 {margin-bottom: 0px;}		
/* .boxs .last{ margin-right:0px;}*/
.box4-1 { background-image: url(../../images/index_item4.jpg);background-repeat: no-repeat;}
.box4-2 { background-image: url(../../images/index_item2.jpg);background-repeat: no-repeat;}
.box4-3 { background-image: url(../../images/index_item1.jpg);background-repeat: no-repeat;}
.box4-4 { background-image: url(../../images/index_item3.jpg);background-repeat: no-repeat;margin-right:0px;}
.header-subscription { 
	border-left:1px solid #444444;
	color:#FFFFFF;
	float:left;
	font-size:12px;
	line-height:120%;
	margin-top:18px;
	padding-left:12px;
	width:280px;
}	
#section1-09{ width:95%;height:332px;float:left;}
#section2-09{ width:95%;height:332px;float:left;}
#section3-09{ width:95%;height:332px;float:left;}
#section4-09{ width:95%;height:332px;float:left;}
	
.f-trial{
	width:0px;
	height:0px;
	overflow:visible;
	float:left;
}

/* glider */
#my-glider{ position: relative;}
#my-glider .controls {
	right: 30px;
	height: 20px;
	overflow: hidden;
	top:10px; 
	z-index: 9000;
	position: absolute; 
}
#my-glider .controls a {
	float: left;
	width: 14px;
	height: 14px;
	margin: 2px;
	text-indent: -9999px;
	text-decoration: none;
	outline:none;
	hide-focus: expression(this.hideFocus = true);
	background: url(../images/glider_control.png) 0 -28px no-repeat; 
}
#my-glider .controls a:hover {background: url(../images/glider_control.png) 0 -14px no-repeat;}
#my-glider .controls a.activeSlide { background: url(../images/glider_control.png) 0 0 no-repeat; }
/* glider2 */
#my-glider2{ position: relative;}
#my-glider2 .controls {
	right: 30px;
	height: 20px;
	overflow: hidden;
	top:10px; 
	z-index: 9000;
	position: absolute; 
}
#my-glider2 .controls a {
	float: left;
	width: 14px;
	height: 14px;
	margin: 2px;
	text-indent: -9999px;
	text-decoration: none;
	outline:none;
	hide-focus: expression(this.hideFocus = true);
	background: url(../images/glider_control2.png) 0 -28px no-repeat; 
}
#my-glider2 .controls a:hover {background: url(../images/glider_control2.png) 0 -14px no-repeat;}
#my-glider2 .controls a.activeSlide { background: url(../images/glider_control2.png) 0 0 no-repeat; }
.ad-L p{ font-size:12px;}
/* home page css */
hr.ex-break {
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #B9B9B9;
	display:table;
	width:100%;
}
#ex-Content{
	background:#e2e2e2 url(/images/index/index-bg.jpg) repeat-x;
	width:100%;
	float:left;
	height:1500px; 
}
#ex-Content-Top{ margin-bottom:12px;  }
#ex-Content-Top .ex-vedio {
	background:url(../images/index/sample-lesson.jpg);
	width:376px;
	height:306px;
	float:left;
	margin-left:16px;
	display:inline;
	border:#ccc solid 1px; 
}
.ex-vedio-lesson{
	margin-left:64px;
	display:inline;
	float:left;
	margin-top:25px;
}
#ex-Content-Top .ex-vedio .ex-vedio-lesson h3{font-size:16px; text-align:center;}
.ex-main-bg{ background:url(/images/index/ex-main-bg.png) -4px -4px repeat-y; height:312px; }

#section1  { background:url(/images/index/ban-ad-1.jpg) no-repeat;}
#section2  { background:url(/images/index/ban-ad-2.jpg) no-repeat;}
#section3  { background:url(/images/index/ban-ad-3.jpg) no-repeat;}
#section4  { background:url(/images/index/ban-ad-4.jpg) no-repeat;}
#section5  { background:url(/images/index/ban-ad-5.jpg) no-repeat;}
#section6  { background:url(/images/index/ban-ad-6.jpg) no-repeat;}
#section7  { background:url(/images/index/ban-ad-7.jpg) no-repeat;}
#section8  { background:url(/images/index/ban-ad-8.jpg) no-repeat;}
#section9  { background:url(/images/index/ban-ad-9.jpg) no-repeat;}
#section10 { background:url(/images/index/ban-ad-10.png) no-repeat;}

#control1  { background:url(/images/index/ad-1.png) no-repeat;}
#control2  { background:url(/images/index/ad-2.png) no-repeat;}
#control3  { background:url(/images/index/ad-3.png) no-repeat;}
#control4  { background:url(/images/index/ad-4.png) no-repeat;}
#control5  { background:url(/images/index/ad-5.png) no-repeat;}
#control6  { background:url(/images/index/ad-6.png) no-repeat;}
#control7  { background:url(/images/index/ad-7.png) no-repeat;}
#control8  { background:url(/images/index/ad-8.png) no-repeat;}
#control9  { background:url(/images/index/ad-9.jpg) no-repeat;}
#control10 { background:url(/images/index/ad-10.jpg) no-repeat;}

#control9  { background:url(/images/index/ad-9.jpg) no-repeat;}
#control10 { background:url(/images/index/ad-10.jpg) no-repeat;}




#section1-1 { background:url(/images/fifty_anniversary/ban-ad-1.jpg) no-repeat;}
#section2-1  { background:url(/images/fifty_anniversary/ban-ad-1.jpg) no-repeat;}
#section3-1  { background:url(/images/fifty_anniversary/ban-ad-1.jpg) no-repeat;}
#section4-1  { background:url(/images/fifty_anniversary/ban-ad-1.jpg) no-repeat;}
#section5-1  { background:url(/images/fifty_anniversary/ban-ad-1.jpg) no-repeat;}
#section6-1  { background:url(/images/fifty_anniversary/ban-ad-1.jpg) no-repeat;}
#section7-1  { background:url(/images/fifty_anniversary/ban-ad-1.jpg) no-repeat;}
#section8-1  { background:url(/images/fifty_anniversary/ban-ad-1.jpg) no-repeat;}
#section9-1  { background:url(/images/fifty_anniversary/ban-ad-1.jpg) no-repeat;}
#section10-1 { background:url(/images/fifty_anniversary/ban-ad-1.jpg) no-repeat;}
#section11-1 { background:url(/images/fifty_anniversary/ban-ad-1.jpg) no-repeat;}
#section12-1 { background:url(/images/fifty_anniversary/ban-ad-1.jpg) no-repeat;}
#section13-1 { background:url(/images/fifty_anniversary/ban-ad-1.jpg) no-repeat;}
#section14-1 { background:url(/images/fifty_anniversary/ban-ad-1.jpg) no-repeat;}
#section15-1 { background:url(/images/fifty_anniversary/ban-ad-1.jpg) no-repeat;}
#section16-1 { background:url(/images/fifty_anniversary/ban-ad-1.jpg) no-repeat;}

#control1-1  { background:url(/images/fifty_anniversary/ad-1.png) no-repeat;}
#control2-1  { background:url(/images/fifty_anniversary/ad-2.png) no-repeat;}
#control3-1  { background:url(/images/fifty_anniversary/ad-3.png) no-repeat;}
#control4-1  { background:url(/images/fifty_anniversary/ad-4.png) no-repeat;}
#control5-1  { background:url(/images/fifty_anniversary/ad-5.png) no-repeat;}
#control6-1  { background:url(/images/fifty_anniversary/ad-6.png) no-repeat;}
#control7-1  { background:url(/images/fifty_anniversary/ad-7.png) no-repeat;}
#control8-1  { background:url(/images/fifty_anniversary/ad-8.png) no-repeat;}
#control9-1  { background:url(/images/fifty_anniversary/ad-9.png) no-repeat;}
#control10-1 { background:url(/images/fifty_anniversary/ad-10.png) no-repeat;}
#control11-1 { background:url(/images/fifty_anniversary/ad-11.png) no-repeat;}
#control12-1 { background:url(/images/fifty_anniversary/ad-12.png) no-repeat;}
#control13-1 { background:url(/images/fifty_anniversary/ad-13.png) no-repeat;}
#control14-1 { background:url(/images/fifty_anniversary/ad-14.png) no-repeat;}
#control15-1 { background:url(/images/fifty_anniversary/ad-15.png) no-repeat;}
#control16-1 { background:url(/images/fifty_anniversary/ad-16.png) no-repeat;}


.box_fame{ padding:20px 0px 0px 10px}
.box_fame img{ float:left; padding:5px 10px 0px 0px }
.box_fame p{ float:left; color:#FFF;}

.box_fame_p{padding:10px; color:#FFF; font-size:12px}





.ad-L{
	float:left;
	margin-left:180px;
	display:inline;
	width:330px;
	font-size:72.5%; 
	color:#fff;
	margin-top:10px;
}
.ban-ad-bg-1{
	float:left;
	width:169px;
	height:180px;
	cursor:pointer;
}

.ban-ad-bg-1 ul{ margin-left:6px;}
.ban-ad-bg-1 li{
	float:left;
	margin:0px 0px 5px 5px;
	list-style:none;
	width:70px;
	height:70px
}


.ban-ad-bg{
	background:url(/images/index/ban-ad-bg.jpg) no-repeat;
	float:left;
	width:530px;
	margin-left:10px;
	height:180px;
	cursor:pointer;
}
.ban-ad-bg ul{ margin-left:26px;}
.ban-ad-bg li{
	float:left;
	margin:14px 24px 0px auto;
	list-style:none;
}
.ad-1{
	background: url(/images/index/ad-1.png);
	height:75px;
	width:75px;
}
.ex-l-col {
	float: left;
	margin-left: 20px;
	width: 580px;
	height:861px;
	_position:relative; 
}
.ex-r-col {
	display:inline-block;
	float:left;
	margin-left:30px;
	width:300px;
}

/* index3 test CSS */
.indexstyles {}
.indexstyles a, .indexstyles a:visited{color: #333; }
.more{
	float:right;
	color:#cc0000;
	font-weight:bold;
	font-size:1.2em;
}
.ex-news{ min-height:140px; }
.ex-news .news-img{
	float:left; 
	margin-right:12px;
	display:inline-table;
}
.ex-news .news-img img{ border:#fff solid 1px; }
.para{
	float:left;
	width:320px;
}
.para h3{ margin-top: -5px; }
.para h3 a{ color:#333; }
.wx-ad{ width:300px;  }
.latest-news{
	float:left;
	background:#fff;
	width:300px;
	height:20px;
}
.latest-news a{color:#fff;}
.latest-news-title{
	color:#fff;
	background:url(/images/index/news-title.png);
	background-color:#000;
	height:34px;
	width:300px;
	_overflow:hidden; 
}
.latest-news-title h2{
	font-weight:bold;
	color:#fff;
	margin:8px auto auto 8px;
	float:left;
	font-size:14px;
}
.latest-news-title h2 a{
	color:#fff;
	text-decoration:none;
}
.latest-news-main{
	background:#fff;
	width:280px;
	height:auto;
	padding: 10px;
}
.latest-news-main a, .latest-news-main a:visited{color: #333; }
.news-main{
	width:auto;
	height:auto; 
	margin:24px;
}
.latest-news-main p{
	margin:24px 24px 24px 24px;
	float:left;
	line-height:250%;
	display:inline;
	_width:80%
}
.latest-news-main p.clear{ margin:12px 24px;}
.latest-news-main div.clear{ margin:12px 24px; _width:80%}
.latest-news-more{ 
	background:url(/images/index/news-more.png);
	height:22px; 
	width:300px;
	text-align:right;
	font-size:12px; 
}
.latest-news-more a, .latest-news-more a:visited{
	color:#fff;
	text-decoration:none;
	line-height:180%;
	margin-right:25px;
}
#foot {
	color:#fff;
	background:#000 url(../images/index/index-f.jpg) no-repeat;
	float:left; width:100%; 
}
#foot a, #foot a:visited{
	color:#fff; 
	text-decoration:none; 
}
#foot a:hover{
	color:#fff; 
	text-decoration:underline; 
}
.ex-f-navs{ width:100%; }
.ex-f-nav{
	color:#fff;
	margin-right:40px;
	margin-top:10px;
	margin-left:23px;
	display:inline-block; 
	float:left;
	_display:inline; 
}
.ex-f-first{ margin-left:12px;}
.ex-f-nav h2{
	font-size:14px;
	margin-bottom:5px; 
}
.ex-f-nav p{
	display:block;
	margin-left:0px;
	line-height:160%;
}
.free-trail{ 
	clear:right; 
	float:right; 
	margin:40px 15px auto auto; 
}
.copy{
	color:#fff;
	font-size:12px;
}