@charset "utf-8";

/***** >> ********************************************************************************/

html, body {

	width:100%;

	height:100%;

	font-family:Arial, Helvetica, sans-serif;

}

html, body, form, ul, li, ol, img, h1, h2, h3, h4, h5, p {

	padding:0;

	margin:0;

}

ul, ol {

	list-style:none;

}

a img {

	border: 0 none;

}

a:active {

	outline-color:-moz-use-text-color;

}

a:focus {

	outline-style:none;

}

img {

	border:none;

}

/***** << ********************************************************************************/





/***** >> ********************************************************************************/

#header, #container {

	width:1005px;

}

#header {

	background:url(../images/header_banner.jpg) no-repeat;

	height:116px;

}

#container {

	background:url(../images/container.jpg) no-repeat #99cc33;

	overflow:hidden;

	position:relative;

}

/***** << ********************************************************************************/





/***** >> Left  **************************************************************************/

#left-panel {

	width:185px;

	height:560px;

	float:left;

	z-index:90;

}

#left-nav {

	z-index:100;

}





#left-panel ul {

/*	padding-top:40px; */

}

#left-panel ul li {

	height:60px;

	position: relative;/*	overflow:hidden; */

}

.menu ul, .menu ul li, .menu ul li ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

	z-index:90;

}

#left-panel ul li ul {

	position: absolute;

	width: 420px; /*sub menu width*/

	visibility: hidden;

	top:0;

	z-index:99;

	border:1px #E8E8E8 solid;

	border-bottom: none;

}

#left-panel ul li ul li {

	border-bottom:#CCCCCC 1px solid;

	height:50px;

	padding:0;

	margin:0;

	overflow: visible;

	

	z-index:99;

}



#left-panel ul li ul li ul {

	position: absolute;

	width: 420px; /*sub menu width*/

	visibility: hidden;

	top:0;

	z-index:98;

	border:1px #E8E8E8 solid;

	border-bottom: none;

}

#left-panel ul li ul li ul li{

	border-bottom:#CCCCCC 1px solid;

	height:50px;

	padding:0;

	margin:0;

	overflow: visible;

	z-index:98;

}



#left-panel .left-submenu-cate li a, #left-panel .left-submenu-info li a,#left-panel .left-submenu-pearson li a {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000000;

	display:block;

	line-height:50px;

	background:#E9853A;

	padding:5px 20px;

	height:40px;

	overflow: hidden;

}

#left-panel .left-submenu-info li a {

	background:#47927D;

}

/*以下是新增內容*/

#left-panel .left-submenu-pearson li a {

	background:#FF7800;

}

/*新增end*/



#left-panel .left-submenu-cate li a:hover, #left-panel .left-submenu-info li a:hover,#left-panel .left-submenu-pearson li a:hover  {

	background:white;

}

#left-panel ul li a {

	display:block;

	text-decoration:none;

}



#btn-intro {

	height:60px;

	background:url(../images/left-button.jpg) no-repeat;

}

#btn-prol {

	height:60px;

	background:url(../images/left-button.jpg) no-repeat 0 -60px;

}

#btn-cate {

	height:60px;

	background:url(../images/left-button.jpg) no-repeat 0 -120px;

}

#btn-pipea {

	height:60px;

	background:url(../images/left-button.jpg) no-repeat 0 -180px;

}

#btn-info {

	height:60px;

	background:url(../images/left-button.jpg) no-repeat 0 -240px;

}

#btn-contact {

	height:60px;

	background:url(../images/left-button.jpg) no-repeat 0 -300px;

}

/*以下是新增內容*/

#btn-pearson {

	height:60px;

	background:url(../images/left-button.jpg) no-repeat 0 -360px;

}

/*新增end*/

#btn-intro:hover {

	background:url(../images/left-button_o.jpg) no-repeat;

}

#btn-prol:hover {

	background:url(../images/left-button_o.jpg) no-repeat 0 -60px;

}

#btn-cate:hover {

	background:url(../images/left-button_o.jpg) no-repeat 0 -120px;

}

#btn-pipea:hover {

	background:url(../images/left-button_o.jpg) no-repeat 0 -180px;

}

#btn-info:hover {

	background:url(../images/left-button_o.jpg) no-repeat 0 -240px;

}

#btn-contact:hover {

	background:url(../images/left-button_o.jpg) no-repeat 0 -300px;

}

/*以下是新增內容*/

#btn-pearson:hover {

	background:url(../images/left-button_o.jpg) no-repeat 0 -360px;

}

/*新增end*/

/***** << Left **************************************************************************/









/***** >> Right *************************************************************************/

#right-panel {

	width:675px;

	float:left;

	overflow:hidden;

	padding-top:35px;

	position:relative;

	z-index:0;

}

#right-panel .flash-panel {

	width:595px;

	height:261px;

	padding:0px 38px 20px 38px;

	text-align:center;

	z-index:5;

	position:relative;

	display:block;

}

div#btn-panel {

	padding-left: 38px;

	z-index: 90;

}

ul#h-nav {

	padding: 0;

	margin: 0;

	list-style: none;



	z-index: 95;

	position: relative;

}

ul#h-nav .menu-item {

	display: inline;

	float:left;

	padding-left:3px;

}

