/* ## esun.guo@gmail.com ##*/
 
@import url(reset.css);
/* ### =dom ##### */

body { font: 12px Arial, Helvetica, sans-serif; margin:0px; text-align:center; line-height:20px; background:#faf5eb url(../images/share1.gif) no-repeat top center; }

a{ color: #d08601; text-decoration: underline; }
a:hover { color: #f60; text-decoration: underline; }

h1,h2,h3,h4,h5,h6,strong { font-weight: 400; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: .875em; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }
abbr,acronym { border-bottom: 1px dotted #000; cursor: help; } 

.fl
{
	float:left;
}
/* =form
 --------------------------------------------------------*/
input { padding: 2px; }
textarea { padding: 2px; border: 1px solid #969696; }
input.btn{ cursor: pointer; height: 24px; padding: 1px 5px; line-height: 19px; font-size: 12px; }
input.image { border: none; width: auto; }
input.text { border: 1px solid #969696; line-height: 16px; height: 16px; }
input.readonly { background-color: transparent; border: none; }
fieldset { padding: 10px; }
legend { font-size: 14px; color: #666; font-weight: 700; }
label { cursor: pointer; }

/* ### =tools ############################################################################ */

/* =other
 --------------------------------------------------------*/

/* =clearing*/
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html > body .clearfix { display: inline-block; width: 100%; }

/* =replace*/
.replace { display: block; background-repeat: no-repeat; background-position: left top; background-color: transparent; font-size: 1px; }
.replace * { text-indent: -10000px; display: block; background-repeat: no-repeat; background-position: left top; background-color: transparent; }
.replace a { text-indent: 0; }
.replace, .replace a span { text-indent: -10000px; }

/* =hide*/
.hidden { display: none; visibility: hidden; }

/* =break*/
.break{
	white-space: pre; /* CSS2 */
   white-space:-moz-pre-wrap; /* Mozilla */
   white-space:-hp-pre-wrap; /* HP printers */
   white-space:-o-pre-wrap; /* Opera 7 */
   white-space:-pre-wrap; /* Opera 4-6 */
   white-space:pre-wrap; /* CSS 2.1 */
   white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */
   word-wrap:break-word; /* IE */
}
/*font*/
.rf
{
	color:red;
}
#lblInfo
{
	color:#f00;
}
/* =hack*/
.hack
{
	height:8px; overflow:hidden; clear:both;
}


/* ### =layout ############################################################################ */
#header
{
	height:108px;   text-align:center; 
	margin-bottom:10px;
}
.sTitle{
position:absolute; top:0px; right:34px;color:#555;
}
#innerHeader
{
	text-align:left; margin:0 auto; width:893px; height:108px; position:relative;
}
#logo
{
	 position:absolute; top:22px; left:66px;
}
#mainNav
{
	position:absolute; right:20px; top:53px; background:url(../images/navbgg.gif) left no-repeat; height:40px; line-height:40px;
	overflow:hidden;
	
}
.newsLink{
position:absolute; right:40px; bottom:10px;
}
.newsLink a{
font-size:14px;font-weight:700;
}
#mainNav li
{
	  height:40px; overflow:hidden; background:url(../images/1_05.jpg) no-repeat right; float:left; font-weight:700;padding:0px 25px;
	 font-size:14px; text-align:center;
}
#mainNav li a
{
	 text-decoration:none; color:#fff; display:block;
}
#mainNav li a:hover
{
	 color:#fff;
}
#subNav
{
	position:absolute; top:45px; right:10px;
}
#subNav a
{
	
}
.change{
 background:url(../images/12_05.gif);width:107px;height:28px;line-height:28px;
font-size:14px;font-weight:700;position:absolute;bottom:10px;right:20px;padding-left:18px;
cursor:pointer; z-index:9999;
}
.change div{
position:absolute;top:27px;left:15px;width:98px;height:50px;line-height:25px;
background:url(../images/3_03.jpg) bottom;display:none; z-index:99999;
}
.change div a{
display:block;padding-left:10px;width:86px;height:25px;text-decoration: none;
}
.change div a:hover{
display:block;padding-left:10px;width:86px;height:24px;background:#fff;border-left:1px solid #c6c6c6;
border-right:1px solid #c6c6c6;
}
.topBarlogin
{
	position:absolute; top:15px; right:50px; z-index:9999; height:30px; font-size:14px;
}
.topBarlogin a
{
	float:left; margin:5px;
}
.topBarlogin input
{
	float:left; margin:0px 5px;
}
.topBarlogin span
{
	float:left; margin:0px 5px;
}
#TopBar1_txtLoginName
{
	width:150px;
}
#TopBar1_txtPwd
{
	width:150px;
}
#TopBar1_btnLogin
{
	position:relative; top:-3px;
}
.lblInfo
{
	color:#000; font-size:14px; font-weight:700; background:#fdf2eb;  
}
.wrap
{
	width:891px; margin:0 auto; text-align:left;  border:solid 1px #c2933f;  border-width:0 1px;
	
	height:auto !important;height:500px;min-height:500px; background:#fff url(../images/share1.gif) no-repeat  -1px -118px;
	
}
.lefter
{
	width:210px; float:left; 
}
.righter
{
	width:210px; float:right; 
}
.center
{
	width:720px; margin:0px 0px 0px 10px; float:right;
}
.innerCenter
{
	background:url(../images/centerLine.gif) repeat-y left top;height:auto !important; height:500px; min-height:500px; padding:0px 10px;
}
.bar
{
	background:#cce5ed url(../images/pshow_bg_19.gif);  text-align:left; height:28px; line-height:28px;
	text-indent:20px; font-size:14px;
}
.bar span
{
	 
}
.BigAD
{
	width:100%;  overflow:hidden;
}
.BigAD img
{
	width:100%; overflow:hidden;
}
.doing li
{
	 text-align:left; padding:2px 5px;
}
.doing li img
{
     vertical-align:middle; margin-right:5px;
}
.doing li a
{
     margin:0px 3px;
}
.doing li span
{
      color:#555;
}
.lineBar
{
	border-bottom:solid 1px #222; text-align:left; height:28px; line-height:28px;
}
.lineBar span
{
	 float:left; margin-left:10px; font-weight:700; font-size:14px;
}
.loginBox
{
	padding-top:10px;
}
.loginBox .text
{
	width:120px;
}
.loginBox #pw
{
	width:70px; margin-right:5px;
}
.loginBox #checkCode
{
	width:40px; margin-right:5px;
}
.loginBox .checkCode img
{
	 vertical-align:text-bottom
}
.loginBox td
{
	 padding:5px 0px;
}
.loginBox td span
{
	  color:#555;
}
#schoolArea
{
	background:url(../images/companyBg.gif); width:196px; height:89px; margin-top:10px; text-align:center;
}
.bigBtn
{
	width:131px;background:url(../images/creacte.gif) right no-repeat; margin-bottom:5px; margin-left:auto; margin-right:auto; text-align:center;
}
.bigBtn a
{
	display:block; height:36px; line-height:36px; font-size:14px; font-weight:700; color:#fff;
	text-decoration:none;
}
.bigBtn a:hover
{
	color:#eee;text-decoration:none;
}
.introduce
{
	text-align:left; font-size:14px; line-height:22px;
}
.introduce span
{
	color:#ff9600; font-size:16px; font-weight:700; line-height:28px; font-family:ºÚÌå;
}
.introduce samp
{
	color:#096c8d; font-size:16px; font-weight:700; line-height:28px; font-family:ºÚÌå;
}
#footer
{
	text-align:center;
	padding-top:20px; line-height:25px;
	
	width:891px; margin:0 auto;  border:solid 1px #c2933f;  border-width:0 1px;
	
	background:#fff;
}
#footer a
{
	margin:0px 5px; color:#555;
}

/**/
.content
{
	background:red; width:710px; float:right; padding-left:10px;background:url(../images/centerLine.gif) repeat-y left top;
	height:auto !important; height:500px; min-height:500px;
}
.leftList
{
}
.leftList li
{
	text-align:left; text-indent:10px;
	
}
.massage
{
	background:url(../images/bg_head_box.jpg); padding:10px;
}
.massage span
{
	 font-size:14px; font-weight:700; color:#096c8d;
}
.filter p
{
	background:url(../images/bg_myData.jpg); border:solid 1px #f4b575; margin-bottom:5px; text-align:left; padding:5px;
}
.filter p a
{
	margin:0px 3px;
}
.classList li
{
	border-bottom:solid 1px #bdbcbd; margin-top:10px;background:url(../images/1_06.gif)
}
.classList li h4
{
	font-weight:700; font-size:14px;  padding:0px 10px; height:35px;line-height:35px;
}
.classList li h4 a
{
	text-decoration: none; 
}
.classList li h5
{
	padding:0px 15px;
}
.classList li h5 span
{
	 margin:0px 8px;
}

.classList li p
{
	padding:5px 15px;padding-top:0px; line-height:18px; color:#555; 
}
.detailBTN{
 display:block;width:72px;height:21px;overflow:hidden;background:url(../images/3_10.gif);line-height:21px;
text-align:center;color:#fff;text-decoration: none;  float:right;
}
.detailBTN:hover{color:#eee;text-decoration: none;
}
/*nextPage*/
#nextPage
{
	clear:both; height:24px; text-align:right; padding-top:20px;
}
#nextPage a
{
	color:#000000;  background:#eee; border:solid 1px #ccc; 
	width:16px; height:16px; float:left; margin:2px;
	text-align:center; line-height:16px;text-decoration:none;
}
#nextPage a:hover
{
	color:#fff;  background:#3671a6; border:solid 1px #3671a6; 
}
#nextPage span
{
	color:#fff;  background:#3671a6; border:solid 1px #3671a6; width:16px; height:16px; float:left;margin:2px;
		text-align:center;line-height:16px;
}
.nextPage
{
	float:right;
}

.curricula
{
	margin-top:10px; 
}
.curricula h1
{
	 font-weight:700; line-height:32px;  border-bottom:solid 1px #eee; border-right:solid 1px #eee; margin-bottom:10px;
	 height:34px; position:relative;  font-size:18px; text-align:center;  background:url(../images/pshow_bg_19.gif); 
}
.curricula h1 tt
{
	  display:block; float:left; padding:0px 5px; height:29px; border:solid 1px #ccc; cursor:pointer; 
	  background:none; font-weight:700; text-align:center;border-bottom:1px #fff solid; margin-top:4px;
}
.curricula h1 a
{
	  display:block; float:left; padding:0px 5px; height:29px; border:solid 1px #ccc; cursor:pointer; color:#555;
	  background:url(../images/apshow_bg_19.gif); font-weight:500;  text-align:center; margin-top:4px; text-decoration:none;
	  font-size:14px;
}
#schoolLogo
{
	width:150px; float:left; padding:2px; border:solid 1px #aaa;
}
.curriculaIntro
{
	float:left;  margin-left:10px; padding-left:10px; width:460px; line-height:25px;
}
.curriculaInfor
{
	 line-height:25px;
}
.curriculaInfor h2
{
	 background:url(../images/pshow_bg_19.gif); padding:0px 10px; font-weight:700; font-size:14px; height:30px; line-height:30px;
	 border-bottom:solid 1px #ccc;
}
.curriculaInfor h2 span
{
	  display:block; float:left; padding:0px 15px; height:29px; border:solid 1px #ccc; cursor:pointer; color:#555;
	  background:url(../images/apshow_bg_19.gif); font-weight:500; text-align:center;
}
.alert
{
	border:solid 1px #ffc18a; background:#fff; color:#da6803; padding:8px; font-weight:700; text-align:center; height:100%;
	position:absolute; bottom:10px;  left:280px; width:300px;
}
.alert a
{
	 display:block; width:72px; height:21px; background:url(../images/btn.gif); text-decoration:none; color:#000; margin-top:10px;
}

.teacherList li
{
	 float:left;  height:110px; text-align:center; overflow:hidden; padding:0px 5px;
}
.teacherList li img
{
	   height:80px;
}
.teacherList li p
{
	  height:20px; overflow:hidden; text-align:center;
}
.curriculaIntro h3
{
	  padding:5px; font-weight:700; font-size:14px; border-bottom:solid 1px #888; margin-bottom:7px;
}
.curricula h1 span
{
	  position:relative; top:0px; display:block;  border-bottom:0px; float:left; text-align:center;
	 padding:0px 10px; text-indent:0px;background:url(../images/1_02d2.gif) no-repeat top right; padding-right:70px; height:35px; 
	 line-height:35px; border-left:solid 1px #ffc04d;
}


.forms
{
	width:100%;
}
.forms th
{
	text-align:right; vertical-align:top; padding:5px;
}
.forms td
{
	text-align:left; vertical-align:top;padding:5px;
}
.register
{
	width:500px; padding:2px; margin:0 auto;
}
.forms #checkCode
{
	width:40px; margin-right:5px;
}
.shortInput
{
	width:40px;margin-right:5px;
}
.forms .checkCode img
{
	 vertical-align:text-bottom
}

.myClassList
{
	 padding:5px; 
}
.myClassList th
{
	background:url(../images/pshow_bg_19.gif); padding:8px 4px; text-align:center; font-weight:700;
	border-bottom:solid 1px #e1e1e1;
}
.myClassList td
{
	 border-bottom:solid 1px #e1e1e1;text-align:center; padding:8px 4px;
}
.myClassList p
{
	 width:400px; text-align:left;
}
.over
{
	background:#f1f1f1; color:#888;
}
.over a
{
	 color:#666;
}

/**/


#outBg
{
	filter: progid:DXImageTransform.Microsoft.Alpha(startX=50, startY=50, finishX=50, finishY=50,style=1,opacity=60,finishOpacity=60);
        width: 100%; height: 100%; background: url(../images/transportBg.png); position: absolute;
        top: 0px; left: 0px; display: none; text-align: center; z-index:9990;
}
#out,#flash
{
	width: 100%; height: 110%; position: absolute; top: 0px; left: 0px; text-align: center;
        display: none; z-index:9999;
}

#outCon
{
	width: 627px; height: 510px; overflow: hidden; margin: 0 auto; margin-top: 50px;
   background: #fff url(../images/out.jpg); position:relative; border:solid 1px #555; border-top:0px;
}


#flashCon
{
	width: 727px; height: 610px; overflow: hidden; margin: 0 auto; margin-top: 10px;
   background: #fff url(../images/out.jpg); position:relative; border:solid 1px #555;
}
.outCon
{
	width: 627px; height: 510px; overflow: hidden; margin: 0 auto; margin-top: 50px;
   background: #fff url(../images/out.jpg); position:relative; border:solid 8px #ccc;
}
.close
{
	position:absolute; top:3px; right:3px; width:30px; height:22px;  line-height:22px;
	font-size:30px; font-weight:700;  border:solid 1px #555; background:#eee; cursor:pointer;
}
.close a
{
	 display:block; height:100%; color:#f60; background:#f1f1f1;
}
.close a:hover
{
	 color:#f90;
}
.play
{
	text-align:left; width:100%; height:100%;
}
.playBar
{
	 background:url(../images/playbar.gif);  font-size:14px; font-weight:700; height:30px; line-height:30px;text-align:left;
	 color:#fff; text-indent:20px;
}
.playBoard
{
	width:627px; height:470px; overflow:hidden; float:left;
}
.playCo
{
	width:225px; height:470px; overflow:hidden; float:right; border-left:3px #999 solid;
	 padding:10px;
}

#user
{
	width:100%;
}
#user th
{
	 width:120px; border-bottom:dashed 1px #f1f1f1;
}
#user td
{
	 border-bottom:dashed 1px #f1f1f1;
}
.ask .text
{
	width:120px;
}
.ask textarea
{
	width:190px;
}
.ask td
{
	 padding:5px 0px;
}
.ask td span
{
	  color:#555;
}
.ask #checkCode
{
	width:40px; margin-right:5px;
}
.payTable
{
	width:100%;
}
.payTable td
{
	border:solid 1px #ccc; padding:10px;
}


.html
{
	text-align:left; text-indent:24px; line-height:24px; margin:0px 0px; font-size:14px;
}
.html p
{
	 padding:5px 0px;
}

.lessons th{
text-align:center;padding:3px;background:#f1f1f1;
}
.lessons td{
text-align:center;padding:3px;
}
.lessons .pages td{
text-align:right;
}
.pages{
text-align:right;
}
.pages a
{
	color:#000000;  background:#eee; border:solid 1px #ccc; 
	width:16px; height:16px; float:left; margin:2px;
	text-align:center; line-height:16px;text-decoration:none;
}
.pages a:hover
{
	color:#fff;  background:#3671a6; border:solid 1px #3671a6; 
}
.pages span
{
	color:#fff;  background:#3671a6; border:solid 1px #3671a6; width:16px; height:16px; float:left;margin:2px;
		text-align:center;line-height:16px;
}

#aa{
background:#fff;height:30px;line-height:30px;
}
#aa a{
 margin-left:10px;
}
#aa span{
 margin-left:10px;
}

/**/

.live li
{
      text-align:left; margin:0px;  margin-top:10px; padding:0px 10px 5px 10px;
}
.live li img
{
     width:20px;  vertical-align:middle;  margin:1px;
}
.live li b
{
     font-weight:500;color:#000; margin-left:20px;
}
.live li span
{
    color:#930404; 
}
.live li p
{
     
}
.live li p.liTop
{
	 margin-bottom:2px;  line-height:25px; font-size:14px;
	text-indent:2px;font-weight:700;padding-top:10px;
}
.live li p.liBtn
{
	 text-align:right; color:#049355; padding-right:10px;
}
.live li p.liCnt
{
	 text-indent:24px; color:#5d5d5d; font-size:13px;
}



#newsContent h4
{
    line-height:40px; font-size:16px; font-weight:700; text-align:center;
}
.contentText
{
    text-indent:24px;  float:left; width:275px; overflow-y:auto; height:545px; padding:5px;font-size:14px; line-height:24px; padding-left:10px;
}
.contentTextr
{
	float:right; width:600px; height:545px;
}
.detailTime
{
	text-align:center; color:#555;
}
#loginpage td
{
	 padding:5px;
}
#c1 table
{
	border-bottom:solid 1px #ccc; border-left:solid 1px #ccc;
}
#c1 table th,
#c1 table td
{
	border-top:solid 1px #ccc; border-right:solid 1px #ccc;
}
#adminLogin table td
{
	 padding:5px 0px;
}
.adminfun li
{
  	  height:33px; line-height:33px; text-indent:40px; background:url(../images/a1_06.gif);   width:134px; float:right; margin-top:2px;
  	  font-size:14px; font-weight:700;
}
.adminfun li a
{
  	 display:block; color:#888; text-decoration:none; font-weight:700;
}
.adminfun li span
{
  	 display:block; color:#000; text-decoration:none; font-weight:700; width:100%; height:100%; background:url(../images/a1_03.gif)
}
.tdpadding td
{
	padding:5px;
}
.adminbar
{
	width:820px; height:42px; line-height:42px; background:url(../images/adminbar_03.gif);
}

.commBtn
{
	display:block; width:72px; height:21px; padding:0px; border:0px; margin:0px; background:url(../images/btn.gif);
	text-align:center; text-decoration:none; color:#000; line-height:21px; cursor:pointer;
}
.commBtn:hover
{
	text-decoration:none;
}
.lbtn
{
	display:block; width:82px; height:32px; padding:0px; border:0px; margin:0px; background:url(../images/lbtn.gif);
	text-align:center; text-decoration:none; color:#000; line-height:32px; cursor:pointer;color:#fff;font-size:14px;font-weight:700;
}
.lbtn:hover
{
	text-decoration:none;
}
.adminbar span
{
   float:left; color:#fff; margin-left:15px; font-weight:700; font-size:14px;
}
.adminbar div
{
   float:right; color:#000; margin-left:15px; font-weight:700; font-size:14px; padding-top:10px; line-height:20px; padding-right:10px;
}
.adminbar div a
{
   color:#000; 
}
.rfloat
{
	float:right; margin-right:10px; 
}
.tableBorder
{
	border:solid 1px #ccc;
}
.tableBorder td
{
    border-width:0px;
}
.tableBorder th
{
     text-align:right;
}
.lLeft a{  text-align:left;}


.registerInput
{
	width:150px;
}

.disableInput
{
	background:#f1f1f1; border:solid 1px #ccc;
}
.mr10
{
	margin-right:10px;
}



.lastUp li
{
 font-family:ËÎÌå; color:#aaa;
}


.shareList li
{
	  padding:15px 10px; border-bottom:dashed 1px #ccc; margin:0 10px;
}
.shareList li b
{
	  font-size:14px;
}
.shareList li span
{
	   color:#555;
}
.shareList li samp
{
	   color:#a37c0a; margin:0 5px;
}


.bars
{
	font-size:14px; text-indent:10px; margin:0 10px; border-bottom:solid 1px #aaa; padding:10px;
}
.bars span
{
	 padding:0 10px; border-left:solid 8px #88a80d; font-weight:700;
}

.shareD h1
{
	line-height:50px; font-size:16px; font-weight:700;
}


.commentList li
{
	 text-align:left; padding:10px; border-bottom:dashed 1px #ccc;
}

.navr
{
	float: left; background: url(../images/navrbg.gif); display: block; height: 40px;
                width: 5px;
}