@charset "utf-8";
/* CSS Document */

/* reset style */
* { margin:0; padding:0; word-break:break-all; }
body { background:#19499b url(../images/main_bg.jpg) repeat-x left top; color:#FFF; font:14px/1.5em Verdana,Helvetica,Arial,sans-serif; *text-align:center; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
a {color:#DDD; text-decoration:none; }
	a:hover {color:#09F; text-decoration:underline; }
ul, li { list-style:none; }
fieldset, img { border:none; }
legend { display:none; }
em, strong, cite, th { font-style:normal; font-weight:400; }
input, textarea, select, button { font:12px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html { overflow:-moz-scrollbars-vertical; }

/* common style */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.clearfix { display:inline-block; }
	/*\*/ .clearfix {display:block;} /**/
.clear{clear:both; height:1px; overflow:hidden}

.fl { float:left; }
.fr { float:right; }
.fb { font-weight:bold; }
.mt30 { margin-top:30px;}
.mt10 { margin-top:10px;}
.ml5{ margin-left:6px;}

.w269 { width:269px; }
.w289 { width:289px; }
.w455 { width:455px; }
.w475 { width:475px; }
.w480 { width:480px; }
.w666 { width:666px; }
.w646 { width:646px; }

.wrapclass { background:url(../images/1.png) no-repeat left top; width:100%; margin:0; padding:0; float:left; text-align:left;}
#wrap {width:960px; margin:0 auto; padding:0;}
#header, .Area { width:960px; margin:0; padding:0; float:left; }
#footer { width:960px; margin:10px 0 0 0; padding:0; float:left; }
#header .logo { width:126px; height:77px; float:left;}
#header .name { width:834px; height:37px; float:left; text-align:left;}
#header .menu { width:834px; height:34px; float:left;}
  #header .menu .left { background:url(../images/menu_bg.png) no-repeat left top;}
  #header .menu .right { background:url(../images/menu_bg.png) no-repeat right bottom;}
  #header .menu .center { background:url(../images/menu_bg.png) repeat-x left -34px; margin:0 10px; width:814px; height:34px; overflow:hidden; line-height:34px;}  
  #menu li { width:70px; height:34px; margin:0 5px 0 6px; _margin:0 5px 0 5px; float:left; }
  #menu li a { width:70px; height:34px; text-indent:-1000em; position:absolute; display:block;}
  #menu li.menu01 a {position:relative; background:url(../images/menu_button.png) no-repeat 0px 5px;}
  #menu li.menu01 a:hover {position:relative; background:url(../images/menu_button.png) no-repeat 0px -47px;}
  #menu li.menu02 a{position:relative; background:url(../images/menu_button.png) no-repeat -77px 5px;}
  #menu li.menu02 a:hover {position:relative; background:url(../images/menu_button.png) no-repeat -77px -47px;}
  #menu li.menu03 a {position:relative; background:url(../images/menu_button.png) no-repeat -154px 5px;}
  #menu li.menu03 a:hover {position:relative; background:url(../images/menu_button.png) no-repeat -154px -47px;}
  #menu li.menu04 a {position:relative; background:url(../images/menu_button.png) no-repeat -231px 5px;}
  #menu li.menu04 a:hover {position:relative; background:url(../images/menu_button.png) no-repeat -231px -47px;}
  #menu li.menu05 a {position:relative; background:url(../images/menu_button.png) no-repeat -308px 5px;}
  #menu li.menu05 a:hover {position:relative; background:url(../images/menu_button.png) no-repeat -308px -47px;}
  #menu li.menu06 a {position:relative; background:url(../images/menu_button.png) no-repeat -385px 5px;}
  #menu li.menu06 a:hover {position:relative; background:url(../images/menu_button.png) no-repeat -385px -47px;}
  #menu li.menu07 a {position:relative; background:url(../images/menu_button.png) no-repeat -462px 5px;}
  #menu li.menu07 a:hover {position:relative; background:url(../images/menu_button.png) no-repeat -462px -47px;}
  #menu li.menu08 a {position:relative; background:url(../images/menu_button.png) no-repeat -539px 5px;}
  #menu li.menu08 a:hover {position:relative; background:url(../images/menu_button.png) no-repeat -539px -47px;}
  #menu li.menu09 a {position:relative; background:url(../images/menu_button.png) no-repeat -616px 5px;}
  #menu li.menu09 a:hover {position:relative; background:url(../images/menu_button.png) no-repeat -616px -47px;}
  #menu li.menu10 a {position:relative; background:url(../images/menu_button.png) no-repeat -693px 5px;}
  #menu li.menu10 a:hover {position:relative; background:url(../images/menu_button.png) no-repeat -693px -47px;}
/*CSS manu style pagination*/
.manu {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; COLOR: #2f88ff;}
.manu A {BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; TEXT-DECORATION: none;}
.manu A:hover {BORDER-RIGHT: #036cb4 1px solid; BORDER-TOP: #036cb4 1px solid; BORDER-LEFT: #036cb4 1px solid; COLOR: #2f88ff; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #0c234c;}
.manu A:active {BORDER-RIGHT: #036cb4 1px solid; BORDER-TOP: #036cb4 1px solid; BORDER-LEFT: #036cb4 1px solid; COLOR: #2f88ff; BORDER-BOTTOM: #036cb4 1px solid;}
.manu .current {BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #2f88ff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #0c234c;}
.manu .disabled {BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #2f88ff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid;}
/*导航开�?/
.nav { font-size:12px; float:left; text-align:left; width:960px;}
/*通条广告开�?/
.div_xixi {BACKGROUND: #fff;MARGIN: 0px auto;WIDTH: 960px;POSITION: relative;HEIGHT: 267px; float:left;}
.div_jimg {MARGIN: 0px;WIDTH: 750px;HEIGHT: 267px; float:left;}
.div_jimg #a_jimg {DISPLAY: block;WIDTH: 750px;HEIGHT: 267px; float:left;}
.div_jimg #bigimg {WIDTH: 750px;HEIGHT: 267px;}
.div_jimg .ul_jimg {PADDING-RIGHT: 0px;DISPLAY: block;PADDING-LEFT: 0px;RIGHT: 0px;BACKGROUND: url(../images/bg_j04.jpg) repeat-y right top;PADDING-BOTTOM: 0px;MARGIN: 0px;WIDTH: 225px;PADDING-TOP: 0px;LIST-STYLE-TYPE: none;POSITION: absolute;TOP: 0px;HEIGHT: 267px; text-align:left;}
.div_jimg .ul_jimg LI {DISPLAY: inline;FLOAT: right;OVERFLOW: hidden;WIDTH: 190px;CURSOR: pointer;WORD-BREAK: break-all;PADDING-TOP: 8px;WHITE-SPACE: nowrap;HEIGHT: 30px;TEXT-OVERFLOW: ellipsis; overflow:hidden;}
.div_jimg .ul_jimg A { color:#333; text-decoration:none;POSITION: relative; font-size:12px;}
.div_jimg .ul_jimg .on {background-image:url(../images/bg_j05.png)!important;background-image:url(www.lanrentuku.com);BACKGROUND: none transparent scroll repeat 0% 0%;FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_j05.png', sizingMethod='scale');WIDTH: 225px;COLOR: #fff;TEXT-INDENT: 34px;POSITION: static; overflow:hidden;}
.div_jimg .ul_jimg .on A {FONT-WEIGHT: bold;COLOR: #fff;}

/*box begin*/
.box {margin:10px 0 0 0; padding:0;}
.boxcontent{ background:#11336C;margin:0 10px; _margin:0 5px; float:left; text-align:left;}
  .boxcontent .titlebox {background:url(../images/title_line.gif) repeat-x left 24px;width:100%; padding:0px; margin:0 0 5px 0;}
  .boxcontent .titlebox span {width:130px; height:25px; padding:0px; margin:0px; text-indent:-1000em; display:block;}
  .boxcontent .titlebox span a{width:130px; height:25px; padding:0px; margin:0px; float:left;}
  .boxcontent .titlebox span.nc_ielts {background:url(../images/title.png) no-repeat left top;}
  .boxcontent .titlebox span.nc_ielts a:hover{background:url(../images/title_hover.png) no-repeat left top;}
  .boxcontent .titlebox span.nc_hs {background:url(../images/title.png) no-repeat left -25px;}
  .boxcontent .titlebox span.nc_hs a:hover{background:url(../images/title_hover.png) no-repeat left -25px;}
  .boxcontent .titlebox span.nc_news {background:url(../images/title.png) no-repeat left -50px;}
  .boxcontent .titlebox span.nc_news a:hover{background:url(../images/title_hover.png) no-repeat left -50px;}
  .boxcontent .titlebox span.nc_experience {background:url(../images/title.png) no-repeat left -75px;}
  .boxcontent .titlebox span.nc_experience a:hover{background:url(../images/title_hover.png) no-repeat left -75px;}
  .boxcontent .titlebox span.nc_guide {background:url(../images/title.png) no-repeat left -100px;}
  .boxcontent .titlebox span.nc_guide a:hover{background:url(../images/title_hover.png) no-repeat left -100px;}
  .boxcontent .titlebox span.nc_hearing {background:url(../images/title.png) no-repeat left -125px;}
  .boxcontent .titlebox span.nc_hearing a:hover{background:url(../images/title_hover.png) no-repeat left -125px;}
  .boxcontent .titlebox span.nc_speak {background:url(../images/title.png) no-repeat left -150px;}
  .boxcontent .titlebox span.nc_speak a:hover{background:url(../images/title_hover.png) no-repeat left -150px;}
  .boxcontent .titlebox span.nc_read {background:url(../images/title.png) no-repeat left -175px;}
  .boxcontent .titlebox span.nc_read a:hover{background:url(../images/title_hover.png) no-repeat left -175px;}
  .boxcontent .titlebox span.nc_writing {background:url(../images/title.png) no-repeat left -200px;}
  .boxcontent .titlebox span.nc_writing a:hover{background:url(../images/title_hover.png) no-repeat left -200px;}
  .boxcontent .titlebox span.nc_teacher {background:url(../images/title.png) no-repeat left -225px;}
  .boxcontent .titlebox span.nc_teacher a:hover{background:url(../images/title_hover.png) no-repeat left -225px;}
  .boxcontent .titlebox span.nc_media {background:url(../images/title.png) no-repeat left -250px;}
  .boxcontent .titlebox span.nc_media a:hover{background:url(../images/title_hover.png) no-repeat left -250px;}
  .boxcontent .titlebox span.nc_bbs {background:url(../images/title.png) no-repeat left -275px;}
  .boxcontent .titlebox span.nc_bbs a:hover{background:url(../images/title_hover.png) no-repeat left -275px;}
  .boxcontent .titlebox span.nc_grand {background:url(../images/title.png) no-repeat left -300px;}
  .boxcontent .titlebox span.nc_grand a:hover{background:url(../images/title_hover.png) no-repeat left -300px;}
  
  .boxcontent ul li {width:100%; float:left; line-height:24px; overflow:hidden;}
  .boxcontent .highscore a{background:url(../images/listdot.png) no-repeat left center; padding:0 0 0 16px;}
  .boxcontent .newslist a{background:url(../images/listdot.png) no-repeat left center; padding:0 0 0 16px;}
  
  .boxcontent .guidebox {width:269px;height:120px;overflow:hidden;}
    .boxcontent .guidebox ul { width:269px;}
    .boxcontent .guidebox ul li{ background:url(../images/button_bg.png) no-repeat center center; width:85px; height:40px; line-height:40px;  margin:0 2px; padding:0px; text-align:center; float:left;}
	.boxcontent .guidebox ul li a { color:#11336C; }
  .boxcontent .teacherbox {width:269px;height:195px;overflow:hidden;}
    .boxcontent .teacherbox ul { width:269px; }
	.boxcontent .teacherbox ul li { width:89px; margin:7px 0 0 0; _margin:5px 0 0 0; float:left; text-align:center; overflow:hidden;}
	.boxcontent .teacherbox ul li a img{ width:80px; height:80px; border:solid 1px #205eb6; padding:2px;}
	.boxcontent .teacherbox ul li a:hover img{ width:80px; height:80px; border:solid 1px #2f88ff; padding:2px;}
  .boxcontent .teacher_box {width:646px; min-height:555px; overflow:hidden;}
    .boxcontent .teacher_box ul { width:646px; }
	.boxcontent .teacher_box ul li { width:323px; margin:0 0 5px 0; float:left;}
	.boxcontent .teacher_box ul li a img{ float:left; width:80px; height:80px; border:solid 1px #205eb6; padding:2px;}
	.boxcontent .teacher_box ul li a:hover img{ width:80px; height:80px; border:solid 1px #2f88ff; padding:2px;}
	.boxcontent .teacher_box ul li .name { width:230px; font-size:14px; font-weight:bold; height:24px; float:left; margin:0 0 0 5px;}
	.boxcontent .teacher_box ul li .name a { color:#2f88ff;}
	.boxcontent .teacher_box ul li .info { color:#205eb6; width:230px; height:60px; font-size:12px; line-height:15px; float:left; margin:0 0 0 5px; overflow:hidden;}
  .boxcontent .mediabox {width:269px;height:120px;overflow:hidden;}
    .boxcontent .mediabox li{ height:24px; overflow:hidden;}
    .boxcontent .mediabox li a{background:url(../images/listdot.png) no-repeat left center; padding:0 0 0 16px;}
  .boxcontent .bbsbox {width:455px;height:120px;overflow:hidden;}
    .boxcontent .bbsbox li{ height:24px; overflow:hidden;}
    .boxcontent .bbsbox li a{background:url(../images/listdot.png) no-repeat left center; padding:0 0 0 16px;}
  .boxcontent .grandbox {width:455px;height:120px;overflow:hidden; text-align:center;}
	  .boxcontent .grandbox dl { width:540px; height:120px; float:left; margin:0; }
	  .boxcontent .grandbox dt { width:90px; height:120px; float:left; margin:0; }
	    .boxcontent .grandbox dt img { width:86px; height:120px; float:left; margin:0; }
		
  .boxcontent .listbox { width:646px; min-height:555px;}
    .boxcontent .listbox ul { width:646px; overflow:hidden;}
    .boxcontent .listbox ul li { width:646px; height:24px; line-height:24px; overflow:hidden;}
    .boxcontent .listbox ul li a{background:url(../images/listdot.png) no-repeat left center; padding:0 0 0 16px;}
    .boxcontent .listbox ul li .date{ float:right; font-size:12px;}
/* roll to left */
#demo {overflow:hidden;width: 455px;height:120px;}
#demo img {border: 0px solid #F2F2F2;}
#indemo {float: left;width: 1500%;}
#demo1 {float: left;}
#demo2 {float: left;}


.boxtop { background:url(../images/box_tbbg.jpg) repeat-x left top; margin:0 10px; padding:0; height:10px; }
.boxbottom { background:url(../images/box_tbbg.jpg) repeat-x left bottom; margin:0 10px; padding:0; height:10px;}
.boxleft { background:url(../images/box_lrbg.jpg) repeat-y left top; margin:0; padding:0; width:100%; float:left; }
.boxright { background:url(../images/box_lrbg.jpg) repeat-y right top; margin:0; padding:0; width:100%; float:left; }
.lefttop { background:url(../images/box_conner.gif) no-repeat left top; margin:0; padding:0; width:100%; height:10px; overflow:hidden; float:left; }
.righttop { background:url(../images/box_conner.gif) no-repeat right -10px; margin:0; padding:0; width:100%; height:10px; overflow:hidden; float:right; }
.leftbottom { background:url(../images/box_conner.gif) no-repeat left -30px; margin:0; padding:0; width:100%; height:10px; overflow:hidden; float:left; }
.rightbottom { background:url(../images/box_conner.gif) no-repeat right -20px; margin:0; padding:0; width:100%; height:10px; overflow:hidden; float:right; }

/*today_news*/
.foucspic {width:300px; height:200px; float:left;}
.todaynews {width:340px; height:200px; margin:0 0 0 6px; overflow:hidden; float:right;}
  .todaynews .hotnews span {width:340px; text-align:center; float:left;}
  .todaynews .hotnews span a{font:700 16px/24px Arial,"微软雅黑","黑体"; color:#DDD; text-decoration:none;}
  .todaynews .hotnews span a:hover{color:#09F;}
  .todaynews .hotnews p {text-indent:24px; font-size:12px; line-height:14px; height:56px; overflow:hidden; float:left;}
  .todaynews ul.todaylist { margin:5px 0; float:left;}
  .todaynews .todaylist li { background:url(../images/news_todaylist.jpg) no-repeat left center; padding:0 0 0 20px; width:330px; height:24px; line-height:24px; float:left;}
  
/*highscore*/
.highscore { width:269px; height:200px; float:left; overflow:hidden;}
#scrollDiv{width:269px;height:200px;min-height:200px;line-height:25px;overflow:hidden;}
#scrollDiv li{height:25px;}
#scrollDiv li span { margin:0 12px;}

/*box_left and box_right*/
.box_left, .box_right {width:320px; overflow:hidden;}
.box_left {float:left;}
.box_right {margin-left:6px;float:right;}

/*scroller*/
#scroller .section {
	float:left;
	width: 480px;
	height: 210px;
}

#scroller .hp-highlight {
	height:210px;
	margin:-10px 10px 10px 0;
}

#scroller .feature-headline {
	position:relative;
	top:140px;
	width:432px;
	background:white;
	margin:10px 10px 20px 10px;
	padding:10px 10px 0 10px;
}
#scroller .feature-headline a {
	font-weight: bold;
	text-decoration: none;
	color:#cc0000;
}

#scroller h1 {
	font-weight:normal;
	font-size:19px;
}

#scroller p {
	font-size: 14px !important;
	color:#666666;
	line-height:130%;
	padding:0 0 10px;
}
/*contentbox*/
.contentbox {width:636px; min-height:580px; float:left; padding:5px 5px 0;}
.contentbox .titleA {font-size:24px;font-weight:bold;line-height:36px;margin:12px 0 12px;text-align:center;width:100%;}
.contentbox .infoA {border-bottom:1px solid #205eb6;color:#2f88ff;font-size:12px;line-height:24px;margin:0 10px 5px;padding:0 0 5px;text-align:center;}
.contentbox .contentA {margin:10px 10px 20px;min-height:438px;}
.contentbox .contentA p {margin:10px 0; text-indent:24px;}

.contentbox .teacherphoto{ float:left; width:130px; height:160px; margin:0 20px; _margin:0 10px;}
.contentbox .teachername { float:left; width:466px;}
.contentbox .teacherinfo { float:left; width:636px; margin:10px 0 0 0;}
.contentbox .teacherinfo p { text-indent:24px;}
/*footer*/
#footer .logo{ width:220px; float:left;}
#footer .content { width:740px; text-align:center; float:left; color:#2f88ff; font-size:12px; }
#footer .content p { width:740px; line-height:18px; float:left; text-align:center; }
#footer .content ul {width:480px; margin:0 auto;}
#footer .content ul li{ float:left; width:60px; text-align:center;}
#footer .content a {color:#2f88ff;}