ul#hsub-menus {

	background:#DBDBDB;

	border:#CCCCCC 1px solid;

	padding: 10px;

	margin: 0;

	list-style: none;

	z-index: 100;

	position: absolute;	

	left: 0 !important;	

	left: -595px;	

	bottom: 0 !important;

	bottom: 564px;	/* for shit ie6 */

	z-index: 105;	

}

ul#hsub-menus li {

	display: block;

	float: left;

	border: 1px #ccc solid;

	text-align: center;

	padding: 0;	/* for shit ie6 */

	margin:5px;

}

ul#hsub-menus li a {

	display: block;

	padding: 15px;

	width: 150px;

	text-decoration: none;

	color:#fff;

	background: #FF3366;

}

ul#hsub-menus li a:hover {

	background:#fff;

	color:#000;

}

#hsub-menus .submenu-title {

	padding: 10px;

	font-size: 20px;

	font-weight: bold;

	padding-top: 0;

	text-align: center;

}

#test-btn, #exercises-btn, #pipea-btn, #download-btn {

	display:block;

	width:146px;

	height:141px;

	overflow:hidden;

}

#test-btn {

	background:url(../images/quick_link.jpg) no-repeat 0 0;

}

#exercises-btn {

	background:url(../images/quick_link.jpg) no-repeat -148px 0;

}

#pipea-btn {

	background:url(../images/quick_link.jpg) no-repeat -299px 0;

}

#download-btn {

	background:url(../images/quick_link.jpg) no-repeat -451px 0;

}

#test-btn:hover {

	background:url(../images/quick_link_o.jpg) no-repeat 0 0;

}

#exercises-btn:hover {

	background:url(../images/quick_link_o.jpg) no-repeat -148px 0;

}

#pipea-btn:hover {

	background:url(../images/quick_link_o.jpg) no-repeat -299px 0;

}

#download-btn:hover {

	background:url(../images/quick_link_o.jpg) no-repeat -451px 0;

}

#btn-panel #right-nav #hsub-menus {

	/*#hsub-menus { */

	background-color:#999999;

	padding:20px;

	position:absolute;

	width:50px;

	height:50px;

	z-index:99;

	top:-150px;

}

#hsub-menus li {

	background-color:#99CC00;

	padding:5px;

	display:inline;

	float:left;

	border:1px solid #333333;

}

/***** << Right *************************************************************************/







#copyright {

	padding:20px 20px;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#666666;

	clear:both;

	line-height:16px;

}

#copyright a {

	color:#666666;

}

#footer {

	height:1pt;

	clear:both;

}

/**************** temp class *********************/

.tempstyle {

	padding-left:15px;

}

.temp-content-panel {

	padding-left:20px;

}

.clear {

	clear:both;

	height:1pt;

}



.spr{

	height:40px;}





#login-panel{

	background:url(../images/login/login.jpg) no-repeat;

	width:179px;

	height:76px;

	margin-top:20px;

	margin-bottom:5px;

	padding-top:40px;}

	

.loginform{

	border:0;

	border-collapse:collapse;

	width:95%;

	}



.loginform td{

	border:0;

	border-collapse: separate;

	height:20px;} 

	

.loginform input{

	width:82px;

	height:12px;

	border:0;}



#teacher-center{

	width:603px;

	height:322px;

	padding-top:100px;

	background:url(../images/teacher/sub_content_bg.jpg) no-repeat;

	margin:0 auto;}

	

#teacher-center table{

	margin:0 auto;}

	

#teacher-center table td{

	border-collapse:separate;

	padding:2px 0;

}





#teacher-center-chi{

	width:603px;

	height:272px;

	padding-top:150px;

	background:url(../images/teacher/sub_content_bg_2.jpg) no-repeat;

	margin:0 auto;}

	



#teacher-center-eng{

	width:603px;

	height:272px;

	padding-top:150px;

	background:url(../images/teacher/sub_content_bg_3.jpg) no-repeat;

	margin:0 auto;}

	

	

#teacher-center-chi table,#teacher-center-eng table{

	margin:0 auto;}

	

#teacher-center-chi table td,#teacher-center-eng table td{

	border-collapse:separate;

	padding:8px;

}

#teacher-center-math{

	width:603px;

	height:272px;

	padding-top:150px;

	background:url(../images/teacher/sub_content_bg_1.jpg) no-repeat;

	margin:0 auto;}

	

#teacher-center-math table{

	margin:0 auto;}

	

#teacher-center-math table td{

	border-collapse:separate;

	padding:8px 2px;

}



.tc_back{
	margin-top:28px;
	margin-right:67px;
	float:right;
}

	

.logout{

	margin-top:28px;

	text-align:center;}

	

.download_top{

	width:603px;

	height:auto;

	background:url(../images/teacher/contemt_middle.jpg) repeat-y;

	margin:0 auto;}

	

	

.download_foot{

	background:url(../images/teacher/content_bottom.jpg) no-repeat;

	height:65px;

	width:603px;

	clear:both;}



.download{

	margin:20px auto;

	height:auto;}

	

#logo{

	float:left;

	}	

	

.welcome{

	float:left;

	margin:95px 0 0 100px;}