﻿body
{
	margin:0;
}

.mL16	{ margin-left:16px !important; }
.mT30	{ margin-top:30px !important; }

/** cover **/
.cover img
{
	border:none;
}

.cover
{
	width:1000px;
	height:700px;
	position:absolute;
}

.cover  a
{
	cursor:pointer;
}

/**main background **/
.main_wrapper
{
	margin:0 auto;
	position:relative;
	width:1000px;
	height:700px;	
}

.shadow
{
	position:absolute;
	width:1018px;
	height:714px;
	left:-9px;
	top:-5px;
}


.btn_pdf
{
	width:133px;
	height:36px;
	display:block;
	position:absolute;
	left:6%;
	margin-left:-66px;
	top:715px;
	background:url("../images/btn_pdf.png") no-repeat;
}

.main_bg
{
	width:1000px;
	height:700px;
	position:absolute;
}

.link_cover
{
	display:block;
	position:absolute;
}

.main_bg_envirnomental_xmas
{
	background:url("../images/envirnomental_xmas/bg.jpg") no-repeat;
}

.main_bg_interview
{
	background:url("../images/interview/bg.jpg") no-repeat;
}

.main_bg_partner
{
	background:url("../images/partner/bg.jpg") no-repeat;
}

.main_bg_xmas_party
{
	background:url("../images/xmas_party/bg.jpg") no-repeat;
}

/** issue 19 **/
.main_bg_cover
{
	background:url("../images/cover/bg.jpg") no-repeat;
}


/** issue 19 **/
.main_bg_strawberry_pick
{
	background:url("../images/p03_strawberry_pick/bg.jpg") no-repeat;
}

/** issue 19 **/
.main_bg_farm_visit
{
	background:url("../images/p04_farm_visit/bg.jpg") no-repeat;
}

/** issue 19 **/
.main_bg_park_visit
{
	background:url("../images/p05_park_visit/bg.jpg") no-repeat;
}

/** issue 19 **/
.main_bg_for_mother
{
	background:url("../images/p06_for_mother/bg.jpg") no-repeat;
}

/** issue 19 **/
.main_bg_toy_bank
{
	background:url("../images/p11_toy_bank/bg.jpg") no-repeat;
}

/** issue 19 **/
.main_bg_pioneer
{
	background:url("../images/p13_pioneer/bg.jpg") no-repeat;
}


/** issue 19 **/
.main_bg_taikoo
{
	background:url("../images/p12_taikoo/bg.jpg") no-repeat;
}

/** issue 19 **/
.main_bg_heroes
{
	background:url("../images/p01_heroes/bg.jpg") no-repeat;
}

/** issue 19 **/

.main_bg_charllening
{
	background:url("../images/p02_charllening/bg.jpg") no-repeat;
}

/** issue 19 **/
.main_bg_solidarity
{
	background:url("../images/p07_solidarity/bg.jpg") no-repeat;
}

/** issue 19 **/

.main_bg_bemyfrd_dance
{
	background:url("../images/p08_bemyfrd_dance/bg.jpg") no-repeat;
}	

/** issue 19 **/
.main_bg_eastertime
{
	background:url("../images/p09_eastertime/bg.jpg") no-repeat;
}

/** issue 19 **/
.main_bg_hanger_visit
{
	background:url("../images/p10_hanger_visit/bg.jpg") no-repeat;
}

/** issue 19 **/
.main_bg_origami_workshop
{
	background:url("../images/p14_origami_workshop/bg.jpg") no-repeat;
}

.main_bg_walk_camp
{
	background:url("../images/walk_camp/bg.jpg") no-repeat;
}

.main_bg_cx_elderly
{
	background:url("../images/cx_elderly/bg.jpg") no-repeat;
}

.main_bg_cx_air
{
	background:url("../images/cx_air/bg.jpg") no-repeat;
}

.main_bg_ambition_fly
{
	background:url("../images/ambition_fly/bg.jpg") no-repeat;
}

.main_bg_outing_elderly 
{
	background:url("../images/outing_elderly/bg.jpg") no-repeat;
}

.main_bg_sport_day
{
	background:url("../images/sport_day/bg.jpg") no-repeat;
}

.main_bg_music_books
{
	background:url("../images/music_books/bg.jpg") no-repeat;
}

.main_bg_synops_1
{
	background:url("../images/synops_1/bg.jpg") no-repeat;
}

.main_bg_synops_2
{
	background:url("../images/synops_2/bg.jpg") no-repeat;
}

.main_bg_synops_3
{
	background:url("../images/synops_3/bg.jpg") no-repeat;
}

