/* head */


#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-color:#000; 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;background-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; }

.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;}

.ad-L{ float:left; margin-left:180px; display:inline; width:330px; font-size:72.5%; color:#fff; margin-top:10px;}
.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:1000px;
_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; }
.para{ float:left; width:310px; padding-top:5px }
.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{font-size:12px;  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; padding-bottom: 35px; 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{ font-size:12px;  display:block; margin-left:0px; line-height:160%; }
.free-trail{  clear:right; float:right; margin:40px 15px auto auto; }
.copy{ color:#fff; text-align:center; font-size:12px;}
body{ font-size:10px;}


