.banner-box{
	height:136px;
	margin:20px 0;
}

/* top part */

/* navigator */
.nav-officelist{
	overflow:hidden;
	margin-bottom:18px;
}
.nav-officelist li{
	float:left;
	width:140px;
	height:35px;
	margin-right:30px;
	background:#F1F3F8;
	line-height:35px;
	font-size:16px;
	text-align:center;
	color:#595757;
	cursor:pointer;
}
.nav-officelist li.current-opt{
	height:43px;
	background:url(../../images/jouniorStudy/curOpt.png) no-repeat;
	color:#FFFFFF;
}

/* office list */

.all-officeBox{
	height:auto;
	padding:15px 20px;
	background:#FFFFFF;
}
.officeIconBox{
	overflow:hidden;
	clear:both;
}
.office-tabs{
	display:none;
	overflow:hidden;
}
.single-officeBox{
	float:left;
	width:345px;
	height:100px;
	border:1px solid #EEEEEE;
	margin-right:20px;
	margin-bottom:20px;
	cursor: pointer;
}
.single-officeBox dt{
	float:left;
	width:100px;
	height:98px;
	display: table;
 	text-align:center;
	background:#FFFFFF;
}
.single-officeBox dt span{
	display:table-cell;
	vertical-align:middle;
	width:85px;
}
.single-officeBox dt span img{
	width:80px; 
	height:80px;
	border-radius: 80px;
}
.single-officeBox dd{
	background:#F9F9F9;
	width:233px;
	height:100%;
	float:left;
	padding-left:12px;
	position:relative;
}
.single-officeBox dd h3{
	font-size:16px;
	color:#3592F8;
	padding-top:10px;
	line-height:20px;
	font-weight: normal;
}
.single-officeBox dd p.extra-centre{
	color:#666666;
	line-height:30px;
	font-size:14px;
}
.single-officeBox dd p.enter-curOffice{
	width:245px;
	height:24px;
	color:#FF8000;
	background:#F1F3F8;
	text-align:center;
	line-height:24px;
	position:absolute;
	bottom:0;
	left:0;
}
.single-officeBox dd p.enter-curOffice:hover{
	background:#5A73AD;
	color:#FFFFFF;
}
/* bottom part */
.all-referBox{
	border-top:1px solid #5A73AD;
	background:#FFFFFF;
	margin:25px 0;
	padding:20px 20px;
	overflow:hidden;
}
/* page1 */
.refer-page01,.refer-page02{
	overflow:hidden;
	padding-bottom:20px;
	border-bottom:1px solid #EEEEEE;
}
.small-subtitle{
	border-left:4px solid #5A73AD;
	padding-left:20px;
	font-size:18px;
	color:#6C6C6C;
	margin-bottom:20px;
}
.small-subtitle a{
	color:#5A73AD;
	font-size:12px;
	font-weight:normal;
}
.small-subtitle a:hover{
	color:#FF8000;
}
.small-subtitle span{
	float:right;
    height: 14px;
    line-height: 14px;
	background:url(../../images/jouniorStudy/moreIcon.png) no-repeat right center;
	padding-right:20px;
}
.page01-blank,.page02-blank{
	width:535px;
	float:left;
}
.page01-partOne{
	border-right:1px solid #EEEEEE;
	padding-right:20px;
}
.page01-partTwo{
	margin-left:20px;
}
.mixing-box{
	border-bottom:1px dotted #EEEEEE;
	padding-bottom:25px;
	overflow: hidden;
	cursor: pointer;
}
.mixing-box dt{
	width:148px;
	height:99px;
	float:left;
	margin-right:20px;
}
.mixing-box dt img{
	width:148px;
	height:99px;
}
.mixing-box dd h4{
	font-size:16px;
	margin-bottom:10px;
	font-weight:bold;
	color:#252525;
}
.mixing-box dd div.wordBox{
	color:#666666;
	line-height:24px;
	font-size:14px;
}
.mixing-box dd div.wordBox span:hover{
	color:#FF8000;
	cursor:pointer;
}
.message-list{
	clear:both;
	margin-top:20px;
}
.message-list li{
	line-height:30px;
	padding-left:20px;
	background:url(../../images/jouniorStudy/smallIcon.jpg) no-repeat left center;
}
.message-list li a{
	color:#4C526C;
	font-size:14px;
}
.message-list li a span{
	color:#5972AC;
	padding-right:10px;
}
.message-list li a:hover{
	color:#FF8000;
}
.message-list li time{
	float:right;
	color:#CCCCCC;
}

/* page02 */

