@charset "UTF-8";
/* CSS Document */
/* reset */
body { font-family:"Arial","MingLiU","PMingLiU"; font:"MingLiU","PMingLiU"; font-size:80%;margin:0 0 16px 0;padding:0;background:white; }
fieldset{border-width:0;padding:0;margin:0;}
input,select,option,textarea{font-family:"Arial","MingLiU","PMingLiU";}
h1,h2,h3,h4,h5,h6,th,blockquote,p,ul,li,form,fieldset{margin:0;padding:0;font-size:100%;font-weight:normal;}
th,td{text-align:left;font-weight:normal;}
em,strong,b,i,cite,ins,small,big,tr,tr,table,tbody,abbr,s,del,address,dfn,kdb,code,var,{font-size:100%;font-style:normal;font-weight:normal;text-decoration:none;}
a img{border:solid 0 red;}

/*main*/
body {
	background: #d4d4d4 url(images/background.jpg) no-repeat center top;
	width: 100%;
	border:none;
}
img.alignright {float:right; margin:0 0 1em 1em}
.wp-caption .alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#header{
	background:#FFF url(images/header.jpg) no-repeat center top;
	width:840px;
	height:186px;
	margin:12px auto 0;
	display:block;
	
	}
#header ul{position:relative;
	list-style-type:none;}
#header a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	text-indent: -900px;
}
#header a:hover{
	
	background-position: left top;
}
#header a:active{
	
	background-position: left top;
}
#header .home {
	width: 54px;
	height: 147px;
	background: url(images/main.gif) no-repeat left bottom;
	left: 390px;
	top: 18px;
}
#header .believe {
	width: 54px;
	height: 147px;
	background: url(images/believe.gif) no-repeat left bottom;
	left: 450px;
	top: 18px;
}
#header .teacher {
	width: 54px;
	height: 147px;
	background: url(images/teacher.gif) no-repeat left bottom;
	left: 510px;
	top: 18px;
}
#header .exam_course {
	width: 54px;
	height: 147px;
	background: url(images/exam_course.gif) no-repeat left bottom;
	left: 578px;
	top: 18px;
}
#header .other {
	width: 54px;
	height: 147px;
	background: url(images/other.gif) no-repeat left bottom;
	left: 633px;
	top: 18px;
}
#header .school_program {
	width: 54px;
	height: 147px;
	background: url(images/school_program.gif) no-repeat left bottom;
	left: 697px;
	top: 18px;
}
#header .contact {
	width: 54px;
	height: 147px;
	background: url(images/contact.gif) no-repeat left bottom;
	left: 760px;
	top: 18px;
}

#footer{
	background:#FFF url(images/footer.jpg) no-repeat center top;
	width:840px;
	height:106px;
	margin:0 auto;
	}
#main-wrap{	background:#FFF url(images/page.jpg) repeat-y scroll right top;
	width:840px;
	margin:0 auto;
	position:relative;
	display:table;
	min-height:600px;
	
	
	}
	

#container{
	
	position:relative;
	width:765px;
	left:30px;
}

/*page one main css begin*/
.box {
	height:auto;
	float:left;
	margin: 8px 7px 14px;
	background:#FFF;
	width:240px;
	display:block;
	padding-top:10px;
	padding-bottom:20px;
	position:relative;
	_width:235px;
}

.box img{
	padding-left: 15px;
	margin-bottom:5px;
}
.small{
	padding: 0px;
}
.box h4{
	color: #003;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:5px;
	font-size:130%;
	font-weight:700;
	vertical-align:middle;}
.box p{
	color:#4c4c4c;
	padding-left:15px;
	padding-right:15px;
	}	
.box ul{
	display:table;
	list-style:none;}
.box li{ padding-left:20px; line-height:150%; display:table;}
.box red, .box red a:link, .box red a:hover{
	float:left;
	font-size:1.1em;
	width:65px;
	color:#990000;
	display:block;}

.box em{float:right;
	display:table;
	*top:-20px;
	*left:0px;
	*position:relative;
	font-size:1.1em;
	color:#4c4c4c;
	*width:120px;
	width:130px;
}
.blue{
	background-color: #ddecf5;
	margin-left:5px;
	padding-top:5px;
	padding-bottom:15px;
	width:225px;}
.blue img{
padding:4px;
vertical-align:middle;}
.redbox{
	background-color: #fec8c8;
	margin-left:5px;
	padding-top:5px;
	padding-bottom:15px;
	width:225px;}
.redbox img{
padding:4px;
vertical-align:middle;}
/*page1 css end*/
/* general page css begin*/
#subpage-main{
	background:#FFF url(images/left.gif) repeat-y scroll top left;
	width:765px;
	float:left;
	}
#subpage-left{
	background-color:transpancy;
	float:left;
	width:110px;
	padding:12px;
	min-height:500px;
	}
#subpage-left ul {
margin-top:22px;
margin-left:16px;
color:#996600;
list-style: disc outside;
	}
#subpage-left ul ul{
margin-top:0px;
margin-left:16px;
color:#996600;
list-style: disc outside;
	}
#subpage-left li a {
  	height: 20px;
	margin-top:12px;
	margin-bottom:12px;
	font-weight:600;
	font-size:1.1em;
	text-decoration: none;
	}

	
#subpage-left li a:link, #subpage-left li a:visited {
	color: #996600;
	display: block;
	}
	
