﻿/*
Css for PEL,	ver 1.0
CopyRight  Dongyi Network Technology CO.,Ltd Design Center
*/








/* Css Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Public */
html{ width:100%; height:100%;   }
body{ width:100%; height:100%; color:#333;font:12px/21px 宋体,Tahoma,Helvetica,Arial,sans-serif; text-align:center;background:url(images/bgWrap.jpg) repeat-x 0px 0px; }
a{color:#333;text-decoration:none; outline:none;}
a:hover {color:#f60;text-decoration:underline; ; }
.clearbox {border:none;border-top: 1px solid transparent !important;clear: both;font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
.blank{height:10px;font-size:0px; line-height:0; }
.hot,hot a{color:#f60 !important}
.nodata{color:#999;}
.fr{float:right; }
.hide{display:none; }

/* frame */
#wrap{ width:100%; margin:0 auto; text-align:center; }
#header,#content,#footer{width:980px; text-align:left;margin:0 auto;position:relative; z-index: 0;  }
#content{overflow:hidden}

/* header */
#header{ position:relative; z-index: 1; }
#header .logoBar{ position:relative; height:160px; z-index:1;background:url(images/bgHead.jpg) no-repeat 0px 0px; }
#header h1.logo{ z-index:0; position:absolute; display:block; width:390px; height:100px; left:35px; top:20px;}
#header h1.logo a{display:block; width:450px; height:100px;}
#header h1.logo img{}

/* userPanel */
.userPanel{ height: 30px; line-height: 30px; background: url(images/bgTop.png) repeat-x; text-align: right; padding-right: 10px; }
.userPanel a{background:url(images/icons.gif) no-repeat 0px -177px;padding-left:12px;margin-left: 5px;display:inline-block; height:30px;color:#333; }
.userPanel .up-mailBox{background-position:-5px -407px; padding-left:25px;}
.userPanel .up-wap,.userPanel .up-ipad{color:#f60;background-position:0 -352px;}

/* siteSearch */
.siteSearch{ position:absolute; top:48px; right:9px; width:228px; height:20px; overflow:hidden;   }
.siteSearch #topKeyWord{ vertical-align:middle; height:20px; line-height:20px; border:none;
color:#ccc;width:158px;padding-left:2px; background: none; float:left; }
.siteSearch .searchBtn{ float:right; display:block;  width:60px; height:20px; }
.siteSearch .searchBtn:hover{ color:#ff0; text-decoration:none;  }

/* navBar */
.navBar{ height:78px; position:relative; background:url(images/nav.png) no-repeat 0 2px; margin-top: -2px; z-index: 2; }
.mainNav{ z-index:8; position:relative;  height:40px; line-height:40px; padding-left: 20px;  }
.mainNav li.spe{ display: none; }
.mainNav .a1{width:93px; text-align:center;display:inline-block; color:#fff; font-size:14px; font-weight:bold; padding-right: 7px;}
.mainNav .a1:hover{color:#ff6; text-decoration: none; }
.mainNav .li1{ float:left;position:relative; width:100px; margin-right: 5px; text-align: center; background: url(images/nav.png) no-repeat right bottom; }
.mainNav li.last1{background:none; }

/* subNav */
#subNavbg{ position:absolute; width:958px;  bottom:10px; z-index:0; height:30px; display:none; }

/* mainNav */
.mainNav .ul1{  position:absolute;top:40px; left:1px; height:auto;width:155px; padding:3px 5px 7px 5px;  background:#fff; border:1px solid
#7BB2E3;border-top:none;line-height:30px; display:none; overflow:hidden; zoom:1;z-index:100  }
.mainNav .on1 .a1{color:#ff0 !important;text-decoration:none;background:url(images/nav.png) no-repeat 0 -96px;  }
.mainNav .li2{float:left;width:47%;_display:inline; margin:2px 1px; }
.mainNav .li2 .a2 { padding:0 4px;height:20px;line-height:20px; font-size:12px;display:inline-block; }
.mainNav .li2 .a2:hover{color:#fff;background:#2878a8; text-decoration:none; }
#liID7 #ulID7{left:-38px;}

.mainNav .last1 .ul1{left:-73px}

/* 日历和天气 */
#annWeather{height:30px; overflow:hidden}
#annWeather #annWeatherUl{width:980px;height:30px; border:none;background:none;left:-10px ; padding:0; overflow:hidden;clear:both;  }
#annWeatherUl .ann{  float:left;  padding-left:32px; background: url("images/icons.gif") 15px -56px no-repeat;width:280px;_display:inline; overflow: hidden; }
#annWeatherUl .weather{  float:right;_display:inline; padding-top:5px;width:660px;  overflow:hidden ;_display:inline;}
#annWeatherUl .weather span{display:inline;margin:0px 10px 0 0;height:21px;line-height:21px; float:left; background:url(images/icons.gif) no-repeat 0px
-458px;padding-left:20px;}
#annWeatherUl .weather iframe{margin-top:-5px;}

/* annCon 公告滚动 */
#annCon {overflow:hidden;  float:left; }
.annConIn{ overflow:hidden;  }
.annConIn ul{margin:3px 0 0 0;  width:280px;  }
.annConIn ul li{padding-left:10px;margin:0;   }
.annConIn ul li .date{float:none; color:#f60;margin:0 0 0 10px;  }

/* mode-a */
.mode-a{clear:both;overflow:hidden;zoom:1;}
.mode-a-side{float:right;width:220px;_display:inline;  }
.mode-a-main{float:left; width:750px;_display:inline; }


/* sideLogin 侧栏登录 */
#sideLogin{}
#sideLogin .hd{overflow:hidden; background:none; height:30px;line-height:30px; ;background:url(images/bgTit.png) no-repeat -111px 0px;}
#sideLogin .hd span{cursor:pointer;float:left;_display:inline; color:#89C7EF;background:url(images/bgTit.png) no-repeat -110px
0px;width:110px;height:30px;text-align:center;font-weight:bold;  }
#sideLogin .hd span:hover{color:#1A7CBB}
#sideLogin .hd span.on{background-position:0 0; color:#fff;}
#sideLogin .bd{height:130px;padding:0 5px 5px 5px;border:1px solid #A9D0EB;border-top:none;   }
#sideLogin .bd .tabCont{overflow:hidden;}

#userSta{overflow:hidden;}
#userSta .userlogin{margin:5px 0 0 10px; }
#userSta .userlogin li{padding:3px 0; }
#userSta .userlogin li.save{padding-left:48px;}
#userSta .userlogin li .reg_password{color:gray}

.loginedInfo{overflow:hidden;margin:5px 0 0 5px; }
.loginedInfo li{height:23px;line-height:23px;color:#666;  }
.loginedInfo li strong{color:#f60;font-weight:bold;}
.loginedInfo li span{color:#333;text-decoration:underline; }
.loginedInfo .li-tit{overflow:hidden;width:90%; }
.loginedInfo .li-f{float:left;width:47%;_display:inline;margin-right:5px;   }
.loginedInfo .li-st{overflow:hidden;width:90%; color:#ccc;text-align:center; }
.loginedInfo .li-st a{margin:0 10px; }
#ScoreQ{margin:5px 0 0 10px; }
#ScoreQ li{padding:3px 0; }
#ScoreQ #loginButton{padding-left:48px;}
#ScoreQ .tips{color:#f90;}

/* slideBanner */
#slideBanner{margin:0px 0 10px 0; }
#slideBanner img{ }

/* */
.topicList01{float:left;width:350px;  }
.topicList01 .t{height:63px;}
.topicList01 .t .pic{width:120px;float:left;_display:inline;margin:3px 0 0 5px;  }
.topicList01 .t .pic img{border:1px solid #d8d8d8; }
.topicList01 .t .con{width:350px;float:left;}
.topicList01 .t .con .intro{border-bottom:none; }
.topicList01 .t .pic img{width:100px;height:80px;  }
.topicList01 .n{margin-left:5px;border-bottom:1px dotted #d8d8d8;  }
.topicList01 .title a{font-size:14px;}

/* newsGroup01 */
.newsGroup01{}
.newsGroup01{}
.newsGroup01 .boxNewsInd ul{ }
.newsGroup01 .boxNewsInd ul li{line-height:28px;  }
.newsGroup01 .bd {}

/* newsGroup02 */
.newsGroup02{}
.boxNewsInd{float:left;_display:inline;width:370px;   }
.boxNewsInd .hd{background:url(images/bgTit.png) no-repeat 0px -320px;}
.boxNewsInd .bd{border:1px solid #ADD5ED;border-top:none;height:auto;overflow:hidden; height:210px; }

/* boxTab */
.boxTab{  }
.boxTab .hd{background:url(images/bgTit.png) no-repeat;}
.boxTab .hd ul{background:none; overflow:hidden; margin-left: 20px; }
.boxTab .hd ul li{float:left;_display:inline; height:30px; line-height:30px;margin-right:20px;}
.boxTab .hd ul li a{font-size:14px;color:#333; display: block; zoom: 1; float: left; padding:0 4px; }
.boxTab .hd ul li a:hover{ text-decoration: none; }
.boxTab .hd ul li.on{ border-bottom: #eb2c00 3px solid; }
.boxTab .hd ul li.on a{font-weight:bold;color:#0067A3;font-size:14px; padding: 0 2px;}

/* sideBox */
.sideBox{}
.sideBox .hd{background:url(images/bgSideBox.png) no-repeat;color:#fff; height: 32px; line-height: 32px; }
.sideBox .hd a:hover { text-decoration: none; }
.sideBox .hd h3 { color: #fff; padding-left: 15px; }
.sideBox .hd h3 a{color:#fff;}
.sideBox .hd .more{color:#333;}
.sideBox .bd{border:1px solid #ADD5ED;border-top:none;}


/* 通知公告 */
#siderAcc{overflow:hidden; background: url(images/bgMenu.png) no-repeat #D5F4FF 0 35px; }
#siderAcc .hd { background: url(images/bgMenu.png) no-repeat -220px 0; height: 35px; line-height: 30px; }
#siderAcc .hd h3 { padding-left: 30px; background: url(images/i_sound.png) no-repeat 10px 10px; }
#siderAcc .hd .more { color: #fff; }
#siderAcc .bd{overflow:hidden;height:268px; width: 197px; margin: 0 6px 6px; padding: 0 6px; background: url(images/bgMenu.png) no-repeat -226px bottom; border: none; }
#siderAcc .infoList{ overflow:hidden;  }
#siderAcc .tempWrap{ height:265px !important;   }
#siderAcc .infoList li{border-bottom:1px dotted #d8d8d8; height:auto; line-height:18px; padding:0 0 5px 0;  }


.siderImg{margin-top:-10px;}
.siderImg img{float:left;margin-top:10px }


/* 校长寄语 */
#leaderTalk{}
#leaderTalk .bd{padding:10px 5px 5px 10px;overflow:hidden;height:350px;  }
#leaderTalk .img{text-align:center;float:left; _display:inline;height:130px;  }
#leaderTalk .img img{width:110px;height:130px;margin:0 10px  0px 0;  }
#leaderTalk .intro{ }
#leaderTalk .intro a{color:#f60;}


/* 学科分类 */
#resources{}
#resources .bd{height:100% ;overflow:hidden; }
#resources .bd a{background:url(images/bgTit02.jpg) no-repeat -292px -310px;display:block;float:left; margin:0 0 2px 0; width:170px;  height:26px;line-height:26px;  padding-left:30px;
font-size:14px;}
#resources .bd a:hover{background-position:-292px -350px;font-weight:bold; }

/* 学科资源 */
#subject{}
#subject .bd{overflow:hidden;padding:3px 0 5px 10px; }
#subject .bd a{margin:2px 0; border-bottom:1px dotted #d8d8d8;background:url(images/list.png) no-repeat 3px 8px; float:left;width:51px;_display:inline;padding:0 0 0 15px;
height:24px;line-height:24px;       }
#subject .bd a:hover{}

/* 教育服务 */
#eduService{}
#eduService .bd{padding:3px 0 5px 10px; }
#eduService .bd .inNav{overflow:hidden;overflow:hidden;}
#eduService .bd .inNav a{margin:2px 0; border-bottom:1px dotted #d8d8d8;background:url(images/list.png) no-repeat 3px 8px; float:left;width:85px;padding:0 0 0 15px;
height:24px;line-height:24px;     }
#eduService .bd .infoList{clear:both;}
#eduService .bd .infoList li{}

/* 校长信箱  */
#leaderMailBox .bd{height:186px; }
#leaderMailBox li{height:23px;line-height:23px;  }
#leaderMailBox li span.msgT{}
#leaderMailBox li span.msgSt{float:right;color:#f60; padding:0 4px;}
#leaderMailBox li span.msgSt a{color:#f60; font-weight:bold;}

#leaderMailBox li.msgTitle{color:#0067A3;border-bottom:1px solid #ccc; height:25px;line-height:25px; }
#leaderMailBox li.msgTitle span{padding:0 4px; }
#leaderMailBox .loopMsg{margin:5px 0 0 0;}
#leaderMailBox .loopMsg .msgT{background:url("images/shareB.gif") no-repeat 0 -727px;padding:0 0 0 15px; }

/* footer */
#footer{ position:relative; text-align:center;  overflow:hidden;clear:both;margin-top:10px; background: url(images/bgFoot.png) repeat-x; }
.footNav{ margin:10px 0 0 0; height:30px; line-height:30px;  color:#ccc; }
.footNav a{padding:0 8px; }
#footer .copyright{ line-height:22px; height:100px; padding:10px 0 0 400px; background:url("images/logoFooter.gif") no-repeat  200px 13px ; text-align:left;  }
#footer .copyright a{text-decoration:underline; }
.statInfoList{color:#999}
.statInfoList span{margin-right:10px;}

.bannerClumn{overflow:hidden;}
.bannerClumn ul{margin-left:-10px;}
.bannerClumn li{margin-left:10px;_display:inline;float:left;line-height:0px;  }


/* #frendLinkInd */
#frendLinkInd{ border: #c9ddf8 1px solid; }
#frendLinkInd  .hd { height: 30px; background: #69c0ee; border: #fff 1px solid; }
#frendLinkInd  .hd h3{font-weight:bold;float:left;_display:inline; color: #fff; }
#frendLinkInd  .hd ul{float:left; _display:inline;margin:5px 0 0 20px; height: 25px; }
#frendLinkInd  .hd ul li{ text-align: center; }
#frendLinkInd  .hd ul li a { width: 59px; height: 25px; line-height: 25px; padding: 0; }
#frendLinkInd  .hd ul li.on { background: url(images/bgLinkTab.png) no-repeat; text-align: center; }
#frendLinkInd  .bd{padding:10px;}
#frendLinkInd  .bd ul{overflow:hidden;height:auto; }
#frendLinkInd  .bd li{float:left;margin:3px 15px 0px 5px }

#linkTable{border-right:1px solid #ADD5ED;border-left:1px solid #ADD5ED; border-top:1px solid #ADD5ED; width:980px;  }
#linkTable tr.hd{background:#69C0EE; }
#linkTable tr.bd{border:1px solid #ADD5ED;border-top:none;}
#linkTable th{ width:14.5%; text-align:center;height:28px;line-height:29px;font-weight:bold; color:#fff }
#linkTable td{padding:2px 0;border:1px solid #ADD5ED;}
#linkTable td ul{height:150px;overflow:hidden;overflow-y:auto; margin:5px;  }