.refer-page02{
	margin-top:20px;	
}
/* part1 */
.mixing-boxPage01{
    border-bottom: 1px dotted #EEEEEE;
    padding-bottom: 25px;
    overflow:hidden;
    cursor:pointer;
}
.page02-partOne{
	padding-right:20px;
}
.page02-singleTitle{
	font-size:20px;
	color:#26201F;
	font-weight:normal;
}
.page02-singleTitle span{
	height:19px;
	float:right;
	color:#FFFFFF;
	padding:0 2px 0 12px;
	margin-top:4px;
	line-height:20px;
	font-size:12px;
	background:url(../../images/jouniorStudy/yIcon.jpg) no-repeat right center;
}
.imgText-block{
	height:auto;
}
.imgText-block dt{
	height:65px;
	overflow:hidden;
	margin-top:20px;
}
.imgText-block dt img{
	width:97px;
	height:64px;
	float:left;
	padding-right:10px;
}
.imgAllsum{
	color:#858585;
	line-height:30px;
}
.state-txtcon{
	overflow:hidden;
}
.state-txtcon ul li{
	float:left;
	color:#858585;
	padding-right:25px;
}
.state-txtcon ul li span{
	color:#4E526C;
}
/* part2 */
.page02-partTwo{
    padding-left: 20px;
    border-left:1px dotted #EEEEEE;
}
.single-subImg dt{
	width:261px;
	height:145px;
	float:left;
	position:relative;
	margin-right:20px;
}
.single-subImg dt img{
	width:261px;
	height:145px;
}
.single-subImg dt p{
	width:231px;
	height:30px;
	font-weight:normal;
	color:#FFFFFF;
	font-size:12px;
	background:rgba(0,0,0,.4);
	line-height:30px;
	padding-left:30px;
	position:absolute;
	left:0;
	bottom:0;
}
.single-subImg dt p:after{
	content:"";
	width:13px;
	height:14px;
	display:inline-block;
	position:absolute;
	left:10px;
	top:8px;
	background:url(../../images/jouniorStudy/perIcon01.png) no-repeat center center;
}
.single-subImg dd h3{
	color:#252525;
	font-size:16px;
	line-height:20px;
	margin-bottom:24px;
	font-weight:bold;
}
.single-subImg dd p{
	color:#666666;
	font-size:14px;
	line-height:24px;
}
.mixing-bottom02{
	clear:both;
	margin-top:25px;
}
.imglist-box{
	width:168px;
	height:140px;
	float:left;
	margin-right:10px;
	background:#F9F9F9;
	cursor:pointer;
}
.imglist-box dt{
	width:168px;
	height:94px;
	margin-bottom:10px;
	position:relative;
}
.imglist-box dt p{
	width:138px;
	height:25px;
	font-weight:normal;
	color:#FFFFFF;
	font-size:12px;
	background:rgba(0,0,0,.4);
	line-height:25px;
	padding-left:30px;
	position:absolute;
	left:0;
	bottom:0;
}
.imglist-box dt p:after{
	content:"";
	width:13px;
	height:14px;
	display:inline-block;
	position:absolute;
	left:10px;
	top:5px;
	background:url(../../images/jouniorStudy/perIcon01.png) no-repeat center center;
}
.imglist-box dt img{
	width:168px;
	height:94px;
}
.imglist-box dd{
	color:#4C526C;
	line-height:14px;
	padding:0 10px;
	font-size:14px;
}
.imglist-box dd:hover{
	color:#FF8000;
}

/* part3 */
.refer-page03{
	padding:0 20px;
}
.page03-conBox{
	padding-top:25px;
}
.single-coursewares{
	border-bottom:1px dotted #EEEEEE;
	margin-top:22px;
	padding-bottom:20px;
	cursor:pointer;
	clear:both;
}
.single-coursewares dl{
	overflow:hidden;
	position:relative;
}
.single-coursewares dl dt{
	width:208px;
	height:115px;
	float:left;
	margin-right:20px;
	position:relative;
}
.single-coursewares dl dt img{
	width:206px;
	height:113px;
}
.single-coursewares dl.movies-single dt:after{
	content:"";
	width:55px;
	height:55px;
	display:inline-block;
	background:url(../../images/jouniorStudy/startplay.png) no-repeat;
	position:absolute;
	left:78px;
	top:30px;
}
.course-subhead h4{
	font-size:20px;
	color:#4C526C;
	margin-bottom:2px;
}
.explain-reading p{
	color:#666666;
	line-height:22px;
	font-size:14px;
}
.declear-words{
	overflow:hidden;
	position:absolute;
	left:228px;
	bottom:2px;
}
.declear-words .declear-author{
	float:left;
	line-height:30px;
	color:#999999;
}
.declear-author span{
	padding-right:10px;
}
.declear-words .load-click{
	float:right;
	color:#FF9226;
}
.load-click span{
	padding-right:10px;
}