body.website_body{
	margin: 0; padding: 0;
	font-size :14px; 
	text-align: center; 
	font-family:Arial, Helvetica, sans-serif, "Microsoft Jhenghei";
	color: #333333;
	background-color: #112c4a;
	min-width: 1200px;
}

body.ke-content{
	margin: 0; padding: 0;
	font-size :14px; 
	font-family:Arial, Helvetica, sans-serif, "Microsoft Jhenghei";
}

a{text-decoration:none; outline: none;}
a:visited{color: #002b6c;}
a:link {color: #002b6c;}
a:hover{color: #002b6c;}
a:focus { -moz-outline-style: none; }
img {border:0;}

.clear { clear: both; }
.float_left { float: left;}
.float_right { float: right;}
.content_detail p, content_detail span{
	color: #333333;
	text-align:justify;
}

h1, h2, h3{
	font-weight: normal;
	color: #136A9E;
	
}

/* Content Area */
.content_body{
	margin: 0 auto;
	width: 1180px; 
	min-width: 1180px;
	text-align: left;
}
	.content_padding{
		padding: 20px 0 10px 0;
	}
	
	.index_block_padding{
		padding: 30px 0 0 0;
	}

#header_top_wrapper{
	background: #FFFFFF;
}

	#header_top_body{
		position: relative;	
		height: 100px;
		
	}
		#header_logo{
			float: left;
			margin-top: 10px;
			height:75px;
		}
		
		#header_logo_hk{
			float: left;
			margin-top: 15px;
			margin-left: 20px;
			height:70px;
		}
		
		#header_logo img, #header_logo_hk img{
			height: 100%;
		}
		
		
    
	#header_language_bar{
    	float: right;
        padding-top: 10px;
        word-spacing: 2px;
    }
		 #header_language_bar a{
		     margin: 0 6px;
		     color: #333333;
		 }
		 
		  #header_language_bar a:hover, a.lang_on{
		 	padding-bottom: 3px;
		 	border-bottom: 2px solid #144880;
		 }
		 
	#header_slogan_1{
		position: absolute;
		top:50px; right:10px;
		font-size: 30px;
		line-height: 30px;
		
		font-weight: bold;
		color: #000000;
		display: block;
		
	}
	
		#header_slogan_1 a{
			width: 40px;
			margin-top: 2px;
			text-indent: -5000px;
			text-decoration:none; color:inherit;
			display: inline-block;
		}	 

#header_menu_wrapper{
	position: relative;
	background: #254781 url(../images/header_menu_bg.png) 0 0 repeat-x;
	z-index: 900;
}

	#header_menu_body{
		
	}
	    
    ul#header_menu_list{
    	margin:0;padding: 0;
	    list-style: none;
	    border-left: 1px solid #dddddd;
   }
		#header_menu_list li.header_menu_item{ 
			float: left;
			margin:0;padding: 6px 0;
			position: relative;
			border-right: 1px solid #dddddd;
		}
		
		#header_menu_list a.header_menu_top{
			display: block;
			padding: 5px 0 0 0;
			font-size: 17px;
			line-height: 20px;
			text-align: center;
			white-space: nowrap;
			color: #ffffff;
        }
        
		ul#header_menu_list li.li_menu_on a.header_menu_top{
			border-bottom: 3px solid #ffffff;
		}
			
			.header_submenu_div{
				position: absolute;
				top:32px;left: 0;
				min-width: 100%;
				border-right: 1px solid #cccccc;
				border-bottom: 1px solid #cccccc;
				background: #FFFFFF;
				z-index: 9500;
				display: none;
			}
	
			
			ul.header_submenu_list{
				margin: 0;padding: 0;
				list-style: none;
			}
			
			ul.header_submenu_list li{
				margin: 0;padding: 0;
			}
			
			ul.header_submenu_list a{
				margin: 0; 
				display: block;
				color: #002b6c;
				font-size: 14px;
				line-height: 14px;
				padding: 13px 20px 13px 30px;
				white-space:nowrap;
				background-image: url(../images/graphics.png);
				background-repeat: no-repeat;
				background-position: 15px -40px;
			}
			
			ul.header_submenu_list a:hover{
				color: #FFFFFF;
				background-color: #174678;
				background-position: 15px -80px;
			}
			
			
			
			ul.header_submenu_list .sub_a_menu_on{
				color: #009fda;
				font-weight: bold;
				
			}
			
			
	
	   
	