.main_bg_synops_4
{
	background:url("../images/synops_4/bg.jpg") no-repeat;
}

.main_bg_synops_5
{
	background:url("../images/synops_5/bg.jpg") no-repeat;
}

.main_bg_apply_volunteer
{
	background:url("../images/apply_volunteer/bg.jpg") no-repeat;
}

.main_bg_come_choose
{
	background:url("../images/come_choose/bg.jpg") no-repeat;
}

.main_bg_editor_committee
{
	background:url("../images/editor_committee/bg.jpg") no-repeat;
}


/**menu**/
.menu
{
	width:1000px;
	height:380px;
	position:absolute;
}

.menu_content
{
	background:url("../images/menu_bg.png");
	height:100%;
	position:relative;
	display:none;
}

.menu_column
{
	float:left;
	width:296px;
	margin-left:28px;
}

.menu_column_1
{	 
}

.menu_column_2
{	 
}

.menu_column_3
{	 
}

.menu_column_inline
{
	clear:both;
	display:block;
	padding-top:10px; 
	height:80px;
}

.menu_column_inline a
{
	float:left;
	margin:0 28px 0 28px;
	height:100px;
}

.menu_heading
{
	width:100%;
	color:#00428e;
	font-size:15px;
	font-weight:bold;
	margin-top:20px;
	padding-bottom:3px;
	border-bottom:1px solid #ff0000;
	font-family: "微軟正黑體", "黑體" ,"Arial"; 
}

.menu_column_inline a, .menu_column a 
{
	font-family: "微軟正黑體", "黑體" ,"Arial"; 
	background:url("../images/menu_point.png") 0 10px  no-repeat;
	display:block;
	margin-bottom:4px;
	text-decoration:none;
	color:#000;
}

.menu_column_single_line
{
	background:url("../images/menu_point.png") 0 0  no-repeat !important;
	margin-bottom:-2px !important;
}

/*
.menu_column_inline a:hover, .menu_column a :hover
{
	color:#00428e;
}
*/

.menu_text_chi
{
	font-size:14px;
	position:relative;
	top:5px;
	left:12px;
	cursor:pointer;
}

.menu_text_eng
{
	font-size:11px;
	position:relative;
	top:8px;
	left:12px;
	margin-bottom:10px;
	cursor:pointer;
}

.menu_text_eng_all
{
	font-size:13px;
	position:relative;
	top:4px;
	left:12px;
	cursor:pointer;
}

.menu_column_single_line  .menu_text_eng
{
	top:-2px;
}

.menu_bar
{
	background:url("../images/menu_bar.png") no-repeat;
	width:1000px;
	height:57px;
	position:relative;
}

.btn_logo
{
	width:112px;
	height:47px;
	position:absolute;
	display:block;
	left:75px;
	top:9px;
	background:url("../images/btn_logo.png") no-repeat;
}

.btn_index
{
	display:block;
	position:absolute;
	background:url("../images/btn_index.png") no-repeat;
	width:56px;
	height:29px;
	right:50px;
	bottom:16px;
}

.btn_index:hover
{
	display:block;
	background:url("../images/btn_index_over.png") no-repeat;
	width:56px;
	height:29px;
}

/**btn eng **/
.btn_eng
{
	width:54px;
	height:23px;
	display:blcok;
	background:url("../images/btn_eng.png") no-repeat;
	position:absolute;
	right:0;
	top:60px;
}

.btn_eng:hover
{
	background:url("../images/btn_eng_over.png") no-repeat;
}


/** tv box specific to pages **/
.main_bg_envirnomental_xmas .thumbnail_container_0
{
	left:132px;
	.left:115px;
	top:88px;
}

.main_bg_envirnomental_xmas .thumbnail_container_1
{
	left:615px;
	.left:598px;
	top:407px;
}

.main_bg_interview  .thumbnail_container_0
{
	left:626px;
	.left:609px;
	top:393px;
}

.main_bg_partner  .thumbnail_container_0
{
	left:640px;
	.left:623px;
	top:152px;
}

.main_bg_xmas_party  .thumbnail_container_0
{
	left:626px;
	.left:609px;
	top:410px;
}
.main_bg_strawberry_pick  .thumbnail_container_0
{
	left:646px;
	.left:629px;
	top:195px;
}

.main_bg_heroes  .thumbnail_container_0
{
	left:656px;
	.left:639px;
	top:425px;
}

.main_bg_charllening .thumbnail_container_0
{
	left:620px;
	.left:603px;
	top:85px;
}


.main_bg_taikoo  .thumbnail_container_0
{
	left:646px;
	.left:629px;
	top:185px;
}

.main_bg_farm_visit  .thumbnail_container_0
{
	left:32px;
	.left:15px;
	top:373px;
}

.main_bg_for_mother  .thumbnail_container_0
{
	left:25px;
	.left:8px;
	top:415px;
}

.main_bg_origami_workshop  .thumbnail_container_0
{
	left:115px;
	.left:98px;
	top:424px;
}

.main_bg_solidarity  .thumbnail_container_0
{
	left:646px;
	.left:629px;
	top:74px;
}

.main_bg_bemyfrd_dance  .thumbnail_container_0
{
	left:620px;
	.left:603px;
	top:74px;
}

.main_bg_park_visit .thumbnail_container_0
{
	left:646px;
	.left:629px;
	top:346px;
}

.main_bg_toy_bank .thumbnail_container_0, .main_bg_toy_bank .thumbnail_container_1
{
	left:157px;
	.left:140px;
	top:146px;
}

.main_bg_pioneer .thumbnail_container_0
{
	left:617px;
	.left:600px;
	top:96px;
}


.main_bg_eastertime .thumbnail_container_0
{
	left:622px;
	.left:605px;
	top:105px;
}


.main_bg_walk_camp  .thumbnail_container_0
{
	left:580px;
	.left:563px;
	top:400px;
}

.main_bg_outing_elderly .thumbnail_container_0  
{
	left:582px;
	.left:565px;
	top:148px;
}

.main_bg_outing_elderly .thumbnail_container_1   
{
	left:582px;
	.left:565px;
	top:148px;
}

.main_bg_ambition_fly  .thumbnail_container_0  
{
	left:632px;
	.left:615px;
	top:89px;
}

.main_bg_cx_elderly .thumbnail_container_0  
{
	left:52px;
	.left:35px;
	top:409px;
}

.main_bg_cx_air .thumbnail_container_0  
{
	left:42px;
	.left:25px;
	top:89px;
}


.main_bg_sport_day .thumbnail_container_0  
{
	left:226px;
	.left:209px;
	top:400px;
}


.main_bg_music_books .thumbnail_container_0  
{
	left:26px;
	.left:9px;
	top:400px;
}


/** thumbnail **/
.thumbnail_container
{
	position:absolute;
	z-index:999;
}

.thumbnail_container .caption
{
	position:absolute;
	text-align:center;
	width:310px;
	color:#fff;
	font-size:11px;
	left:5px;
	top:215px;
	.top:187px;
	line-height:14px;
	font-family: "微軟正黑體", "黑體" ,"Arial"; 
	
}

.tv_border
{
	width:322px;
	height:260px;
	position:absolute;

}

.thumbnail_container .image_page_display
{
	font-size:10px;
	font-weight:bold;
	position:absolute;
	right:20px;
	top:193px;
	bottom:34px;
	font-family: "Arial"; 
}

.tv_green
{
	background:url("../images/tv_green.png") no-repeat;
	color:#2d6327;
}


.tv_green_blue
{
	background:url("../images/tv_green_blue.png") no-repeat;
	color:#9aa5ff;
}

.tv_red
{
	background:url("../images/tv_red.png") no-repeat;
	color:#ef4d5a;
}

.tv_pink
{
	background:url("../images/tv_pink.png") no-repeat;
	color:#ff1d25;
}

.tv_pinkred
{
	background:url("../images/tv_pinkred.png") no-repeat;
	color:#e85774;
}

.tv_pink_light
{
	background:url("../images/tv_pink_light.png") no-repeat;
	color:#d150a6;
}

.tv_blue
{
	background:url("../images/tv_blue.png") no-repeat;
	color:#0281c1;
}

.tv_blue_green
{
	background:url("../images/tv_blue_green.png") no-repeat;
	color:#248881;
}


.tv_purple
{
	background:url("../images/tv_purple.png") no-repeat;
	color:#662d91;
}

.tv_purple_light
{
	background:url("../images/tv_purple_light.png") no-repeat;
	color:#405fc5;
}

.tv_orange
{
	background:url("../images/tv_orange.png") no-repeat;
	color:#cc6600;
}

.tv_orange_light
{
	background:url("../images/tv_orange_light.png") no-repeat;
	color:#ff6700;
}

.tv_orange_yellow
{
	background:url("../images/tv_orange_yellow.png") no-repeat;
	color:#eea747;
}

.tv_burgundy
{
	background:url("../images/tv_burgundy.png") no-repeat;
	color:#a40215;
}

.tv_brown_deep
{
	background:url("../images/tv_brown_deep.png") no-repeat;
	color:#3e3618;
}

.tv_brown
{
	background:url("../images/tv_brown.png") no-repeat;
	color:#ba8b4d
}

.tv_yellow
{
	background:url("../images/tv_yellow.png") no-repeat;
	color:#eeb426;
}


.main_bg_toy_bank .tv_switch_button  
{ 
	left:142px;
	.left:125px;
	top:149px;
	position:absolute;
}

.main_bg_toy_bank .tv_first_button  
{
	width:60px;
	height:21px;
	display:block;
	background:url("../images/p11_toy_bank/tv_yellow.jpg") no-repeat; 
	float:left;
	margin:-12px 0 0 200px;
	cursor:pointer;
}

.main_bg_toy_bank .tv_first_button:hover  
{
	background:url("../images/p11_toy_bank/tv_yellow_over.jpg") no-repeat; 
}

.main_bg_toy_bank .tv_second_button 
{
	width:60px;
	height:21px;
	display:block;
	background:url("../images/p11_toy_bank/tv_purple.jpg") no-repeat;
	float:left;
	margin:-12px 0 0 0;
	cursor:pointer;
}

.main_bg_toy_bank .tv_second_button:hover  
{
	background:url("../images/p11_toy_bank/tv_purple_over.jpg") no-repeat; 
}

.thumbnail_list
{
	.position:relative;
	/*
	margin:29px 0 0 17px;
	.top:29px;
	.left:17px;
	*/
	margin:31px 0 0 15px;
	.top:31px;
	.left:15px;	
}

.thumbnail_list a
{
	position:absolute;
	
}

.thumbnail_list img
{
	border:0;
}
 

.btn_thumbnail_back
{
	background:url("../images/btn_thumbnail_back.png") no-repeat;
	width:38px;
	height:49px;
	display:block;
	position:absolute;
	left:20px;
	.left:35px;
	top:90px;
	z-index:999;
}

.btn_thumbnail_back:hover
{
	background:url("../images/btn_thumbnail_back_over.png") no-repeat;
}

.btn_thumbnail_next
{
	background:url("../images/btn_thumbnail_next.png") no-repeat;
	width:38px;
	height:49px;
	display:block;
	position:absolute;
	left:265px;
	.left:280px;
	top:90px;
	z-index:999;
}

.btn_thumbnail_next:hover
{
	background:url("../images/btn_thumbnail_next_over.png") no-repeat;
}

.thumbnail_container .btn_play_video
{
	background:url("../images/btn_play_video.png") no-repeat;
	display:block;
	width:65px;
	height:64px;
	position:absolute;
	z-index:1000;
	left:130px;
	top:80px;
}


/** lightbox **/
.lightboxContainer
{
	position:absolute;
	width:1000px;
	height:700px;
	z-index:1100;
	display:none;
}

.lightboxContainer_bg 
{
	background:#000;
	width:100%;
	height:100%;
	position:absolute;
}

.lightboxContainer .btn_play_video
{
	cursor:pointer;
	background:url("../images/btn_play_video.png") no-repeat;
	display:block;
	width:65px;
	height:64px;
	position:absolute;
	z-index:1000;
}

.lightboxContainer  .caption_bg
{
	background:#000;
	position:absolute;
	height:40px;
}

.lightboxContainer .caption
{
	width:100%;
	height:100%;
	height:auto;
	padding:10px 0;
	color:#fff;
	font-size:14px;
	line-height:18px;
	font-family: "微軟正黑體", "黑體" ,"Arial"; 
}

.lightboxContainer .image_page_display
{
	color:#fff;
	font-size:14px;
	font-family: "Arial"; 
	position:absolute;
}

.large_image_container
{
	position:absolute;
}

.large_image_container img
{
	position:absolute;
}

.btn_close
{
	width:26px;
	height:26px;
	display:block;
	background:url("../images/btn_close.png") no-repeat;
	position:absolute;
}

.btn_close:hover
{
	background:url("../images/btn_close_over.png") no-repeat;
}

.btn_lightbox_back
{
	background:url("../images/btn_lightbox_back.png") no-repeat;
	width:45px;
	height:56px;
	display:block;
	position:absolute;
}

.btn_lightbox_back:hover
{
	background:url("../images/btn_lightbox_back_over.png") no-repeat;
}

.btn_lightbox_next
{
	background:url("../images/btn_lightbox_next.png") no-repeat;
	width:45px;
	height:56px;
	display:block;
	position:absolute;
}

.btn_lightbox_next:hover
{
	background:url("../images/btn_lightbox_next_over.png") no-repeat;
}

/** page nav area **/

.btn_page_nav_back
{
	background:url("../images/btn_page_nav_back.png") no-repeat;
	width:35px;
	height:75px;
	display:block;
	position:absolute;
	display:block;
	z-index:998;
	top:310px;
}

.btn_page_nav_next
{
	background:url("../images/btn_page_nav_next.png") no-repeat;
	width:35px;
	height:75px;
	position:absolute;
	left:965px;
	display:block;
	z-index:998;
	top:310px;
}

.synops_video_btn
{
	opacity: 0.5;
	position: absolute;
	display: block;
}

.btn_play_video_small
{
	position:absolute;
}

.main_bg_synops_1 .synops_video_btn
{
	width: 250px;
	height: 124px;
	top: 124px;
	left: 168px;
}

.main_bg_synops_1 .btn_play_video_small
{
	left:270px;
	top:160px;
}

.main_bg_synops_3 .synops_video_btn
{
	width: 250px;
	height: 124px;
	top: 510px;
	left: 438px;
}

.main_bg_synops_3 .btn_play_video_small
{
	left:550px;
	top:595px;
}

.main_bg_synops_5 .synops_video_btn
{
	width: 227px;
	height: 124px;
	top: 547px;
	left: 25px;
}

.main_bg_synops_5 .btn_play_video_small
{
	left:120px;
	top:584px;
}

/***************  Email *****************/

.emailLink	{ position:relative; top:187px; }
.emailLink > a	{ position:absolute; display:block; height:12px; z-index:50; }
.involved_row1 { left:130px; }
.involved_row2 { left:347px; }
.involved_row3 { left:565px; }
.involved_row4 { left:767px; }
.involved_amyHung		{ top:65px; width:100px; }
.involved_chlorisLeung	{ top:139px; width:155px; }
.involved_sallyLeung	{ top:213px; width:145px; }
.involved_connieTang	{ top:287px; width:122px; }
.involved_nancyLai		{ top:361px; width:103px; }
.involved_winnieMak		{ top:437px; width:109px; }

.involved_boboLeung		{ top:65px; width:151px; }
.involved_karenLaw		{ top:139px; width:147px; }
.involved_lisaXu		{ top:213px; width:90px; }
.involved_angelaChan	{ top:287px; width:147px; }
.involved_chrisWongsy	{ top:361px; width:130px; }
.involved_davidChow		{ top:437px; width:113px; }

.involved_ivyLiang		{ top:65px; width:108px; }
.involved_xuJing		{ top:131px; width:101px; }
.involved_zhongMing		{ top:205px; width:123px; }
.involved_xuZhengJia	{ top:279px; width:122px; }
.involved_lvQiuFang		{ top:354px; width:115px; }
.involved_huangWenWen	{ top:428px; width:137px; }

.involved_liXiaoxu		{ top:65px; width:108px; }

.editorial_row1 { left:212px; }
.editorial_row2 { left:446px; }
.editorial_row3 { left:655px; }
.editorial_angelaChan		{ top:0; width:140px; }
.editorial_bunCheng			{ top:92px; width:144px; }
.editorial_nam				{ top:185px; width:78px; }
.editorial_samanthaChung	{ top:278px; width:168px; }

.editorial_judyKwan		{ top:0; width:151px; }
.editorial_nancyLai		{ top:92px; width:97px; }
.editorial_winnieMak	{ top:185px; width:104px; }
.editorial_connieTang	{ top:278px; width:116px; }

.editorial_tseJulie		{ top:0; width:85px; }
.editorial_chrisWongsy	{ top:92px; width:124px; }
.editorial_dianaYuen	{ top:185px; width:99px; }
		
/* END */


/**************** footer ***************/
.footer
{
	width:100%;
	height:210px;
	border-top:3px solid #ee3e42;
	background:#fff;
	position:fixed;
	bottom:-210px;
	z-index:1000;
}

.footer_content
{
	width:1000px;
	margin:0 auto;
	position:relative;
	height
}

.footer_content div
{
	float:left;
}

.footer_content .sepline
{
	width:1px;
	height:145px;
	background:#a1b9d5;
	margin-top:30px;
}

.footer_content .btn_revise
{
	position:absolute;
	right:-4px;
	top:-28px;
}

.footer_content .issue
{
	color: #00428e;
	font-size:15px;
	width:170px;
	padding:30px;
}

.footer_content .issue img
{
	display:block;
	margin-top:10px;
}