#subpage-left li a:hover {
	color: #001d3e;
	background: url(images/underline.gif) bottom;
	}
	
#subpage-left li a:active {
	color: #001d3e;
	background: url(images/underline.gif) bottom;
	}	
	
	
	
	
	
#subpage-content{
	float:left;
	background:#FFF;
width:450px;
padding:10px;
_width:445px;
}
.timetable
{border: 1px solid #C3C3C3;
border-collapse:collapse;
}
.timetable th{background-color:#E5EECC;
}
#subpage-content h3{
	top:10px;
	margin:20px;
	font-size:1.9em;
	font-weight:700;
	line-height:.5em;
	letter-spacing:0.38em;
	color: #F00;
}

#subpage-content h4{
	top:10px;
	margin:20px;
	font-size:1.4em;
	font-weight:600;
	line-height:150%;
	letter-spacing:0.1em;
	color: #F00;
	
}
#subpage-content h2{
	top:10px;
	margin:20px;
	font-size:1.5em;
	letter-spacing:0.4em;
	color:#001d3e;
	
}
#subpage-content p{
	color:#666;
	margin:20px;
	font-size:1.1em;
	line-height:150%;
	letter-spacing:0.2em;
}
#subpage-content small{
	color:#666;
	margin:35px;
	font-size:1em;
	line-height:150%;
	letter-spacing:0.2em;
	text-align: right;
}
#subpage-content ul{
	color:#666;
	margin-left:25px;
	margin-top:10px;
	margin-bottom:10px;
	/*font-size:1.1em;*/
	line-height:125%;
	letter-spacing:0.2em;
	list-style: circle;
}
#subpage-content ol{
	color:#666;
	margin-left:25px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:1.1em;
	line-height:125%;
	letter-spacing:0.2em;
	list-style: decimal;
}
#subpage-content li{
	margin-left:25px;
	border-bottom: dotted 2px #999;
	font-size:1.1em:

}
#subpage-content em{
	position:absolute;
	right: 168px;
	text-decoration:none;
	font-style: normal;

}

#subpage-content strong{
	color: #001d3e;
	margin:20px;
	font-size:1.15em;
	line-height:125%;
	letter-spacing:0.2em;
}
#subpage-content span{
	color:#666;
	font-size:1.75em;
}
#subpage-content img{
	float:left;
	margin-right:5px;}
.course{
	display:table;
	position:relative;
	margin:50px auto 30px auto;
	width:450px;
	}
.course-pic{width:75px; height:315px; float:left; background: #FFF url(images/exam.jpg) no-repeat;}
.course-content{width:355px; background: #fcfedc; display:block; float:right;　padding:5px;}
.course-content2{width:355px; background: #ebeeff; display:block; float:right;　padding:5px;}
					
#subpage-right{
	float:right;
	width:160px;
	_width:150px;
}
#subpage-right-bottom{
	float:right;
	background:#FFF url(images/bottomimage.jpg) no-repeat;
	position:relative;
	width:125px;
	height:185px;
	top:-195px;
	right:55px;
}

#subpage-right .smallboxpic{
	margin-top:90px;
	display:block;
	width:130px;
	_width:125px;
	float:left;
	padding:10px;
} 
#subpage-right .smallbox1{
	background:  #fec8c8;
	margin-top:50px;
	display:block;
	width:130px;
	_width:125px;
	float:left;
	padding:10px;
} 
#subpage-right strong{
	margin: 5px 0 5px 0;
	font-size:100%;
	color: #333;
	font-weignt:400;
} 
#subpage-right p{
	font-size:75%;
} 

.bottomimg{
	float:left;
	margin-top:40px;
	width:125px;
	height:185px;
} 

.box2 {
	height:245px;
	_height:255px;
	float:left;
	margin: 8px 7px 14px;
	background:#FFF;
	width:170px;
	display:block;
	padding-top:10px;
	padding-bottom:20px;
	position:relative;
	border-bottom-width:.5em;
	border-right-width:.5em;
	border-bottom: thin dashed #999;
	border-right: thin dashed #999;
}
.box2 h1, h1:hover, h1:visited{color:#003;
margin-top:2px;
font-size:1.2em;
font-weight:600;
	padding: 2px 12px 2px 5px;
	text-decoration:none;}

.box2 p,.box2 p:hover, .box2 p:visited, .box2 ul, .box2 li{
	width:155px;
	float:left; 
	color:#003;
	display: inline-block;
	padding: 2px 0px 2px 5px;
	text-decoration:none;
	}	
.box2 img{
	background:#F00;
	/* float:left; */
	display:block;
	margin:5px;
	width:70px;
	height:70px;}
.box2 a {display:block;
text-decoration:none;
cursor:pointer;
	}
.box2 a:hover{
background: #FF9;}
.smalldescription{float:right; width:145px;}
p .white {
	line-height:100%;
	margin:0px;
	letter-spacing:auto;
	
	color: #FFF;
}

a:link {text-decoration:none; color:blue;} a:visited {text-decoration:none; color:purple;} a:hover {text-decoration:underline; color:purple;}


@media print
{
#header{background:#FFF url(images/headerprint.jpg) no-repeat center bottom;
	width:840px;
	height:106px;
	margin:0px auto 0;
	display:none;}
#header ul{display:none;}
#subpage-left{display:none;}
#footer{display:none;}

}