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



body
{
	background-image: url(../img/interface/bgpattern.jpg);
	background-repeat:repeat;
	background-color: #031634;
	font-family:"Microsoft Sans Serif", "MS Sans Serif", BrowalliaUPC, sans-serif;
	font-size:14px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5,h6, h7, ul , li{	font-family:"Microsoft Sans Serif", "MS Sans Serif", BrowalliaUPC, sans-serif; padding: 0px; margin: 0px;}
h1{ font-size: 36px; }
h2{ font-size: 32px; }
h3{ font-size: 24px; }
h4{ font-size: 18px; }
h5{ font-size: 14px; }
h6{ font-size: 11px; }
h7{ font-size: 8px; }
h8{ font-size: 5px; }
img, div { behavior: url(iepngfix.htc); }
div { margin:0px; padding: 0px; height: inherit; }
img { border: 0px; }
table {	border-collapse:collapse; }	
a{ text-decoration: none; color: #e1f02d; cursor: pointer;}
a:hover{ text-decoration: underline; color: #e1f02d; cursor: pointer;}
hr{ border-bottom: 0px; border-top: 1px solid; border-left: 0px; border-right: 0px;}

.blankframe{width: 949px; padding: 0px 0px 10px 0px;}
.blueframe_top{	background-image:url(../img/interface/blueframe_head.png); background-position:bottom; background-repeat:no-repeat; height: 6px;}
*.blueframe_top{ *background-color:#102948; *height: 0px;}
.blueframe_middle{ float: left;	background-color: #102948; width: 940px; height: auto; padding-left: 10px; padding-right: 0px; padding-top: 4px; padding-bottom: 4px; margin:0px;}
.blueframe_bottom{ clear: both;	background-image:url(../img/interface/blueframe_bottom.png); background-position:top; background-repeat:no-repeat; height: 6px; padding-bottom: 20px;}
.darkblueframe_top{	background-image: url(../img/interface/darkblueframe_top.jpg); background-position:bottom; background-repeat:no-repeat; height: 6px; width: 930px; }
.darkblueframe_middle{ float: left;	background-color: #041a36; width: 930px; }
.darkblueframe_bottom{ clear:both; background-image:url(../img/interface/darkblueframe_bottom.jpg);	background-position:top; background-repeat:no-repeat;	height: 6px; width: 930px;}		
	
	.darkblueframe_gap
	{
		padding-bottom: 10px;
	}

	.whiteframe_top
	{
		background-image:url(../img/interface/whiteframe_top.jpg);
		background-repeat:no-repeat;
		background-position: top;
		height: 17px;
		width: 913px;
		padding-left: 9px;
		padding-right: 9px;
	}
	
	.whiteframe_middle
	{
		float: left;
		background-image:url(../img/interface/whiteframe_middle.jpg);
		background-repeat:repeat-y;
		width: 913px;
		padding-left: 9px;
		padding-right: 9px;
	}
	
	.whiteframe_bottom
	{
		clear: both;
		background-image:url(../img/interface/whiteframe_bottom.jpg);
		background-repeat:no-repeat;
		background-position: top;
		height: 17px;
		width: 913px;
		padding-left: 9px;
		padding-right: 9px;
	}

/****** start HEADER ********/
#header
{
	width: auto;
}

	#header #nav
	{
		width: 900px;
		height: 76px;
		margin-left: auto;
		margin-right: auto;
	}
	
		#header #nav #logo
		{
			float: left;
			width: 150px;
			height: 66px;
			padding-left: 50px;
			padding-top: 4px;
		}
		
		#header #nav #menu
		{
			float: right;
			width: auto;
		}
		
			#header #nav #menu ul
			{
				list-style: none;
			}
			
			#header #nav #menu ul li
			{
				display: inline;
			}
			
			#header #nav #menu ul li a:hover
			{
				text-decoration: none;
				border-bottom: solid 2px #FFFF33;
			}
	
	#header #banner
	{

		clear: both;
		width: 100%;
		height: 220px;
		background-image:url(../img/interface/banner_bg.jpg);
		background-repeat:repeat-x;
		border-bottom: solid 1px #e1f02d;
		border-top: solid 1px #e1f02d;
		margin-left: auto;
		margin-right: auto;
		
	}
	
/****** end HEADER ********/


/****** start CONTENT >> MAIN PAGE ********/	
	#content
	{
		padding-top: 11px;
		margin-left: auto;
		margin-right: auto;
		width: 950px;
	}



		
		#content #description
		{
			float: left;
			width: 636px;
			padding-top: 4px;
			height: auto;
			border-right: solid 2px #56d5ff;
		}

		#content #gallery
		{
			float: left;
			width: 301px;
			height: auto;
		}

			#content #gallery ul
			{
				list-style: none;
			}
			
			#content #gallery ul li
			{
				width: 291px;
				height: 113px;
				padding-left: 10px;
				padding-top: 10px;
			}
			
			#content #gallery ul li a
			{
				display:block;
				text-decoration: none;
			}

			#content #gallery ul li:hover
			{
				background-image:url(../img/interface/frontpage_gallery_bg.jpg);
				background-repeat:repeat-x;
				background-color:#23436b;
			}

			#content #gallery .gal_thumb_panel
			{
				float: left;
				width: auto;
			}
			
			
			#content #gallery .gal_thumb
			{
				border: 3px solid #FFF;
				margin-right: 30px;
			}
			
			

			#content #gallery .gal_title
			{
				float: left;
				width: auto;
				margin-top: 30px;
				color: #FFFFFF;
			}
			
			#content #gallery .gal_title:hover
			{
				border-bottom: 1px solid #e1f02d;
				text-decoration:none;
			}
			
			#content #gallery #formore
			{
				float: right;
				padding-top: 10px;
				padding-right: 20px;
			}
			
			
		#content .pic_panel
		{
			float: left;
			padding-right: 10px;
			padding-left: 10px;
			padding-top: 4px;
			padding-bottom: 4px;
		}

		#content .detail_panel
		{
			float: left;
			width: 612px;
			color: #3896c2;
			font-size: 14px;
		}

		#content #lang_video_panel_top
		{
			background-image:url(../img/interface/langcourse_video_top.jpg);
			background-position:bottom;
			background-repeat:no-repeat;
			height: 16px;
			padding-top: 4px;
		}
		
		#content #lang_video_panel_middle
		{
			background-image:url(../img/interface/langcourse_video_middle.jpg);
			background-position:center;
			background-repeat:repeat-y;
			height: 186px;
			padding-left: 40px;
			padding-right: 40px;
		}

		#content #lang_video_panel_bottom
		{
			background-image:url(../img/interface/langcourse_video_bottom.jpg);
			background-position:top;
			background-repeat:no-repeat;
			height: 16px;
		} 

		#content .lang_video_download
		{
			display: inline;
		}
		
		#content .lang_video_download li
		{
			display: inline;
			padding-left: 15px;
			border: 0px;
		}


		
		
/****** end CONTENT >> MAIN PAGE ********/		



/****** start CONTENT >> NEWS PAGE ********/

	#content #news_list
	{
		list-style: none;
		width: 890px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#content #news_list .li_img
	{
		width: 890px;
		height: 107px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #204b60;
	}
	
	#content #news_list .li_no_img
	{
		width: 890px;
		height: 40px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #204b60;
	}	
	
	#content #news_list li:hover
	{
		background-image:url(../img/interface/news_columnbg.jpg);
		background-repeat:repeat-x;
	}	
	
	#content #news_list a
	{
		color: #FFF;
		text-decoration: none;
		
	}
	
		#content #news_list .img_panel
		{
			float: left; 
			width: 120px;
			padding-left: 10px;
		}
		
		#content #news_list .img_panel img
		{
			border: 3px solid #FFF;
		}
		
		#content #news_list .detail_panel
		{
			float: left;
			width: 560px;
			margin-top: 30px;
			color: #3896c2;
		}
		
		#content #news_list .detail_panel_no_img
		{
			float: left;
			width: 560px;
			margin-top: 5px;
			padding-left: 130px;
			color: #3896c2;
		}
		
		#content #news_list .underline_detail:hover
		{
			color: #6eb4d5;
			border-bottom: 1px solid #e1f02d;
		}
		
		#content #news_list .date_panel
		{
			float: left;
			width: 200px;
			margin-top: 30px;
			text-align: right;
		}
		
		#content #news_list .date_panel_no_img
		{
			float: left;
			width: 200px;
			margin-top: 6px;
			text-align: right;
		}
		
		
		
		

/****** end CONTENT>> NEWS PAGE ********/


/****** start CONTENT>> CURRICULUM PAGE ********/

	#content #curri_bg
	{
		background-image: url(../img/interface/curriculum_bg.jpg);
		background-repeat:repeat-y;
		width:931px;
		padding-left: 9px;
	}


/****** end CONTENT>> CURRICULUM PAGE ********/



/****** start CONTENT>> GUEST PAGE ********/


	#content .guest_wrap
	{
		padding-top: 25px;
	}
	
		#content .guest_pic
		{
			border: 1px solid #cfcfcf;
			padding-top: 4px;
			padding-bottom: 4px;
			padding-right: 4px;
			padding-left: 4px;
			text-align:center;
			font-size: 12px;
			color: #7f7f7f;
			width: 450px;
		}
		
			#content .guest_pic img
			{
				padding-bottom: 4px;
			}

		#content .guest_commentbox
		{
			padding-top: 10px;
			margin-left: auto;
			margin-right: auto;
			width: 750px;
			
		}
		
			#content .guest_commentbox .guest_icon
			{
				float:left;
				width: 55px;
			}
			
			#content .guest_commentbox .guest_comment
			{
				float: left;
				width: 695px;
			}
			
				#content .guest_commentbox .guest_comment .title
				{
					font-size: 16px;
					color: #4a4c76;
				}
				
				#content .guest_commentbox .guest_comment .detail
				{
					font-size: 14px;
					color: #3f6aa5;
					text-align:left;
				}
			
			#content .guest_comment_gap
			{
				clear: both;
				height: 15px;
			}
			
			#content .guest_clear
			{
				clear: both;
				padding-bottom: 25px;
			}




/****** end CONTENT>> GUEST PAGE ********/


/****** start CONTENT>> PARENT PAGE ********/



	#content #category
	{
		padding-left: 35px;
		padding-right: 35px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	#content #cat_title
	{
		color: #195ca7;
		font-size: 13px;
		padding-right: 25px;
	}
	
	#content #category ul
	{
		list-style: none;
		display: inline;
	}
	
	#content .cat
	{
		display: inline;
		color: #3fc631;
		font-size: 13px;
		padding-right: 25px;
	}
	
	#content .cat a
	{
		color: #3fc631;
	}
	
	#content .cat a:hover
	{
		border-bottom: 1px #FFCC00 solid;
		color: #3fc631;
		text-decoration: none;
	}	
	
	#content .cat_wrap
	{
		clear: both;
	}
	
	#content .par_title
	{
		font-size: 30px;
		font-weight: bold;
		color: #1156a1;
		padding-left: 33px;
		padding-bottom: 15px;
	}
	
	#content .par_wrap
	{
		padding-left: 35px;
		padding-right: 35px;
		padding-bottom: 25px;
		width: 800px;
	}
	
	#content .par_wrap a
	{
		color: #3fc631;
	}
	
	#content .par_wrap a:hover
	{
		border-bottom: 1px #FFCC00 solid;
		color: #3fc631;
		text-decoration: none;
	}	
		
	#content .par_thumb
	{
		float: left;
		width: 50px;
		padding-right: 10px;
	}
	
	#content .par_detail
	{
		float: left;
		width: 750px;
		font-size: 13px;
	}
	
		#content .par_detail .par_company
		{
			font-size: 16px;
			color: #0078fa;
		}
		
		#content .par_detail .par_address
		{
			color: #84b9ff;
			padding-bottom: 15px;
		}
		
		#content .par_detail .par_company_detail
		{
			float: left;
			color: #636363;
			width: 750px;
			padding-bottom: 15px;
		}
		
		#content .par_detail .par_student
		{
			color: #427ab7;
			padding-bottom: 25px;
			
		}
		
	
	#content .par_gap
	{
		clear: both;
		padding-bottom: 25px;
	}
	
	
	

/****** end CONTENT>> PARENT PAGE ********/



/****** start CONTENT>> VIDEO PAGE ********/

	#content #video_head
	{
		background-image:url(../img/interface/video_head.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		height: 346px;
		width: 931px;
	}

	#content #video_subhead
	{
		padding-top: 145px;
		padding-left: 45px;

	}
	
		#content #video_subhead ul
		{
			list-style: none;
			display: inline;
			padding-left: 15px;
		}
		
		#content #video_subhead ul li
		{
			display: inline;
			padding-right: 15px;
		}
	
	#content #video_list
	{
		padding-left: 45px;
	}
	
	#content #video_list ul
	{
		list-style: none;
		display: list-item;
	}
	
	#content #video_list a
	{
		color: #2e74c2;
		font-size: 13px;
	}
	
	#content #video_list a:hover
	{
		text-decoration: none;
		border-bottom: 1px solid #FFFF33;
	}
	
	#content .video_size
	{
		color: #babec2;
	}
	
	
/****** end CONTENT>> VIDEO PAGE ********/


/****** start CONTENT>> MAP PAGE ********/

	#content #map_wrap
	{
		padding-left: 45px;
		padding-right: 45px;
		font-size: 13px;
	}
	
		#content #map1
		{
			float: left;
			width: 375px;
			padding: 4px 4px 25px;
			text-align:center;
			color: #575757;
			border: 1px solid #cfcfcf;
		}
	
		#content #map2
		{
			float: right;
			width: 375px;
			padding: 4px 4px 8px;
			text-align:center;
			color: #575757;
			border: 1px solid #cfcfcf;
		}
	
	#content #map_gap
	{
		clear: both;
		padding-bottom: 10px;
	}
		

/****** end CONTENT>> MAP PAGE ********/



/****** start FOOTER ********/	

	#footer
	{
		margin-left: auto;
		margin-right:auto;
		width: 950px;
	}
	
		#ending
		{
			border: 8px solid #FFF;
			margin-bottom: 10px;
		}
		
		#footer_leftpanel
		{
			float: left; 
			width: 118px;
		}
		
		#footer_rightpanel
		{
			float: left;
			text-align:right;
			width: 806px;
			color: #FFF;
			font-size: 14px;
		}

/****** end FOOTER ********/