/* 请按以下顺序写样式 显示,定位,浮动,清除: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/bg.jpg) center top #f2deab;} div,p,li,em{font-family:Verdana,宋体;font-size:12px; font-style:normal;} 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; max-width:750px} ul,li{list-style-type:none;} table{ border-collapse:collapse;} .clear {clear:both;} a:link{ color:#411c00; text-decoration:none;} a:visited{ color:#411c00; text-decoration:none;} a:hover{ color:#cf5d00; text-decoration:none;} a:active{color:#411c00;text-decoration:none;} .Notice_more a:link,.News_more a:link,.happy_more a:link,.Class_more a:link,.Excellent_more a:link,.Painting_more a:link{ color:#411c00; text-decoration:none;} .Notice_more a:visited,.News_more a:visited,.happy_more a:visited,.Class_more a:visited,.Excellent_more a:visited,.Painting_more a:visited{ color:#411c00; text-decoration:none;} .Notice_more a:hover,.News_more a:hover,.happy_more a:hover,.Class_more a:hover,.Excellent_more a:hover,.Painting_more a:hover{ color:#fff; text-decoration:none;} .Notice_more a:active,.News_more a:active,.happy_more a:active,.Class_more a:active,.Excellent_more a:active,.Painting_more a:active{color:#411c00;text-decoration:none;} .Teacher_more a:link{ color:#1a8440; text-decoration:none;} .Teacher_more a:visited{ color:#1a8440; text-decoration:none;} .Teacher_more a:hover{ color:#cf5d00; text-decoration:none;} .Teacher_more a:active{color:#1a8440;text-decoration:none;} .Child_more a:link{ color:#c65f04; text-decoration:none;} .Child_more a:visited{ color:#c65f04; text-decoration:none;} .Child_more a:hover{ color:#f43000; text-decoration:none;} .Child_more a:active{color:#c65f04;text-decoration:none;} .About_a1 a:link{ color:#fff; text-decoration:none;} .About_a1 a:visited{ color:#fff; text-decoration:none;} .About_a1 a:hover{ color:#000; text-decoration:none;} .About_a1 a:active{color:#fff;text-decoration:none;} .left { float:left} .right { float:left} .Notices h1,.News h1,.Tips h1,.User h1,.Index_a6 h1,.Painting h1,.Class h1,.Excellent h1,.Tips h1,.Happy h1,.Teacher h1,.Child h1,.title_bg2 a { text-indent:-9999px; overflow:hidden; font-size:0px;} .Header { width:100%; height:385px; background:url(../images/about_02.jpg) repeat-x} .Top { width:1002px; height:385px; margin:0 auto; background:url(../images/about_top.jpg) no-repeat 0px 105px; position:relative} .menu { padding-top:60px;} .name { width:500px; height:82px; line-height:40px; left:270px; top:180px; z-index:111; position:absolute; font-size:36px} .music { position:absolute; width:210px; height:90px; left:270px; top:310px; z-index:111; } .Content { width:100%; background:url(../images/about_a3.jpg) repeat-x center bottom;} .Content_div { width:1002px; margin:0 auto;} .User { width:253px; height:195px; background:url(../images/User.jpg) no-repeat; position:relative} .User_ul { width:150px; padding-left:85px; padding-top:45px; _padding-top:54px; } .User li { height:28px;} .User_name { width:150px; } .User_pass { width:150px;} .User_yzm { width:150px; } .User_text a { position:absolute; width:56px; height:56px; left:145px; top:100px; z-index:2; display:block; background:url(../images/login.png) no-repeat} .Tip { width:253px; height:180px; background:url(../images/Tip.jpg) no-repeat} .Tip h2 { width:176px; height:125px; font-size:12px; font-weight:normal; line-height:24px; margin:0 auto; padding:26px 0 0 10px;} .Teacher { width:253px; height:296px; background:url(../images/Teacher.jpg) no-repeat} .Child { width:253px; height:308px; background:url(../images/Child.jpg) no-repeat} .Teacher_more { height:25px; padding-top:22px; padding-left:170px; font-weight:bold; color:#1a8440} .Child_more { height:25px; padding-top:37px; padding-left:170px; font-weight:bold; color:#1a8440} .Teacher_ul { text-align:center; padding:0px 0 0 10px; float:left} .Teacher_ul li { float:left; width:115px;} .Teacher_border1 img{ width:74px; height:74px; padding:2px;border:1px solid #CCC; background:url(../images/icon_p1.png) no-repeat} .Teacher_border2 img{ width:74px; height:74px; padding:2px; background:url(../images/icon_p2.png) no-repeat} .Teacher_text { height:26px; line-height:26px;} .Notices_News { width:389px; height:347px; float:left} .Notices { width:389px; height:170px; background:url(../images/Notices.jpg) no-repeat} .Notice_more { height:20px; text-align:right; font-size:12px; padding:32px 38px 0 0;} .Noticelist{ padding-left:31px; width:340px;} .Noticelist li{ line-height:30px; padding-left:24px; background:url(../images/icon_02.gif) no-repeat 0px 4px;} .News { width:389px; height:177px; background:url(../images/News.jpg) no-repeat} .News_more { height:30px; font-size:12px; text-align:right; padding:20px 60px 0 0;} .Newslist{ padding-left:31px; width:340px;} .Newslist li{ line-height:30px; padding-left:24px; background:url(../images/icon_02.gif) no-repeat 0px 4px;} .Happy { width:360px; height:347px; float:left; background:url(../images/Happy.jpg) no-repeat} .happy_more { height:19px; padding-left:266px; padding-top:13px} .happy_img { padding:5px 0 0 50px;} .zxbm { padding:30px 0 0 45px;} .Painting { width:749px; height:220px; clear:both; background:url(../images/Painting.jpg) no-repeat} .Painting_more { height:32px; text-align:right; padding-right:36px; padding-top:25px;} .Painting_flash { width:145px; height:120px;float:left} #paintingpic { width:545px; height:120px; float:left;} #paintingpic a { width:165px;} .Class_Excellent { width:401px; height:412px; float:left;} .Class { width:401px; height:199px; background:url(../images/Class.jpg) no-repeat} .Class_more { height:20px; font-size:12px; text-align:right; padding:35px 36px 0 0;} .Class_div { width:355px; height:31px; margin-left:45px; text-align:center; text-indent:0px; overflow:hidden; } .Class_title { width:65px; height:31px; line-height:31px; color:#0966c3; font-weight:bold; float:left; text-align:right; padding-right:5px;} .Class_text { padding-right:10px; height:31px; line-height:31px; float:left; padding-left:5px;} .Excellent { width:401px; height:213px; background:url(../images/Excellent.jpg) no-repeat; position:relative} .Excellent_more { height:15px; text-align:right; font-size:12px; padding:24px 40px 0 0} .Excellentlist { width:340px; margin-left:60px;} .Excellentlist li{ line-height:30px; height:30px; padding-left:25px; background:url(../images/icon_02.gif) no-repeat 0px 4px; overflow:hidden; text-indent:0px; } .link { position:absolute; width:331px; height:49px; left:47px; top:176px; background:url(../images/link.jpg) no-repeat; z-index:11} .link select { margin:15px 0 0 110px;} .Btn { width:348px; height:412px; float:left;} .Btn1 { width:348px; height:199px; background:url(../images/Btn1.jpg) no-repeat} .Btn2 { width:348px; height:213px; background:url(../images/Btn2.jpg) no-repeat} .about_header { width:100%; height:413px; background:url(../images/about_02.jpg) repeat-x} .about_top { width:1002px; height:413px; margin:0 auto; background:url(../images/about_top.jpg) no-repeat center bottom; position:relative} .about_content { width:100%;} .About_a1 { width:1002px; padding-top:70px; height:36px; margin:0 auto; background:url(../images/about_a1.jpg) no-repeat; position:relative} .About_a1 a{ text-align:center; width:130px; height:43px; line-height:40px; font-weight:bold; display:inline-block;background:url(../images/a1.png) no-repeat;} .about_btn { width:420px; margin:0 auto} .About_a1 h1 { text-align:center; width:800px; margin:0 auto} .t1 { background:url(../images/t1.jpg) no-repeat; width:575px; height:42px; text-align:center; line-height:40px; color:#F30; margin:0 auto; left:220px; top:70px; position:absolute; z-index:111} .about_a2 { width:100%; background:url(../images/about_a2.jpg) repeat-y center} .about_text { width:100%; margin:0 auto; line-height:30px;background:url(../images/about_a3.jpg) repeat-x center bottom;} .Copyright { width:100%; background:url(../images/about_a4.jpg) repeat-x center; height:138px; line-height:30px; padding-top:50px} .Copyright .text { width:1002px; margin:0 auto; text-align:center} .Copyright .company { width:1002px; margin:0 auto; text-align:center} .MXLS_img ul { width:110px; height:110px; text-align:center; padding:10px;} .WJDC_Box { width:750px; border:1px solid #dbdbdb;} .WJDC_Box .mx_title { background:#dff5ff; color:#2c6b87; font-size:14px; padding-left:15px;padding-top:7px; padding-bottom:5px; #height:20px; line-height:20px;} .WJDC_Box h2 {background:#dff5ff; color:#2c6b87; padding-left:10px; border-bottom:1px solid #dbdbdb; font-size:14px } .WJDC_Box li { padding-left:20px; line-height:30px;} .WJDC_Box input { padding:5px;} .WJDC_Box textarea { padding:5px; margin:5px;} .WJDC_Box span { display:block; float:left; padding-right:20px;} .about_bjlb { margin:0 auto; margin-top:10px;width:790px; border:1px solid #84cb97; background:#f4fff2;} .about_bjlb .bjlb_table { padding-left:10px; text-align:center; width:100%; clear:both; border-bottom:1px solid #84cb97;} .about_bjlb .bjlb_title1 { float:left; width:55px; height:30px; line-height:30px;color:#F60;} .about_bjlb .bjlb_text1 { float:left; height:30px; line-height:30px; padding-right:15px;} /* about-列表 */ .about_list{ margin:0 auto; margin-top:10px;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,.about_list 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:0 auto; margin-top:10px; 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-message board Restore */ .orange{ color:#ff3c00; } .restore{ margin:0 auto; width:750px; height:auto; border:1px solid #dbdbdb; background:#fff;} .restore .title{ float:left; width:100%; height:26px; color:#2c6b87; line-height:26px; background:#dff5ff; border-bottom:1px solid #dbdbdb; } .restore .title h2{ margin-top:0px;#margin-top:0px;_margin-top:6px; font-size:14px; } .restore .title img{ margin:0 10px; } .restore table{ margin:10px auto; width:100%; border-collapse:collapse; } .restore table td{ padding:6px; } .restore table th{ padding-right:10px; color:#6d6d6d; line-height:26px; text-align:right; width:90px; } .restore table textarea{ margin-left:16px; width:700px; height:150px;} .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; } /* 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{ margin:0 auto; margin-top:20px; 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{ clear:both; 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; }