/* Content top Banner */
#content_top_banner_wrapper{
	background-color: #0a5589;
	background-repeat: no-repeat;
	background-position: 50% 0;
	height: 150px;
}
	
	#content_top_banner_wrapper #content_top_banner_div{
		position: relative;
		height:150px;
		background-repeat: no-repeat;
		background-position: 50% 0;
		
	}		
	
	#content_top_1{
		position: absolute;
		bottom: 15px; left: 20px;
		font-size: 35px;
		font-weight: bold;
		color: #FFFFFF;
		text-shadow: 0px 0px 13px rgba(100, 100, 100, 1);
	}
	
	
	/* Shadow */
	.standard_shadow{
		display: block;
		height: 25px;
		background-image: url(../images/shadow_1.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	.index_shadow_left{
		background-position: 20px 0;
	}
	
	.index_shadow_right{
		background-position: 20px 0;	
	}
	
	.index_shadow_full{
		background-position: 20px -30px;
	}
	
	.left_menu_shadow{
		background-position: 0px -60px;
	}
	
	.content_detail_shadow{
		background-position: -250px -60px;			
	}
	
	.header_menu_shadow{
		position: absolute;
		top:0; left: 0;
		z-index: 2100;
		width: 1180px;
		background-position: 50px -30px;
		
	}	

	

/* Content Area */		
.content_area_wrapper{
	padding:0;
	word-wrap: break-word;
	position: relative;
	z-index: 100;
}

	.grey_background{
		background-color: #e0e0e0;
	}
	
	.white_background{
		background-color: #FFFFFF;
	}
	
	

	/* 2 Columns */
	.content_col_2_1{
		float: left;
		width: 260px;
		padding:0;
		
		
	}
	
	
	.content_col_2_2{
		float: right;
		width:900px;
			
		
	}	
	

	
/* Content Header */
.content_header{
	position: relative;
	margin: 12px 0 20px 0;
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	height: 2px;
}	

	.content_header_left{
		position: absolute;
		left: 0;
		top:-15px;
		padding-left: 5px;
	}	
	
	.content_header_right{
		position: absolute;
		right: 0;
		top:-7px;
		padding-left: 10px;
	}	
	
	
	.content_title{
		font-size: 25px;
		margin-right: 10px;
	}
	
		.title_black{
			color: #000000;
		}
		
		.title_red{
			color: #cf0738;
		}
		
		.title_white{
			color: #FFFFFF;
		}
	
	
	.content_page_title{
		font-weight: bold;
		font-size: 18px;
		line-height: 18px;
		padding: 15px 15px 10px 20px;
		color: #4c4c4c;
		border-bottom: 1px solid #e0e0e0;
	}
		
		
		
	
/* Editable Content Area */	
.content_detail_wrapper{
	border: 1px solid #CCCCCC;
}
		
	.content_detail{
		position: relative;
		padding: 0 20px 10px 20px;
		background-color: #FFFFFF;
		line-height: 1.5;
		overflow: hidden;
		
	}
	
		.content_detail a{
			color: #0000FF;
			text-decoration: underline;
		}
		
		
	
	
		
	
/* Buttons */
a.standard_button{
	padding: 8px 20px;
	font-size: 14px;
	font-weight: bold;	
	border: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
}
	a.button_red{
		color: #FFFFFF;
		background-color:#bc251c;
	}
	
	a.button_red:hover{
		background-color:#a92318;
	}
	
	a.button_blue{
		color: #FFFFFF;
		background-color:#144880;
	}
	
	a.button_blue:hover{
		background-color:#134174;
	}
	
	
	fieldset{
		border: 0;
		border-top:1px double #BBBBBB;
		
		
	}



/* Content Left */

ul#left_submenu_list {
    margin: 0;padding: 0;
	list-style: none;
	font-size: 15px;
	
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
		
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	
}



	ul#left_submenu_list li {
		margin: 0;
	    padding: 0;
		position: relative;
		
	}

	ul#left_submenu_list li.left_menu_level-1{
		margin-left: 0;
		font-weight: bold;
		
	}
	
	ul#left_submenu_list li.left_menu_level-2{
		display: none;
	}
	

	ul#left_submenu_list .left_submenu_a {
		display: block;
	    color: #04395b;
		line-height: 16px;
		cursor: pointer;
	}
	
	ul#left_submenu_list li.left_menu_level-1 .left_submenu_a {
		padding: 14px 5px 12px 30px;
		border-top: 1px solid #e0e0e0;
	}
	
	ul#left_submenu_list li.left_menu_level-1:first-child .left_submenu_a{ 
		border-top: 0;
	}
	
	ul#left_submenu_list li.left_menu_level-1 .left_submenu_a:hover, ul#left_submenu_list li.left_menu_level-1 a.left_submenu_on { 
		background: #ab261e;
		color: #FFFFFF;
	}
	
	ul#left_submenu_list li.left_menu_level-2 .left_submenu_a {
		padding: 12px 5px 10px 40px;
		color: #555555;
	}
	
	ul#left_submenu_list li.left_menu_level-2 .left_submenu_a:hover, ul#left_submenu_list li.left_menu_level-2 a.left_submenu_on { 
		background-color: #FFDFDD;
		color: #000000;
	}
	
	
	
	ul#left_submenu_list a.left_submenu_disabled, ul#left_submenu_list a.left_submenu_disabled:hover{
		color: #888888 !important;
		cursor: text;
		background: #ffffff !important;
	}
	
	ul#left_submenu_list a.left_submenu_disabled .menu_up_down{
		display: none;
	}
	
	
	
		/* Submenu Expand */
		span.menu_up_down{
			position: absolute;
			top:16px; left:12px;
			width:12px; height:12px;
			display: block;
			background: url(../images/graphics.png);
			background-repeat: no-repeat;
			cursor:pointer;
			background-position: 1px 0;
		}
		
		span.menu_collapse{
			background-position: -14px 2px;
		}
		
		
		ul#left_submenu_list li.left_menu_level-1 .left_submenu_a:hover span.menu_up_down, ul#left_submenu_list li.left_menu_level-1 a.left_submenu_on span.menu_up_down{
			background-position: 1px -20px;
		}
		
		ul#left_submenu_list li.left_menu_level-1 .left_submenu_a:hover span.menu_collapse, ul#left_submenu_list li.left_menu_level-1 a.left_submenu_on span.menu_collapse{
			background-position: -14px -18px;
		}
	
	
/* Index Page */
	
	/* News List */
	
	ul#news_list{
		margin: 0; padding: 10px 0;
		list-style: none;
	}
	
	ul#news_list li{
		margin: 0 13px 13px 0; padding: 0;
		float: left;
		background: #FFFFFF url(../images/index_block_corner.png) right bottom no-repeat;
	}
	
		ul#news_list li.last_item{
			margin-right: 0;
		}
	
	
		ul#news_list a{
			padding: 0; margin: 0;
			width: 285px;
			display: block;
		}
		
		ul#news_list .news_cover{
			height: 200px; width: 285px;
			overflow: hidden;
			border-bottom: 3px solid #bc251c;
		}
		
			ul#news_list img{
				height: 200px; width: 285px;
			}
		
		ul#news_list .news_block_content{
			padding: 10px;
		}	
		
		ul#news_list .news_date{	
			font-size: 12px;
			line-height: 12px;
			color: #808080;
			padding: 5px 0;
		}
	
		ul#news_list .news_title{
			font-size: 14px;
			line-height: 16px;
			height: 56px;
			font-weight: bold;
			color: #000000;
			padding: 0 0 8px 0;
		}
		
		
		ul#news_list .news_read_more{
			color: #ffffff;
			font-size: 13px;
			background-color: #bc251c;
			padding: 6px 8px;
			display:inline-block;
		}
			
	
	ul#news_list li:hover .news_read_more{
		background-color: #941A13;
	}
	
			
	
	
	
	
	/*News Detail Page */
	#news_header{
		margin: 10px 10px 0 10px;
		padding: 5px 5px 10px 5px;
		color: #000000;
		font-size: 18px;
		border-bottom: 1px solid #DDDDDD;
	}
			
	#news_header .news_date{
		float: right;
		margin-top: 10px;
		color: #666666;
		font-size: 12px;
	}
	
	
	/* Index Page */
	ul#index_banner_list{
		margin: 0; padding: 0;
		list-style: none;
	}	
	
	ul#index_banner_list li{
		margin: 0; padding: 10px 0 0 0;
		text-align: center;
	}
	
	
	/* Service List */
	ul#index_service_list{
		margin: 0;padding: 10px 0;
		list-style: none;
			
	}
		
		ul#index_service_list li{
			margin: 0 13px 13px 0; padding: 0;
			float: left;
			background: #FFFFFF url(../images/index_block_corner.png) right bottom no-repeat;
		}
			ul#index_service_list li.last_item{
				margin-right: 0;
			}
		
			ul#index_service_list a{
				width: 285px; 
				margin: 0;padding: 0;
				display: block;
			}
			
			ul#index_service_list .service_cover{
				height: 160px; width: 285px;
				overflow: hidden;
				border-bottom: 3px solid #d1172b;
			}
			
				ul#index_service_list img{
					height: 160px; width: 285px;
				}
			
			ul#index_service_list .service_block_content{
				padding: 10px;
			}	
			
			ul#index_service_list .service_text{
				font-size: 17px;
				line-height: 20px;
				color: #000000;
				padding: 8px 0 8px 0;
			}
	
		ul#index_service_list li:hover{
			background-color: #d1172b;
		}
		
		ul#index_service_list li:hover .service_text{
			color: #ffffff;
		}
	
		
		
	
	
  /* School List */
	
	ul#school_list{
		margin: 0;padding: 10px 0 5px 10px;
		list-style: none;
			
	}
		
		ul#school_list li{
			margin: 0; padding: 10px 10px 20px 20px;
			
		}
		
		ul#school_list a.school_logo_a{
			width: 200px; height: 200px;
			margin: 0 30px 0 0;padding: 0;
			float: left;
		}
		
		ul#school_list a.school_photo_a{
			position: relative;
			width: 600px; height: 200px;
			margin: 0;padding: 0;
			float: left;
		}
		
		ul#school_list span{
			position: absolute;
			bottom: 0; left: 0;
			padding: 10px;
			width: 580px; height: 28px;
			background: url(../images/school_list_bg.png) 0 0 repeat-y;
			color: #FFFFFF;
			text-align: left;
			display: block;
			
			font-size: 28px;
			line-height: 28px;
		}
	
	
	
	
	/* Form Field */
	.input_block{
		margin: 10px 0;
		display: block;
	}
	
	.input_block .input_label {
		float: left;
		padding: 9px 20px 0 0;
		text-align: right;
		font-weight: bold;
		width: 250px;
	}
	
	.input_block .input_area{
		float: left;
	} 
	
	.input_block .warning_div{
		float: left;
		padding: 9px 20px 0 10px;
	}
	
	
	
	.input_block .input_area .input_field{
		width: 450px;
		margin: 2px 0 10px 5px;
		font-size: 14px;
		text-indent: 10px;
		background: #FFFFFF;
		border: 1px solid #CCCCCC;
		box-shadow: inset 0 1px 1px #CCCCCC;
		-moz-box-shadow: 0 0 1px 0 #CCCCCC;
		-webkit-box-shadow: 0 0 1px 0 #CCCCCC;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	.input_block input{
		height: 22px;
		padding: 5px;
	}
	
	
	.input_block select{
		height: 30px;
	}
	
	
	.input_block textarea{
		padding: 5px;
		resize: vertical;
	}
	
	.input_radio_block{
		padding-left: 30px;
	}
	
	
	.form_submit_button_area{
		text-align: center;
	}
	
		
    .contact_button{
		width: 200px;
		padding: 10px;
		color: #FFFFFF;
		font-size: 15px;
		font-weight: bold;
		background-color:#00B1EF;
		border: 0;
		
		border: 1px solid #CCCCCC;
		box-shadow: inset 0 1px 1px #CCCCCC;
		-moz-box-shadow: 0 0 1px 0 #CCCCCC;
		-webkit-box-shadow: 0 0 1px 0 #CCCCCC;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		
		
		cursor:pointer;
    }
	
	.contact_button:hover{
		background-color:#002b6c;
	}
	
	a.contact_button{
		width: 150px;
		color: #FFFFFF;
		text-decoration: none;
		display: inline-block;
	}
	
	
	/* Form Alert */
	.input_row_warning, .input_row_warning .input_label{
		color: #FF0000;
	}
	
	.input_row_warning .input_area .input_required{
		border: 1px solid #FF0000;
	}	
	
	
	.display_none{
		display: none;
	}
	
	
	
	/* Album Page */
	ul#album_list{
		margin: 0; padding: 0 0 10px 20px;
		list-style: none;
		font-size: 15px;
		line-height: 16px;
		background-color: #FFFFFF;
	}
	
	ul#album_list li{
		margin: 0; padding: 20px 0 0 30px;
		float: left;
		
	}
	
	
		ul#album_list a{
			padding: 0; margin: 0;
			width: 240px;
			display: block;
			overflow: hidden;
		}
		
		ul#album_list .album_cover{
			padding: 10px;
			border: 1px solid #CCCCCC;
			background-color: #FFFFFF;
		}
		
			ul#album_list img{
				height: 220px; width: 220px;
			}
			
	
	
		ul#album_list .album_title{
			height: 15px;
			line-height: 15px;
			font-weight: bold;
			overflow: hidden;
			padding: 5px;
			color: #000000;
		}
		
		ul#album_list .album_title_2{
			height: 12px;
			overflow: hidden;
			padding: 0 5px 5px 5px;
			color: #666666;
		}
			
			ul#album_list .album_photo_count{
				float: right;
			}
			
	
	/* Photo List */
	
	ul#photo_list{
		margin: 0; padding: 2px 0 10px 4px;
		list-style: none;
		background-color: #FFFFFF;
	}
	
		ul#photo_list li{
			margin: 0; padding: 4px 4px 0 0;
			float: left;
		}
		
		ul#photo_list li.li_4th_item{
			padding-right: 0;
		}
		
		ul#photo_list a{
			padding: 0; margin: 0;
			height: 220px; width: 220px;
			display: block;
			overflow: hidden;
		}
	
			ul#photo_list img{
				height: 220px; width: 220px;
			}			
	

