/* CSS Document */
/* 请按以下顺序写样式
显示,定位,浮动,清除:display position float clear  ...  
边距,补白,宽,高:margin padding width height ...   
文本修饰,对齐方式:text-decoration text-align vertical-align white-space...
文字颜色大小:color font content
边框和背景:border background
*/

* { margin:0; padding:0;}

body{ padding:0px; margin:0px auto; font-family:Tahoma, Verdana, Arial; height:100%; background:url(../images/body_bg.jpg) repeat-x #0573c2;}

div,p,li,em{font-family:Verdana,宋体;font-size:12px; }

form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}

input,select{font-size:12px;line-height:16px;}

img{border:0;}

ul,li{list-style-type:none;}

table{ border-collapse:collapse; color:#000}
.red { color:#F00}
.clear {clear:both;}
.h1 { overflow:hidden; text-indent:-99999px; display:block; width:1px; height:1px;}

.left{ float:left;}
.right{ float:right;}
#wrapper {margin:0 auto; background:url(../images/wrapper.jpg) no-repeat center top;}
#header,#content,#copyright{ margin:0 auto;}

#header{ position:relative; width:100%; background:url(../images/index1_01.jpg) no-repeat center; height:347px;}
#content { width:1002px; position:relative; }
#copyright{ width:100%; height:79px; text-align:center; padding-top:20px; background: url(../images/index1_21.jpg) repeat-x;}


a:link{ color:#333; text-decoration:none;}
a:visited{ color:#333; text-decoration:none;}
a:hover{ color:#cf5d00; text-decoration:none;}
a:active{color:#333;text-decoration:none;}

#kidname { font-family:"宋体"; font-size:30px; padding-top:20px;}

#menu_c {position:absolute;left:8px;top:188px;width:987px;height:154px;z-index:1;}
#flaEventIndex2,#flaEventIndex9 { z-index:-1; position:absolute;}
#painting_c {
	position:absolute;
	left:-42px;
	top:-78px;
	width:99px;
	height:163px;
	z-index:1;
}
#flaEventIndex3 { float:left}
#news_c {position:absolute;left:45px;top:35px;width:90px;height:178px;z-index:1;}
#notice_c {position:absolute;left:92px;top:59px;width:90px;height:178px;z-index:1;}
#happy_c {position:absolute;left:1px;top:2px;width:122px;height:114px;z-index:1;}
#flaEventIndex { z-index:1; position:absolute}
.happy_more { margin-left:280px; padding-top:28px; width:50px;}
.painting_more { padding-top:126px; padding-left:17px;}


#music {
	position:absolute;
	left:678px;
	top:123px;
	width:229px;
	height:110px;
	z-index:10;
}
.top { width:1002px; height:347px; margin:0 auto; position:relative}
.tip { width:390px; height:200px; float:left;background:url(../images/tip.png) no-repeat 90px 25px; margin-left:60px!important; margin-left:30px }
.news { width:549px; height:221px; float:right; position:relative; background:url(../images/index1_04.png) no-repeat;}
.news .text { margin-left:130px; margin-top:50px;}
.news .text li { padding-left:30px; line-height:26px; height:26px; background:url(../images/bt1.jpg) no-repeat 0px 3px;}
.news .more { margin-left:230px; #margin-left:200px; _margin-left:205px; margin-top:10px;}

.happy { width:330px; height:242px; padding-top:58px; padding-left:70px; float:left; position: relative; background:url(../images/index1_07.png) no-repeat 20px 15px;}

.notice { width:600px; height:300px; float:right; position:relative; background:url(../images/index1_11.png) no-repeat 20px 20px;}
.notice .text { margin-left:180px; margin-top:70px;}
.notice .text li { padding-left:30px; line-height:26px; height:26px;  background:url(../images/bt1.jpg) no-repeat 0px 3px;}
.notice .more { margin-left:230px; #margin-left:200px; _margin-left:210px; margin-top:10px;}

.painting { width:600px; height:153px; margin-left:30px; float:left; position:relative;}
.painting li { float:left;}
.painting .bg1 { width:71px; height:153px; background:url(../images/index1_03.gif) no-repeat; }
.painting .bg2 { width:500px; height:153px; background:url(../images/index1_04.gif) repeat-x; }
.painting .bg3 { width:12px; height:153px; background:url(../images/index1_06.gif) no-repeat; }

.video { width:280px; height:160px; float:left; padding-top:25px;}

.bottom { width:1002px; height:235px;}
.bottom p{ float:left}
.mail { width:333px; height:200px; background:url(../images/mail.png) no-repeat 150px 55px;}
.mail a{width:133px;height:200px; display:block; margin-left:150px; text-indent:-500px; overflow:hidden;}
.mail a:hover {width:133px;height:200px; display:block; margin-left:150px; text-indent:-500px; overflow:hidden; background:url(../images/mail_1.png) no-repeat 0px 55px;}
.cookbook { width:302px; height:200px;background:url(../images/shipu.png) no-repeat 50px 55px;}
.cookbook a {width:163px; height:200px; margin-left:50px;display:block; text-indent:-500px; overflow:hidden;}
.cookbook a:hover{width:163px; height:200px; margin-left:50px;display:block; text-indent:-500px; overflow:hidden;background:url(../images/shipu_1.png) no-repeat 0px 55px;}

.links {width:192px; height:113px; padding-left:110px; padding-top:87px; background: url(../images/links.png) no-repeat 80px 10px;}
.links select { width:110px;}


.about { width:816px; margin:0 auto; position:relative}
.about_top { height:250px; background: url(../images/about_03.gif) no-repeat center bottom;}
.about .title {color:#13a1e3; font-size:18px; padding-top:198px; padding-left:230px; width:500px;}
.about_bg { width:814px; margin:0 auto; background:#daf5ff center; border-left:1px solid #fff; border-right:1px solid #fff;}
.about .height {width:1px;height:350px; float:left;}
.about .text { width:750px; line-height:30px; margin:0 auto; color:#13a1e3; font-size:14px; }
.clear1 { clear: both; width:1px;}
.about_bottom { height:126px; background:url(../images/about_07.gif) no-repeat center top; }

.sed { background:url(../images/save.gif) no-repeat; width:98px; height:30px;}
.save { background:url(../images/sed.gif) no-repeat; width:98px; height:30px;}
#title {position:absolute;left:-85px;top:40px;width:287px;height:241px;z-index:10; text-indent:-1500px;}
#title .leaveword { background:url(../images/title6.png) no-repeat; height:212px;}
#title .leaveword1 { background:url(../images/title7.png) no-repeat; height:212px;}
#title .intro { background:url(../images/title1.png) no-repeat; height:212px;}
#title .enroll { background:url(../images/title5.png) no-repeat; height:212px;}
#title .feature { background:url(../images/title4.png) no-repeat; height:212px;}
#title .teacher { background:url(../images/title3.png) no-repeat; height:212px;}
#title .scenery { background:url(../images/title2.png) no-repeat; height:212px;}
#title .mail{ background:url(../images/mail_2.png) no-repeat; height:212px;}
#title .video{ background:url(../images/video.png) no-repeat; height:212px;}
#title .noti{ background:url(../images/noti.png) no-repeat; height:212px;}
#title .cookbook{ background:url(../images/cookbook.png) no-repeat; height:212px;}
#title .news1{ background:url(../images/news.png) no-repeat; height:212px;}


/* about */	
.topFlash_about{ float:left; width:1002px; height:317px; background:url(../images/header_bgabout.jpg) no-repeat;}
#aboutContent{ margin:0 auto; width:1002px; background:url(../images/about_contentbg.jpg) repeat-y;}
	.aboutBottom{ padding-bottom:180px; width:1002px; background:url(../images/about_content_bottom.jpg) no-repeat bottom;}
	.aboutTitle{width:1002px; height:157px; background:url(../images/about_content_title.jpg) no-repeat;}
	.about_textTitle{ margin:0 auto; padding-bottom:5px; margin-bottom:10px; width:880px; font-size:18px; color:#093900; text-align:center; line-height:30px; border-bottom:dashed 1px #90ad8a;}
	.aboutTitle span{ display:block; margin:0 auto; padding-top:50px; width:380px; height:66px; background:url(../images/about_titlebg.png) no-repeat;}
	.aboutTitle span img{ display:block; margin:0 auto; width:114px; height:35px; }
	/* about-列表 */
		.about_list{ margin:0 auto; width:750px; border:1px solid #84cb97; background:#f4fff2;}
			.about_list .title{ line-height:30px; color:#92c6a0; font-size:14px; font-weight:bold; text-align:center; background:#d2ffde;}
			.about_list td,th{ line-height:30px; border-bottom:1px solid #84cb97;}
			.about_list th{ padding-left:30px; width:70%; font-weight:normal; font-size:14px; text-align:left; background:url(../images/icon_03.gif) no-repeat 6px 6px;}
			.about_list th a{ color:#1e4c2a; text-decoration:none;}
			.about_list th a:hover{ color:#001e08; text-decoration:none;}
			.about_list td{ color:#8dab95; text-align:center;}
			
		.about_page{ margin:10px auto; width:748px; height:30px; color:#00a285; font-size:14px; font-weight:bold; line-height:30px; border:1px solid #ade1b0; background:#e1ffdf;}
		.about_page span{ float:left; padding-left:20px;}
		.about_page p{ float:right; padding-right:20px;}
		.about_page a{ margin:0 10px; font-size:14px; color:#00a285; text-decoration:none;}
		.about_page a:hover{ color:#005a4a; text-decoration:none;}
		
		/* about-文章 */
		.tableText{ margin:0 auto; border-collapse:collapse; width:88%; font-size:14px; line-height:30px; color:#383838;}
			.tableText img{ margin:0 auto;}
			
		/* about-message board */	
		.subjuct,.restorebox{ margin:0 auto;  width:750px; height:auto; }
		.subjuct{ border:1px solid #f0d8c0; background:#fff; }
		.subjuct .titleBox{ border-bottom:1px solid #f0d8c0; background:#fee8a4; color:#c4af6c; float:left; width:750px; padding:2px 0px; line-height:28px;}
		.subjuct .titleBox img{ margin-top:5px;}
		.subjuct img{ margin:0 10px; }
		.subjuct h4 { font-size:14px; color:#b43300; font-weight:bold; text-decoration:none;}
		.subjuct .titleBox p{ margin:0 10px;}
		.subjuct em{ color:#866e23; }
		.subjuct .hfct { background:url(../images/hfct.gif) no-repeat; width:77px; height:28px; margin-left:10px;text-align:center; float:left; line-height:28px;}
		.subjuct .hfct a { color:#0099ff;}
		.subjuct .left1 { float:left}
		
		.subjuct .text{ margin:0 auto; padding:5px 10px 5px; width:730px; height:auto; line-height:24px; text-align:left;  }
		.subjuct .text p{ text-indent:24px; }
		.subjuct .text p a{ color:#494949; text-decoration:none; }
		.subjuct .text p a:hover{ color:#e14c7d; text-decoration:none; }
		
		
		.subjuct .time{width:750px; height:22px; color:#aca8a2; line-height:22px; text-align:right; background:#f5f1ec;}
		.subjuct .time span{ margin:0 8px;}
		.subjuct .time em{ color:#937147; }
		.subjuct .time p{ margin:0 12px;}
		.subjuct .time p a{ color:#c6948d;}
		.subjuct .time p a:hover{ color:#ff0066; text-decoration:underline; }
		
		/* about-message board Scott */
		.scott{ margin:0 auto; padding:10px 0;  width:750px; height:30px; line-height:30px; color:#004399; text-align:center;}
		.scott a{ margin:0 10px; color:#006fff; text-decoration:none;}
		.scott a:hover{ color:#a6006d; text-decoration:none;}
		
		/* about-message board Restore */
		.orange{ color:#ff3c00; }
		
		.restore{ margin:0 auto; width:750px; height:auto; border:1px solid #dbdbdb; background:#fff;}
		.restore .titleBox{ float:left; width:750px; height:26px; color:#2c6b87; line-height:26px; background:#dff5ff; border-bottom:1px solid #dbdbdb; }
		.restore .titleBox h2{ margin-top:0px;#margin-top:0px;_margin-top:6px; font-size:14px; }
		.restore .titleBox img{ margin:0 10px; }
		.restore table{ }
		.restore table td{ padding:6px; color:#d75600; }
		.restore table th{ padding-right:4px; width:100px; color:#6d6d6d; line-height:26px; text-align:right; border:none; }
		.restore table textarea{ width:500px; height:150px; background:#ffffef; border:1px solid #c5c5c5;}
		.short{ padding:0 2px; width:500px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }
		.short1{ padding:0 2px; width:100px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }