/* 请按以下顺序写样式 显示,定位,浮动,清除: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.png) repeat-x #fdfecd;} div,p,li,em{font-family:Verdana,宋体;font-size:14px; 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;} 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;} .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%; background:url(../images/Header_top.jpg) no-repeat top center;} .Header dl { width:1002px; margin:0 auto; } .Header_flash { width:1002px; height:97px;} .Header_left { float:left; width:257px; height:456px; background:url(../images/Header_left.jpg) no-repeat} .logo { height:140px; padding-top:130px; _padding-top:110px; width:257px; position:relative;} .name { width:550px; font-size:30px; line-height:30px; font-weight:bold; position:absolute; left:10px; top:5px; z-index:111;} .music { position:absolute; width:210px; height:90px; left:30px; top:130px; z-index:2} .User { position:relative; width:257px; height:160px;} .User_ul { width:150px; padding-left:95px; padding-top:57px; _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:78px; height:41px; left:95px; top:139px; z-index:2; display:block; background:url(../images/login.png) no-repeat} .Header_right { float:left; width:745px; height:456px; background:url(../images/Header_right.jpg) no-repeat} .menu { height:340px; position:relative } .menu_p { position:absolute; width:745px; height:370px; left:0px; top:-30px; z-index:111} .Tip { width:650px; height:70px; padding:20px 0 0 50px; font-size:14px; font-weight:normal; line-height:26px;} .Content { width:1002px; margin:0 auto;} .Content .Notices { float:left; width:531px; height:294px; background:url(../images/Notices.jpg) no-repeat; } .Notice_more { height:35px; text-align:right; font-size:12px; padding:32px 38px 0 0; } .Noticelist{ padding-left:161px; width:340px;} .Noticelist li{ line-height:36px; padding-left:24px; border-bottom:1px dotted #CCC; background:url(../images/icon_02.gif) no-repeat 0px 4px;} .Content .Happy { float:left; width:471px; height:294px; background:url(../images/Happy.png) no-repeat; } .happy_more { width:90px; float:left; font-size:12px; padding:107px 0 0 71px;} .happy { width:310px; float:left; padding:50px 0 0 0px; } .Content_left { width:442px; float:left;} .Content_left .News { width:442px; height:309px; background:url(../images/News.png) no-repeat; } .News_more { height:50px; font-size:12px; text-align:right; padding:20px 60px 0 0;} .Newslist{ padding-left:52px; width:340px;} .Newslist li{ line-height:36px; padding-left:24px; border-bottom:1px dotted #CCC; background:url(../images/icon_02.gif) no-repeat 0px 4px;} .Content_left .Class { width:442px; height:220px; background:url(../images/Class.png) no-repeat; } .Class_more { height:45px; font-size:12px; text-align:right; padding:20px 68px 0 0;} .jbqk { width:374px; height:131px; margin-left:37px; background:url(../images/jbqk.png) no-repeat } .jbqk_a1 { width:173px; height:54px; display:block; float:left; margin:4px 0 0 8px; } .jbqk_a1:hover {background:url(../images/jbqk_hover.png) no-repeat -8px -4px; } .jbqk_a2 { width:173px; height:54px; display:block; float:left; margin:4px 0 0 12px;} .jbqk_a2:hover {background:url(../images/jbqk_hover.png) no-repeat -193px -4px; } .jbqk_a3 { width:173px; height:54px; display:block; float:left; margin:15px 0 0 8px;} .jbqk_a3:hover {background:url(../images/jbqk_hover.png) no-repeat -8px -73px; } .Content_left .Excellents { width:442px; height:357px; background:url(../images/Excellents.png) no-repeat; } .Excellent_more { height:40px; text-align:right; font-size:12px; padding:26px 40px 0 0} .Excellentlist { width:340px; margin-left:50px;} .Excellentlist li{ line-height:36px; height:36px; padding-left:25px; border-bottom:1px dotted #CCC; background:url(../images/icon_02.gif) no-repeat 0px 4px; overflow:hidden; text-indent:0px; } .Content_right { width:560px; float:left;} .Content_right .Btn { width:560px; height:281px; background:url(../images/Btn.jpg) no-repeat; position:relative} .link { position:absolute; left:365px; top:240px; width:140px; height:20px; z-index:3; } .link select { width:140px;} .Content_right .Painting { width:560px; height:230px; background:url(../images/Painting.jpg) no-repeat; } .Painting_flash { height:75px; position:relative} .Painting_more { position:absolute; left:327px; top:42px; z-index:3; font-size:12px} #paintingpic { width:490px; margin-left:30px; } #paintingpic img { border:2px solid #FFF; margin:0px 3px;} .Content_right .Star { width:560px; height:375px; background:url(../images/Star.png) no-repeat; } .Star_more { height:34px; font-size:12px;padding:32px 0 0 65px; } .Child { padding-left:335px;} .Teacher_ul { text-align:center; padding:20px 0 0 25px; float:left} .Teacher_ul li { float:left; width:115px; height:115px;} .Teacher_border1 img{ width:74px; height:74px; padding:4px; background:url(../images/icon_p1.png) no-repeat} .Teacher_border2 img{ width:74px; height:74px; padding:4px; background:url(../images/icon_p2.png) no-repeat} .Teacher_text { height:36px; line-height:36px;} .Star_ls { width:260px; float:left} .Star_ye { width:260px; float:left; padding-left:10px;} .Copyright { background:url(../images/Copyright.jpg) no-repeat top center; width:100%; height:338px; clear:both;} .Copyright .text{ width:1002px; margin:0 auto; padding-top:45px; color:#002d03; line-height:24px; text-align:center; font-size:12px } .Copyright .company{ width:1002px; margin:0 auto; padding:10px 0; color:#002d03; text-align:center; font-size:12px} .Header_about { background:url(../images/about_header.jpg) no-repeat; width:1002px; height:483px; position:relative;} .About { background:url(../images/about_bg1.gif) repeat-y; width:1002px; margin:0 auto} .About_bottom { background:url(../images/about_bottom.jpg) no-repeat bottom center; padding-bottom:130px;} .about_title { width:186px; height:44px; position:absolute; top:313px; right:196px; z-index:2 } .about_btn { position:absolute; width:450px; height:200px;bottom:-37px; right:50px; z-index:33} .about_text {width:830px; margin:0 auto; font-size:14px; line-height:30px;} .about_text1 {width:730px; font-size:14px; line-height:30px;} .wztitle h1 { width:830px; text-align:center; font-size:30px; line-height:36px; } /*STAR*/ .zjwm_Btn { width:160px; height:466px; float:left; margin-left:50px; background:url(../images/icon_a1.png) no-repeat;} .zjwm_Btn a { width:136px; height:40px; display:block; margin-bottom:6px; margin-left:10px;} .zjwm_title { width:160px; height:95px;} .ysjj a:hover { background:url(../images/icon_a1.png) no-repeat -173px -95px;} .yfym a:hover { background:url(../images/icon_a1.png) no-repeat -173px -141px;} .ppts a:hover { background:url(../images/icon_a1.png) no-repeat -173px -187px;} .szll a:hover { background:url(../images/icon_a1.png) no-repeat -173px -233px;} .ldgh a:hover { background:url(../images/icon_a1.png) no-repeat -173px -279px;} .ryzt a:hover { background:url(../images/icon_a1.png) no-repeat -173px -325px;} .ywgl_Btn { width:160px; height:466px; float:left; margin-left:50px; background:url(../images/icon_a2.png) no-repeat;} .ywgl_Btn a { width:136px; height:40px; display:block; margin-bottom:6px; margin-left:10px;} .ywgl_title { width:160px; height:95px;} .ywgk a:hover { background:url(../images/icon_a2.png) no-repeat -173px -95px;} .rsgl a:hover { background:url(../images/icon_a2.png) no-repeat -173px -141px;} .ywgl a:hover { background:url(../images/icon_a2.png) no-repeat -173px -187px;} .djgz a:hover { background:url(../images/icon_a2.png) no-repeat -173px -233px;} .ghgz a:hover { background:url(../images/icon_a2.png) no-repeat -173px -279px;} .tzgz a:hover { background:url(../images/icon_a2.png) no-repeat -173px -325px;} .zsxx a:hover { background:url(../images/icon_a2.png) no-repeat -173px -371px;} .zcwj a:hover { background:url(../images/icon_a2.png) no-repeat -173px -417px;} .bjky_Btn { width:160px; height:466px; float:left; margin-left:50px; background:url(../images/icon_a3.png) no-repeat;} .bjky_Btn a { width:136px; height:40px; display:block; margin-bottom:6px; margin-left:10px;} .bjky_title { width:160px; height:95px;} .jyzl a:hover { background:url(../images/icon_a3.png) no-repeat -173px -95px;} .bytd a:hover { background:url(../images/icon_a3.png) no-repeat -173px -141px;} .ktyj a:hover { background:url(../images/icon_a3.png) no-repeat -173px -187px;} .ybjy a:hover { background:url(../images/icon_a3.png) no-repeat -173px -233px;} .szpx a:hover { background:url(../images/icon_a3.png) no-repeat -173px -279px;} .jyxx a:hover { background:url(../images/icon_a3.png) no-repeat -173px -325px;} .jsyd a:hover { background:url(../images/icon_a3.png) no-repeat -173px -371px;} .bjhq_Btn { width:160px; height:466px; float:left; margin-left:50px; background:url(../images/icon_a4.png) no-repeat;} .bjhq_Btn a { width:136px; height:40px; display:block; margin-bottom:6px; margin-left:10px;} .bjhq_title { width:160px; height:95px;} .bjyd a:hover { background:url(../images/icon_a4.png) no-repeat -173px -95px;} .yesp a:hover { background:url(../images/icon_a4.png) no-repeat -173px -141px;} .wsgl a:hover { background:url(../images/icon_a4.png) no-repeat -173px -187px;} .aqgl a:hover { background:url(../images/icon_a4.png) no-repeat -173px -233px;} .aqy a:hover { background:url(../images/icon_a4.png) no-repeat -173px -279px;} .stgl a:hover { background:url(../images/icon_a4.png) no-repeat -173px -325px;} .jygy_Btn { width:160px; height:466px; float:left; margin-left:50px; background:url(../images/icon_a5.png) no-repeat;} .jygy_Btn a { width:136px; height:40px; display:block; margin-bottom:6px; margin-left:10px;} .jygy_title { width:160px; height:95px;} .jzxx a:hover { background:url(../images/icon_a5.png) no-repeat -173px -95px;} .jzhy a:hover { background:url(../images/icon_a5.png) no-repeat -173px -141px;} .jzxd a:hover { background:url(../images/icon_a5.png) no-repeat -173px -187px;} .qzhd a:hover { background:url(../images/icon_a5.png) no-repeat -173px -233px;} .yejy a:hover { background:url(../images/icon_a5.png) no-repeat -173px -279px;} .jyhd a:hover { background:url(../images/icon_a5.png) no-repeat -173px -325px;} .bjzc_Btn { width:160px; height:466px; float:left; margin-left:50px; background:url(../images/icon_a6.png) no-repeat;} .bjzc_Btn a { width:136px; height:40px; display:block; margin-bottom:6px; margin-left:10px;} .bjzc_title { width:160px; height:95px;} .tz a:hover { background:url(../images/icon_a6.png) no-repeat -175px -95px;} .bwjhzj a:hover { background:url(../images/icon_a6.png) no-repeat -173px -141px;} .bjxc a:hover { background:url(../images/icon_a6.png) no-repeat -173px -187px;} .zthd a:hover { background:url(../images/icon_a6.png) no-repeat -173px -233px;} .qyhd a:hover { background:url(../images/icon_a6.png) no-repeat -173px -279px;} .ztbjhdfa a:hover { background:url(../images/icon_a6.png) no-repeat -173px -325px;} /*END*/ .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; padding-top:0px;width:830px; } .about_bjlb .bjlb_table { text-align:center; width:830px;border:1px solid #84cb97; border-top:none; background:#f4fff2; clear:both;} .about_bjlb .bjlb_title1 { font-size:30px; float:left; width:110px; color:#3b6c12;line-height:100px; text-align:right; padding-right:10px; background:#bedaa7} .about_bjlb .bjlb_text1 { font-size:30px; float:left; text-align:left; line-height:50px; height:100px; padding-right:15px; padding-left:10px; color:#fc6116} .about_bjlb .bjlb_text1 a { display:block; float:left; width:100px;} /* about-列表 */ .about_list{ margin:0 auto; margin-top:10px;width:730px; 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:728px; 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; }