#footer_area_wrapper{
	color: #eeeeee;
	border-top: 7px solid #41566e;
	background: #112c4a;
	white-space: nowrap;
}
	
	#footer_area_body{
		position: relative;
	}
	
		.footer_title{
			font-size: 22px;
			padding: 15px 0 0 0;
			color: #ffffff;
		}
		
		#footer_menu_area{
			padding: 10px 0 0 0;
		}
			
			ul#footer_menu_list{
				float: left;
				margin: 0; padding: 0;
				list-style: none;
			}
			
				ul#footer_menu_list li{
					margin: 0; padding: 10px;
					float: left;
					text-align: left;
				}
				
				a.footer_menu_a{
					font-size: 14px;
					line-height: 16px;
					color: #cccccc;
				}
				
				a.footer_menu_a:hover{
					color: #ffffff;
					text-decoration: underline;
				}
				
			ul#footer_disclaimer_list{
				float: right;
				margin: 0; padding: 0;
				list-style: none;
			}
			
				ul#footer_disclaimer_list li{
					margin: 0; padding: 10px 0 10px 20px;
					float: right;
				}
				
			
				
		
		#footer_copyright_area{
			padding: 10px 0 10px 10px;
			color: #cccccc;
		}
			
			#footer_copyright{
				float: left;
				line-height: 12px;
				font-size: 12px;
			}
			
				
			#footer_powered_by{
				float: right;
				line-height: 12px;
				font-size: 12px;
				color: #cccccc;
			}