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

*{padding:0; margin:0}
body{ font:100 12px Tahoma; color:#333;  background:#F9F8F7 url(bj_1.jpg) repeat-x left top}
table{ border-collapse:collapse; border-spacing:0}
ul,li{ list-style:none}
img { border:0;vertical-align:middle}
ol,ul,li{ list-style:none}
h1,h2,h3,h4,h5,h6{font-size:14px}
a:link,a:visited{color:#2C97DD; text-decoration:none}
a:hover{color:#F03}
em,i,font{ font-style:normal; font-size:12px}

.clear{clear:both; line-height:normal;float:none; font-size:0px}
.hide{ display:none}
select{ padding:5px;}

#all{ width:980px; margin:0 auto;  }
#header{ height:80px;}
#header .userpart{float:right;margin-top:30px; position:relative}
#header .emailcount,#header .msgcount{ display:inline-block; background-color:#FF0000;color:#FFF; height:12px; padding:0px 3px;position:absolute; padding-bottom:2px;}
#header .emailcount{left:10px;top:10px; display:none}
#header .msgcount{left:45px;top:10px; display:none}
.lable_1{padding-left:15px}
.lable_bj{  width:8px; height:4px; padding-left:15px; padding-right:10px;background:url(a_3.jpg) no-repeat right center;}
.userpart a:link,.userpart a:visited{font:100 12px "Arial";color:#DDD } 
.userpart a:hover{color:#FFF}
.title_box{width:750px;}
.logo_photo{width:145px;float:left; margin-top:14px }
.title_text{float:right;margin-top:30px;}
.title_text a:link,.title_text a:visited{ height:30px; font:100 16px "Arial";line-height:30px;padding-left:10px;padding-right:10px;  margin-left:15px;color:#DDDDDD; display:inline-block; border-radius:3px;}
.title_text a:hover,.title_text .on:link,.title_text .on:visited{color:#FFFFFF;background:#000;}
#showmenu{width:130px; height:145px; background:url(bg_showmenu.png) no-repeat left top; position:absolute;right:0px;top:42px;
padding-top:5px; display:none; z-index:99}
#showmenu p{ text-align:left; padding:5px 0; padding-left:20px;}
#showmenu a:link,#showmenu a:visited{color:#DDD}
#showmenu a:hover{color:#999}

.content{width:980px;margin-top:40px; min-height:600px}
.myform  {padding-left:70px;}
.myform tr td{font:100 14px "Tahoma"; color:#333; padding:12px 5px;}
.myform .text{ width:343px; height:30px; line-height:30px; padding:4px 0; border:1px solid #CCC; color:#666;font-size:14px; padding-left:5px}
.myform font{color:#FF5783; display:inline-block; padding-left:5px; padding-top:5px;}
.myform p{color:#333; font-size:14px; margin-bottom:10px}
.myform_right{width:245px; padding-left:24px; float:right;  border-left:1px solid #DDDDDD; height:423px;color:#666}
.myform_right .rq{ padding-bottom:15px;font:100 16px "Arial";}
.myform_right .ldesc{font:100 14px Tahoma; color:#666; line-height:22px; padding-top:22px;width:200px}
.myform_left{width:710px; float:left;}
.ltitle{height:55px;font:600 28px "Arial"; color:#333333; padding-top:20px;}
.errorbox{width:350px; margin-left:5px; display:none}
.errorbox div{ height:38px; background-color:#F2DEDE;font:100 14px tahoma;color:#BD5452; line-height:40px;
border:1px solid #EED3D7; padding-left:5px;}
.errorbox .bclose{float:right; margin-top:14px; padding-right:10px;}


/*右侧菜单*/
.memu_right{width:230px; height:605px;float:right; border-left:1px solid #DDDDDD}
.memu_lb{width:200px; height:220px; margin-left:30px;}
.memu_lb .box{background:#FFF; width:200px; height:220px;}
.box span{float:right}
.box img{ margin:10px 0 0 10px;width:180px; height:180px}
.name{font:100 14px "Tahoma" ;color:#333; }
.box a:link,.box a:visited{color:#2C97DD;}
.box a:hover{color:red}
.picture{padding-left:10px;margin-right:10px; padding-top:8px}
.home{margin-top:15px}
.home li{ width:200px; height:30px; margin-top:5px;}
.home li a:link,.home li a:visited{width:190px; height:30px;color:#666666; padding-left:10px; display:inline-block;line-height:30px;background:#FFF; }
.home li a:hover{ background:#ECEAE6}
.home li a.on:link,.home li a.on:visited,.home li a.on:hover{background-color:#ECEAE6}

/*找回密码左侧*/
.myform_text{margin-right:125px; padding-left:70px}
.myform_text{font:100 14px"Tahoma" ;color:#333 }


/*引导页面*/
.guide{ padding-left:70px}
.gtip{font-size:18px; font-weight:100; padding-bottom:35px;color:#666}
.ex_guide{width:700px;margin-bottom:38px}
.guidec{width:570px; margin-bottom:38px}
.guidec span, .ex_guide span{ display:inline-block;width:345px; margin-left:20px; font:100 12px tahoma;color:#666666;
padding-top:5px; line-height:18px;}
.guidec img ,.ex_guide img{ vertical-align:top}

/*关于我们*/
.about_left{width:665px; min-height:100px; float:left; padding-right:80px; border-right:1px solid #DDD; overflow:hidden;}
.about_right{width:230px; float:right;}
.about_menu{ padding-left:30px;}
.about_menu a:link,.about_menu a:visited{ background-color:#FFF; display:inline-block; height:30px; line-height:30px; padding-left:8px; margin-bottom:4px;color:#666;width:192px;}
.about_menu a:hover{ background-color:#ECEAE6}
.about_menu .on:link,.about_menu .on:visited{background-color:#ECEAE6}

.con_left{width:719px; float:left; padding-right:30px;border-right:1px solid #DDD; overflow:hidden; min-height:500px}
.con_right{ float:right;width:230px;}
#invite_menu a:link,#invite_menu a:visited{ background-color:#EEE; display:inline-block;width:118px; height:38px;
line-height:38px; text-align:center; margin-right:2px; border:1px solid #DDD; border-bottom:0;color:#666; font-size:14px }
#invite_menu span{ float:right;}
#invite_menu{ border-bottom:1px solid #DDD}
#invite_menu a:hover{ border-bottom:1px solid #F9F8F7;background-color:#F9F8F7; position:relative;margin-bottom:-1px;}

#invite_menu a.on:link,#invite_menu a.on:visited{border-bottom:1px solid #F9F8F7;background-color:#F9F8F7; position:relative;margin-bottom:-1px;}
#yaoqinglist{ margin-top:20px}
#yaoqinglist .yaoqing{width:720px;  background-color:#FFF; margin-bottom:10px}
.yaoqing .yaoleft{width:360px; float:left}
.yaoleft .timg{width:50px; height:50px;  margin:10px; float:left; display:inline; margin-right:15px}
.yaoqing .yaoleft h2{padding-top:10px;font:100 15px tahoma;color:#333; padding-bottom:5px}
.yaoqing .yaoleft p{font-size:13px;color:#666;-webkit-text-size-adjust:none;word-break: break-all;}
.yaoqing .yaocon{width:205px; float:left; overflow:hidden;display:inline}
.yaoleft span{ float:right; margin-top:30px;}
.yaoqing .yaoright{width:350px; float:right; padding-right:10px; text-align:right; padding-top:22px}
.yaoqing .yaoright .itsure{ margin-right:11px; margin-left:30px}
.yaoright span{font-size:11px;color:#999}
.yaoleft .star_rating{ font-family:Tahoma, Geneva, sans-serif;color:#333}
.tome{ width:146px; float:right; padding-bottom:5px; margin-top:5px; word-break:break-all; color:#CF5138}
.tome strong{ display:inline-block;width:60px; font-weight:600}

.con_right .memu_right{ border-left:0;}

#fteacher .yaoqing{width:720px; height:130px;background-color:#FFF; margin-bottom:10px}
#fteacher .yaoqing .timg{width:80px; height:80px;}
#fteacher .yaocon div{width:295px; float:left; margin-top:10px; overflow:hidden}
#fteacher .yaoqing .yaoleft{width:555px; float:left}
#fteacher .yaoqing .yaoright{width:130px; padding-right:25px; float:left}
#fteacher .yaoleft .bg_age,#fteacher .yaoleft .bg_age1{ display:inline-block; margin:0; float:none; height:15px; background:url(bg_age.jpg) no-repeat left center; padding-left:15px; margin-left:10px;font-size:12px;color:#FFF;width:18px}
#fteacher .yaoleft .bg_age1{ background-image:url(bg_age1.jpg)}
#fteacher .yaocon{width:400px; float:left; overflow:hidden;display:inline}
#fteacher .yaoleft h2{ padding-bottom:5px; padding-top:10px}
#fteacher .where{ padding-bottom:2px}
#fteacher .star_rating{ margin-top:45px}
#fteacher .yaoright{ padding-top:35px}
#yaoqinglist .yaoright .star_rating{ margin-top:10px; float:left; font-family:Tahoma, Geneva, sans-serif;color:#333}

/*顶部搜索*/
.searchbox{width:550px; overflow:hidden}
.bgsearch{width:244px;  margin-top:5px}
.bgsearch .stext{width:165px; height:30px; line-height:30px; border:0; background:url(search_1.jpg) no-repeat left center;
color:#999; padding-left:3px; text-align:left; float:left; overflow:hidden}
.bgsearch .sbtn{float:left; vertical-align:bottom}

.exchanger{width:146px;  height:15px; margin:auto 0;display:inline-block; float:left; text-align:left; font-family:Tahoma, Geneva, sans-serif; font-size:14px;}
.star_rating{width:146px;  height:15px; margin:auto 0;background:url(bg_start.png) no-repeat!important; overflow:hidden; display:inline-block; text-align:left}
.level_10{background-position:20px 0px!important}
.level_9{background-position:20px -15px!important}
.level_8{background-position:20px -30px!important}
.level_7{background-position:20px -45px!important}
.level_6{background-position:20px -58px!important}
.level_5{background-position:20px -73px!important}
.level_4{background-position:20px -88px!important}
.level_3{background-position:20px -103px!important}
.level_2{background-position:20px -118px!important}
.level_1{background-position:20px -132px!important}
.level_0{background-position:20px -148px!important}

.homepage .homeimg{width:180px; height:180px; float:left; margin:10px; margin-right:20px;}
.homepage{ height:200px; background:#FFF; margin-bottom:35px}
.homeright{width:500px; float:left; padding-top:20px}
.homeright h2{font:600 25px Tahoma;color:#333}
.homeright h2 span{ display:inline-block;}
.homeright .bg_age,.homeright .bg_age1{ display:inline-block; margin:0; float:none; height:15px; background:url(bg_age.jpg) no-repeat left center; padding-left:15px;font-size:12px;color:#FFF;width:18px}
.homeright .bg_age1{ background:url(bg_age1.jpg) no-repeat left center}
.homeright .star_rating{ vertical-align:bottom}
.homeage{ margin:8px 0;}
.homeright p{ padding:5px 0;color:#666666}
.homeright em{ font-size:12px;color:#999}


/*留言*/
#msglist{ margin-top:20px;}
#msglist .mimg{width:50px; height:50px; float:left; margin:10px; margin-right:15px; display:inline;}
#msglist .msg{ background-color:#FFF; margin-bottom:10px;}
#msglist .msgcon{ float:left;width:640px; padding-top:10px; padding-bottom:10px;}
#msglist .msgcon .con{ margin-top:10px; color:#666; font-size:13px; line-height:160%;}
#msglist .msgcon .time{ padding-top:10px;}


/*遮罩层*/

#home_show{position:absolute; z-index:999999; left:50%; top:-280px; width:700px; margin-left:-350px;zoom:1;
background-color:rgba(199,198,198,0.5);_top:expression(eval(document.documentElement.scrollTop));
filter:progid:dximagetransform.microsoft.gradient(startcolorstr="#C7C6C6", endcolorstr="#C7C6C6",gradienttype=0);-webkit-box-shadow:0px 0px 15px #333333; display:none}
#pay_show{position:absolute; z-index:999999; left:50%; width:700px;top:180px; margin-left:-370px;zoom:1;
background-color:rgba(199,198,198,0.5);_top:expression(eval(document.documentElement.scrollTop));
filter:progid:dximagetransform.microsoft.gradient(startcolorstr="#C7C6C6", endcolorstr="#C7C6C6",gradienttype=0);-webkit-box-shadow:0px 0px 15px #333333; display:none}

#wrapmask_box,#wrapmask_box2,#wrapmask_box3,#wrapmask_box4,#wrapmask_box5,#wrapmask_box6,#wrapmask_box7,#wrapmask_box10,#wrapmask_box11,#wrapmask_box12{ position:absolute; left:50%; top:200px; width:510px; margin-left:-225px;zoom:1;
background-color:rgba(199,198,198,0.5);_top:expression(eval(document.documentElement.scrollTop));
filter:progid:dximagetransform.microsoft.gradient(startcolorstr="#C7C6C6", endcolorstr="#C7C6C6",gradienttype=0);-webkit-box-shadow:0px 0px 15px #333333; display:none}
#home_mask,#pay_mask{width:690px; left:5px;z-index:9999; text-align:left; top:10px;background:#FFF; margin:5px;
opacity:1;filter:none; padding-bottom:10px; height:330px}
#home_mask .home_content,#pay_mask .home_content{ width:650px; margin-left:20px; margin-right:20px; height:270px;word-wrap: break-word; line-height:20px; font-size:14px; font-family:"Cambria"}
#mask_box,#mask_box2,#mask_box3,#mask_box4,#mask_box5,#mask_box6,#mask_box7,#mask_box10,#mask_box11,#mask_box12{width:500px; left:5px;z-index:9999; text-align:left; top:10px;background:#FFF; margin:5px;
opacity:1;filter:none; padding-bottom:10px}



#mask_box .myform .text{width:330px; height:28px; line-height:28px; border:1px solid #CCC}
#mask_box .myform textarea{width:328px; height:98px; border:1px solid #CCC}

#mask_box2 .myform .text{width:330px; height:28px; line-height:28px; border:1px solid #CCC}
#mask_box2 .myform textarea{width:328px; height:98px; border:1px solid #CCC}


#indexcontent{width:980px; margin:0 auto;margin-bottom:50px;}
.green:link,.green:visited{color:#8EBF4D}
.green:hover{color:#F03}
.tabmenu a:link,.tabmenu a:visited{background-color:#EEE; display:inline-block; padding:0 10px; height:38px;
line-height:38px; text-align:center; margin-right:2px; border:1px solid #DDD; border-bottom:0;color:#666; font-size:14px;}
.tabmenu a:hover{border-bottom:1px solid #F9F8F7;background-color:#F9F8F7; position:relative;margin-bottom:-1px}
.tabmenu .on:link,.tabmenu .on:visited{ border-bottom:1px solid #F9F8F7;background-color:#F9F8F7; position:relative; margin-bottom:-1px; background:url(good.jpg) no-repeat 10px center; padding-left:33px}
.wraptabmenu span{ float:right; margin-top:10px}
.wraptabmenu{ border-bottom:1px solid #DDD; margin-bottom:20px;}

.teacherlist{ height:180px; width:1000px; overflow:hidden}
.teacherlist .tearchbox{width:180px; height:180px; float:left; position:relative;
 margin-right:20px;}
 
.bgopacity{ display:none}
.altfont{color:#FFF; line-height:180%; width:100%;position:absolute;bottom:0px;left:0px; height:auto; text-align:center; background:url(bgopacity.png) repeat left center; z-index:111;font-size:14px; display:none}


/*footer*/

#wrapfooter{width:100%; background-color:#333; height:90px}
#footer{width:980px; margin:0 auto;color:#FFF; padding-top:20px; height:70px;}
#footer .sharebox{width:260px; margin:0 20px;}
#footer .copyright{ margin-right:120px;color:#CCC}
#footer .fmenu{ float:right; margin-top:10px}
.fmenu a:link,.fmenu a:visited{font-size:14px; margin-left:23px;color:#FFF}
.fmenu a:hover{color:#CCC}

#tages span,#tages1 span {background-color: #F7F7F7;display: inline-block;margin-right:5px;margin-bottom: 10px;position: relative;}
#tages span img,#tages1 span img{width:40px}
#tages span a:link,#tages span a:visited,#tages1 span a:link,#tages1 span a:visited{color:#666}
#tages span a:hover,#tages1 span a:hover{color:#F03}

/*alert*/
.alert {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.alert-success {
color: #468847;
background-color: #DFF0D8;
border-color: #D6E9C6;
}
.alert, .alert h4 {
color: #C09853;
}
.alert {
padding:10px 0;
width:340px;
padding-left:10px;
margin: 20px 0;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #FCF8E3;
border: 1px solid #FBEED5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.alert .close {
position: relative;
top: -2px;
right: 10px;
line-height: 20px;
}
.close:hover, .close:focus {
color: black;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity=40);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: black;
text-shadow: 0 1px 0 white;
opacity: 0.2;
filter: alpha(opacity=20);
}
.alert-success {
color: #468847;
background-color: #DFF0D8;
border-color: #D6E9C6;
}
.alert-success  strong{ font-weight:600}

.pingfen{ font-size:12px;color:#666;}
#bannercon img{width:980px; height:300px;}
#bannercon{ width:980px; margin:0 auto; height:300px; overflow:hidden;position:relative}
#bannercon p{width:980px;height:300px; background-color: #FFFFFF; float:left}

.ifocus_btn{ position:absolute;bottom:10px;left:400px; z-index:999;}
.ifocus_btn a:link,.ifocus_btn a:visited {display: inline-block;zoom: 1;width: 40px;height: 42px; line-height:42px;}

.ifocus_btn li{ float:left;background-image: url(lush-skin-dark.png);}
.ifocus_btn .prev{float:left;background-image: url(lush-skin-dark.png)}
.ifocus_btn .next{ float:left;background-image: url(lush-skin-dark.png)}
.ifocus_btn .prev:link,.ifocus_btn .prev:visited{background-position: 0 42px}
.ifocus_btn .next:link,.ifocus_btn .next:visited{background-position: -80px -42px;}

.ifocus_btn .page{ background-position: -40px -42px;}

.ifocus_btn .page:hover,.ifocus_btn .current{background-position: -40px 0;}
.ifocus_btn .prev:hover {background-position: 0 0;}
.ifocus_btn .next:hover {background-position:-80px 0}
.iuname a:link,.iuname a:visited{color:#FFF}
.iuname a:hover{color:#CCC}


#banner .slides_container {
	width:980px;
	height:300px;
	overflow:hidden;
	 margin:0 auto;
	position:relative;
}

#banner .slides_container img{
	width:980px;
	height:300px;
}


#banner .pagination {
}

#indexcontent{ position:relative}
.scrollbtn{ position:absolute;top:60px;}
.btn_left{ left:-40px;}
.btn_right{ right:-40px;}
.scrollbtn1{ display:none}
.yaoleft .teachmp3{ display:inline-block;width:204px; float:right; margin-top:0px}

.choosem{ position:absolute;right:2px;top:1px; height:36px; padding:0 5px;  line-height:36px; border:1px solid #EBEAE6; background-color:#EBEAE6}
#currentybox{position:absolute;left:375px;top:110px;width:170px; z-index:99; display:none; padding:5px; background-color:#CCC;
border:2px solid #999}
#currentybox a{ float:left; width:30px;padding:5px; background-color:#EBEAE6; border:1px solid #CCC;}
#currentybox a:hover{ border:1px solid #FFF}

a.tome:link,a.tome:visited{background-color:#8FC04D; border-radius:2px;color:#FFF; padding:0 2px; margin-right:5px;}
a.tome:hover{color:#CCC}

#draw td,#draw th{ padding:5px; text-align:center}
#draw{width:740px; border:1px solid #666}
.video_content{ font-size:12px; display:inline-block; width:500px;word-wrap: break-word;}

.myform tr .fc-day-number.fc-other-month{opacity:1}
.myform tr td.fc-past{ cursor:not-allowed;color:#DDD}
.fc-event-container a.event-past{ background-color:#DDD!important; border:1px solid #DDD!important;cursor:not-allowed; color:#999}
#blockcolor td{ padding:3px}
#blockcolor{ position:absolute;top:15px;left:180px; border:1px solid #CDCCD}
.blockcolor{ display:inline-block;width:40px; height:15px; border-radius:3px}
.blockblue{ background-color:#399BCC}
.blockred{background-color:#CC0000}
.blockgreen{ background-color:green}
.blockgray{ background-color:#DDD}
.blockdeepblue{background-color:#06F}

.blockyellow{ background-color:#F6BC0C}
a.trial_state{ background-color:#06F}
a.trial_state:hover{  background-color:#06F}

.surebtn{ border-radius:3px;  padding:5px 10px; background-color:#8FC04D; border:0; font-family:Tahoma, Geneva, sans-serif; color:#FFF; font-size:14px; cursor:pointer}

.wrapmask{position:absolute; left:50%; top:200px; width:510px; margin-left:-225px;zoom:1; background-color:rgba(199,198,198,0.5);_top:expression(eval(document.documentElement.scrollTop));
filter:progid:dximagetransform.microsoft.gradient(startcolorstr="#C7C6C6", endcolorstr="#C7C6C6",gradienttype=0);-webkit-box-shadow:0px 0px 15px #333333; display:none}
.maskbox{width:500px; left:5px;z-index:9999; text-align:left; top:10px;background:#FFF; margin:5px;
opacity:1;filter:none; padding-bottom:10px}
.myform tr td.day_one{color:red;  padding-right:10px;}
.fc-ltr .fc-basic-view td.day_one{ text-align:left;}


/*老师贴标签*/
.lantag{ padding-top:10px}
.lantag span{ background-color:#666; color:#FFF; margin-bottom:5px; display:inline-block; border-radius:3px; padding:5px; position:relative; margin-right:10px; cursor:pointer}
.lantag .cl:link,.lantag .cl:visited{ position:absolute;top:-10px;right:-2px; font-size:14px; background-color:#333; border-radius:3px; padding:0 3px; display:none; color:#FFF}
.lantag span:hover{ background-color:#999; color:#333 }
.tagesbox{ margin-bottom:25px;}

#tages span{ position:relative;}
#tages .cls:link,#tages .cls:visited{ position:absolute;top:-10px;right:-2px; font-size:14px; background-color:#333; border-radius:3px; padding:0 3px; display:none; color:#FFF}

.t_list_item {
	font-size:20px;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
}
.ppr{ font-size:12px}
.taginfo{width:360px; margin-bottom:10px; border:1px solid #CCC; padding-bottom:1px; background-color:#ECECEC; padding:5px }
.taginfo_on{ background-color:#CCC;border:1px solid #999;}
.lg{margin-bottom:5px}
.taginfo .fr{ color:#666; font-weight:normal}