/* 请按以下顺序写样式
显示,定位,浮动,清除:display position float clear  ...  
边距,补白,宽,高:margin padding width height ...   
文本修饰,对齐方式:text-decoration text-align vertical-align white-space...
文字颜色大小:color font content
边框和背景:border background
*/
#header{ position:relative; height:197px; background:url(../images/index_07.jpg) no-repeat;}

.bt_jsjl{ position:absolute; overflow:hidden; text-indent:-1000px; z-index:6; left:495px; bottom:7px; width:60px; height:70px; }
	.bt_jsjl a{ display:block; width:60px; height:70px; background:url(../images/bt_jsjl.gif) no-repeat;}
	.bt_jsjl a:hover{ background:url(../images/bt_jsjl_hover.png) no-repeat;}

.white{ color:#fff; text-decoration:none;}
A.white:link{ color:#fff; text-decoration:none; }
A.white:visited{ color:#fff; text-decoration:none; }
A.white:hover{ color:#fcff00; text-decoration:underline; }
A.white:active{ color:#fcff00; text-decoration:underline; }

.photo,.tip,.subButton{ float:left;}
.photo{ margin-left:44px;#margin-left:44px;_margin-left:22px; width:265px; height:190px; background:url(../images/photo_bg.gif) no-repeat;}
.photoPic{ position:absolute; z-index:1; margin-top:-8px; margin-left:11px; width:240px; height:182px; border:1px solid #ffd200; background:#fff;}

.tip{ width:394px; height:197px;}
.tip .tcontent{ margin-left:17px; padding:40px 0 0 20px; width:357px; height:115px; text-align:left; background:url(../images/tip_bg.gif) no-repeat;}
.tip .tcontent li{ float:left; display:block; padding-left:18px; width:285px; line-height:20px; background:url(../images/icon_tip.gif) no-repeat 0px 2px;}
.tip .tcontent li a{ float:left; display:block; color:#0d4782; width:210px;  text-align:left; text-decoration:none;}
.tip .tcontent li a:hover{ color:#002245; text-decoration:underline;}
.tip .tcontent li em{ float:right; display:block; width:75px; color:#4679ae;}
.tip .tbottom{ float:left; margin-left:17px;_margin-left:8px; width:377px; height:42px; background:url(../images/tip_abottom.gif) no-repeat; }
.tip .tbottom p a{ float:right; margin:2px 40px 0px 0;#margin:2px 45px 0 0;_margin:2px 43px 0 0; width:65px; line-height:18px; color:#fff; }
.tip .tbottom p a:hover{ color:#fff600; }


.subButton{ width:248px; height:197px; background:url(../images/subbutton.jpg) no-repeat;}

.leftbox, .rightbox{ float:left; height:auto;}
.leftbox{ margin-left:41px;#margin-left:41px;_margin-left:21px; width:225px; }
.rightbox{ margin-left:24px;#margin-left:24px;_margin-left:10px; width:681px; }

.teacher, .teacher .title, .teacher .content, .teacher .bottom{ float:left; width:225px;  }
.teacher{ height:auto; }
.teacher .title{ height:78px; background:url(../images/teacher_title.jpg) no-repeat; }
.teacher .content{ position:relative; height:auto; background:url(../images/teacher_contentbg.gif) repeat-y; }
.teacher .content li{ display:block; float:left; width:74px; height:95px; text-align: center; }
.guests .content li{ display:block; float:left; width:71px; height:95px; text-align:center; }
.teacher .content li p, .guests .content li p{ padding:6px 8px;line-height:15px;}
.teacher .content li p a, .guests .content li p a{ color:#622e00; text-decoration:none;}
.teacher .content li p a:hover, .guests .content li p a:hover{ color:#221000; text-decoration:underline;}
.teacher .bottom{ height:19px; background:url(../images/teacher_bottom.gif) no-repeat; }



.guests, .guests .title, .guests .content, .guests .bottom{ float:left; width:214px; }
.guests, .statistics{ margin-top:17px; }
.guests .title{ height:63px; background:url(../images/guests_title.jpg) no-repeat;}
.guests .content{ height:auto; background:url(../images/guests_contentbg.gif) repeat-y; }
.guests .bottom{ height:19px; background:url(../images/guests_bottom.gif) no-repeat; }

.statistics, .statistics .title, .statistics .content, .statistics .bottom{ float:left; width:214px; }
.statistics .title{ height:75px; background:url(../images/statistics_title.gif) no-repeat; }
.statistics .content{ height:auto; background:url(../images/statistics_content.gif) repeat-y; }
.statistics .content li{ margin-left:20px; float:left; width:188px; line-height:22px; color:#076282; text-align:left;}
.statistics .content li em{ font-weight:bold; color:#ff0018; }
.statistics .content h4{ float:left; margin-left:12px;#margin-left:12px;_margin-left:6px; padding:6px 0 0 34px; width:140px; line-height:24px; color:#0062d0; background:url(../images/icon_statistics.gif) no-repeat 0px 6px; }
.statistics .content p{ float:left; display:block; margin-left:10px;#margin-left:10px;_margin-left:5px; width:193px; height:41px; text-align:center; background:url(../images/statistics_c_bg.gif) no-repeat; }
.statistics .content p img{ margin:10px 6px 0px;}
.statistics .bottom{ height:16px; background:url(../images/statistics_bottom.gif) no-repeat; }

.music{ float:left; margin-top:10px; width:214px; height:74px; background:url(../images/index_63.gif) no-repeat; }
.music p{ margin:0 auto; display:block; margin-top:30px; width:160px; height:40px; }

.teaching, .teaching .title, .teaching .m_title, .teaching .lineleft, .teaching .l_content, .teaching .r_content, .teaching .lineright, .teaching .bottom{ float:left;  }
.teaching{ width:681px; height:226px;}
.teaching .title{ width:311px; height:65px; background:url(../images/teaching_title.gif) no-repeat; }
.teaching .title p{ display:block; float:right; margin:25px 9px 0 0;#margin:25px 9px 0 0;_margin:25px 4px 0 0; width:53px; height:20px; }
.teaching .title p a{ color:#fff; text-decoration:none; }
.teaching .title p a:hover{ color:#173b00; text-decoration:underline; }
.teaching .m_title{ width:370px; height:65px; background:url(../images/massage_title.gif) no-repeat; }
.teaching .lineleft{ width:15px; height:144px; background:url(../images/teaching_left.jpg) no-repeat; }
.teaching .l_content{ width:296px; height:144px; background:#f0ffe3 url(../images/index_25.gif) repeat-y right; }
.teaching .l_content .table{ color:#8aa689; line-height:26px;}
.teaching .l_content .table th{ text-align:left; font-weight:normal; }
.teaching .l_content .table th a{ color:#3f553f; text-decoration:none; }
.teaching .l_content .table th a:hover{ color:#001d00; text-decoration:underline; }

.teaching .r_content{ width:355px; height:144px; background:#e1ffc7; overflow:hidden; }
.teaching .r_content li{ float:left; margin:5px 0 5px 8px; width:340px; color:#7b7b7b; line-height:18px; }
.teaching .r_content li img{ margin-right:6px;width:21px;height:21px;}
.teaching .r_content li span{ float:right; text-align:left; width:58px; }
.teaching .r_content li p{ float:left; width:270px;}
.teaching .r_content li a{ color:#1d6e00; text-decoration:none; }
.teaching .r_content li a:hover{ color:#0d2e02; text-decoration:underline; }

.teaching .lineright{ width:15px; height:144px; background:url(../images/message_right.jpg) no-repeat; }
.teaching .bottom{ width:681px; height:17px; }

.classphoto,.classphoto .title,.classphoto .title .t_l,.classphoto .title .t_r,.classphoto .content,.classphoto .bottom { float:left;}
.classphoto{ margin-top:12px; width:681px; height:219px;}
.classphoto .title{ width:681px; height:72px; }
.classphoto .title .t_l{ width:340px; height:72px; background:url(../images/classphoto_title01.jpg) no-repeat; }
.classphoto .title .t_r{ width:341px; height:72px; background:url(../images/classphoto_title02.jpg) no-repeat; }
.classphoto .title .t_r p{ display:block; float:right; margin:20px 26px 0 0;#margin:20px 26px 0 0;_margin:20px 13px 0 0; width:60px; height:20px; }
.classphoto .content{ width:681px; height:123px; }
.classphoto .content table{ border-collapse:collapse;}
.classphoto .content .table1{ text-align:center;}
.classphoto .content .table1 img{ border:1px solid #90cdb4; }
.classphoto .bottom{ width:681px; height:24px; background:url(../images/classphoto_bottom.jpg) no-repeat; }

.classmember,.classmember .title,.classmember .content,.classmember .bottom { float:left; }
.classmember{ margin-top:12px;#margin-top:12px;_margin-top:12px; width:681px; height:auto; }
.classmember .title{ width:681px; height:77px; background:url(../images/classmember_title.jpg) no-repeat; }
.classmember .content{ width:681px; height:auto; background:url(../images/classmember_conternt.jpg) repeat-y; }
.classmember .content li{ display:block; float:left; width:136px; height:120px; text-align:center; }
.classmember .content li img{ border:1px solid #fff; }
.classmember .content li p{ padding:10px 20px 0px; line-height:18px; }
.classmember .bottom { width:681px; height:23px; background:url(../images/classmember_bottom.gif) no-repeat; }
.classmember .happybirthday{ position:absolute; z-index:1; margin:-121px 0 0 20px;#margin:-116px 0 0 -48px;_margin:-116px 0 0 -48px; width:94px; height:94px;}