/************* Homepage *************/
div.ff_footer_wrapper div.bottom_shadow2{
	visibility: hidden;
}

div.act_immediately{
	margin-top: 11px;
	margin-left: 20px;
	background-image: url(../images/zh_hk/skh_home_video_box.jpg);
	width: 606px;
	height: 237px;
	overflow: hidden;
}

div.act_immediately img.preview_rollout{
	position: relative;
	top: 8px;
	left: 21px;
	background-image: url(../images/skh_home_video_pic_rollout.jpg);
	width: 274px;
	height: 209px;
}

div.act_immediately img.preview_rollover{
	position: relative;
	top: 8px;
	left: 21px;
	background-image: url(../images/skh_home_video_pic_rollover.jpg);
	width: 274px;
	height: 209px;
}

div.act_immediately div.text{
	position: relative;
	top: -158px;
	left: 315px;
	width: 274px;
	font-size: 15px;
	line-height: 18px;
}

div.act_immediately img.btn_dl{
	position: relative;
	top: -138px;
	left: 316px;
}

div.act_immediately img.btn_donate{
	position: relative;
	top: -183px;
	left: 458px;
}

img.v_shadow{
	position: absolute;
	top: 409px;
	left: 637px;
}

div.banners{
	position: absolute;
	top: 411px;
	left: 648px;
	width: 347px;
}

div.banners img.btn_sponsorship_detail_rollout{
	position: absolute;
	top: 75px;
	left: 26px;
	background-image: url(../images/zh_hk/skh_home_banner_green_detail_rollover.jpg);
	width: 78px;
	height: 24px;
}

div.banners img.btn_sponsorship_detail_rollover{
	position: absolute;
	top: 75px;
	left: 26px;
	background-image: url(../images/zh_hk/skh_home_banner_green_detail_rollout.jpg);
	width: 78px;
	height: 24px;
}

div.banners img.btn_apply_sponsorship_rollout{
	position: absolute;
	top: 75px;
	left: 113px;
	background-image: url(../images/zh_hk/skh_home_banner_green_help_rollver.jpg);
	width: 78px;
	height: 24px;
}

div.banners img.btn_apply_sponsorship_rollover{
	position: absolute;
	top: 75px;
	left: 113px;
	background-image: url(../images/zh_hk/skh_home_banner_green_help_rollout.jpg);
	width: 78px;
	height: 24px;
}

div.banners img.banner_latest_activities_rollout{
	background-image: url(../images/zh_hk/skh_home_banner_orange.jpg);
	width: 347px;
	height: 115px;
}

div.banners img.banner_latest_activities_rollover{
	background-image: url(../images/zh_hk/skh_home_banner_orange_rollover.jpg);
	width: 347px;
	height: 115px;
}

div.tabs{
	margin-top: 17px;
	margin-bottom: 25px;
	margin-left: 29px;
	width: 585px;
	height: 310px;
}

div.tabs div.button_container{
	position: relative;
}

div.tabs div.button_container div{
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
}

div.tabs div.button_container div span{
	position: relative;
	top: 10px;
}

div.tabs div.button_container div.anniversary_rollout{
	position: absolute;
	top: 0px;
	/*left: 0px;*/
	background-image: url(../images/skh_home_box2_tag1_rollout.png);
	width: 158px;
	height: 38px;
	color: #206A20;
}

div.tabs div.button_container div.anniversary_rollover{
	position: absolute;
	top: 0px;
	/*left: 0px;*/
	background-image: url(../images/skh_home_box2_tag1_rollover.png);
	width: 158px;
	height: 38px;
	color: #FFFFFF;
}

div.tabs div.button_container div.anniversary_highlighted{
	position: absolute;
	top: 0px;
	/*left: 0px;*/
	background-image: url(../images/skh_home_box2_tag1_rollover.png);
	width: 158px;
	height: 38px;
	color: #FFFFFF;
}
div.tabs #content_anniversary{margin-left: 50px; margin-top: 0px; padding-top: 40px;}
div.tabs #content_anniversary ul.list{}
div.tabs #content_anniversary ul.list li{font-size:14px;line-height:20px; list-style-type:square;}
div.tabs #content_anniversary ul.list ul.list_arr{}
div.tabs #content_anniversary ul.list_arr li{list-style-type:disc ;font-size:14px;line-height:20px;}

div.tabs div.button_container div.family_rollout{
	position: absolute;
	top: 0px;
	left: 140px;
	background-image: url(../images/skh_home_box2_tag2_rollout.png);
	width: 164px;
	height: 38px;
	color: #206A20;
}

div.tabs div.button_container div.family_rollover{
	position: absolute;
	top: 0px;
	left: 140px;
	background-image: url(../images/skh_home_box2_tag2_rollover.png);
	width: 164px;
	height: 38px;
	color: #FFFFFF;
}

div.tabs div.button_container div.family_highlighted{
	position: absolute;
	top: 0px;
	left: 140px;
	background-image: url(../images/skh_home_box2_tag2_rollover.png);
	width: 164px;
	height: 38px;
	color: #FFFFFF;
}

div.tabs div.button_container div.stories_rollout{
	position: absolute;
	top: 0px;
	left: 286px;
	background-image: url(../images/skh_home_box2_tag3_rollout.png);
	width: 163px;
	height: 38px;
	color: #206A20;
}

div.tabs div.button_container div.stories_rollover{
	position: absolute;
	top: 0px;
	left: 286px;
	background-image: url(../images/skh_home_box2_tag3_rollover.png);
	width: 163px;
	height: 38px;
	color: #FFFFFF;
}

div.tabs div.button_container div.stories_highlighted{
	position: absolute;
	top: 0px;
	left: 286px;
	background-image: url(../images/skh_home_box2_tag3_rollover.png);
	width: 163px;
	height: 38px;
	color: #FFFFFF;
}

div.tabs div.button_container div.blog_rollout{
	position: absolute;
	top: 0px;
	left: 429px;
	background-image: url(../images/skh_home_box2_tag4_rollout.png);
	width: 160px;
	height: 38px;
	color: #206A20;
}

div.tabs div.button_container div.blog_rollover{
	position: absolute;
	top: 0px;
	left: 429px;
	background-image: url(../images/skh_home_box2_tag4_rollover.png);
	width: 160px;
	height: 38px;
	color: #FFFFFF;
}

div.tabs div.button_container div.blog_highlighted{
	position: absolute;
	top: 0px;
	left: 429px;
	background-image: url(../images/skh_home_box2_tag4_rollover.png);
	width: 160px;
	height: 38px;
	color: #FFFFFF;
}

div.tabs div.content_container{
	position: relative;
	top: 38px;
	background-image: url(../images/skh_home_box2.jpg);
	width: 589px;
	height: 273px;
}

div.tabs div.content_container div#content_blog span.name{
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 13px;
}

div.tabs div.content_container div#content_blog hr{
	position: absolute;
	top: 23px;
	left: 14px;
	width: 226px;
	height: 4px;
	background: #0585D0;
	border: 0px;
}

div.tabs div.content_container div#content_blog div.photo_frame{
	position: absolute;
	top: 39px;
	left: 13px;
	background-image: url(../images/skh_home_box2_pic_bg.jpg);
	width: 227px;
	height: 144px;
}

div.tabs div.content_container div#content_blog div.photo_frame img{
	/*
	margin-top: 4px;
	margin-left: 7px;
	*/
}

div.tabs div.content_container div#content_blog div.more_topics{
	position: absolute;
	top: 187px;
	left: 16px;
	width: 230px;
}

div.tabs div.content_container div#content_blog div.more_topics a{
	color: #4D5F68;
}

div.tabs div.content_container div#content_blog div.more_topics a:hover{
	color: #528D06;
}

div.tabs div.content_container div#content_blog div.more_topics ul{
	line-height: 24px;
}

div.tabs div.content_container div#content_blog div.blog{
	position: absolute;
	top: 39px;
	left: 260px;
}

div.tabs div.content_container div#content_blog div.blog p.title{
	color: #0583CD;
	margin-top: 1px;
	margin-left: -1px;
	width: 310px;
	font-size: 18px;
	cursor: pointer;
}

div.tabs div.content_container div#content_blog div.blog p.content{
	margin-top: 20px;
	margin-left: -1px;
	width: 310px;
	height: 140px;
	overflow: hidden;
	font-size: 14px;
	line-height: 20px;
}

div.tabs div.content_container div#content_blog div.blog div.more{
	position: absolute;
	top: 190px;
	left: -4px;
	background-image: url(../images/skh_home_box2_readmore_img.jpg);
	width: 310px;
	height: 12px;
	text-align: right;
	cursor: pointer;
}

div.tabs div.content_container div#content_blog div.blog div.more a{
	margin-right: 10px;
	font-size: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #4D5F68;
}

div.tabs div.content_container div#content_blog div.blog div.more a:hover{
	color: #528D06;
}

div.tabs div.content_container div#content_blog div.more_topics ul li{
	font-size: 15px;
	list-style-image: url(/common/images/bullet.png);
}

div.tabs div.content_container div#content_blog div.more_topics ul li a{
	text-decoration: none;
}

/* tab (family_education) */
div.tabs div.content_container div#content_family span.name{
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 13px;
}

div.tabs div.content_container div#content_family hr{
	position: absolute;
	top: 23px;
	left: 14px;
	width: 226px;
	height: 4px;
	background: #0585D0;
	border: 0px;
}

div.tabs div.content_container div#content_family div.photo_frame{
	position: absolute;
	top: 39px;
	left: 13px;
	background-image: url(../images/skh_home_box2_pic_bg.jpg);
	width: 227px;
	height: 144px;
}

div.tabs div.content_container div#content_family div.photo_frame img{
	/*
	margin-top: 4px;
	margin-left: 7px;
	*/
}

div.tabs div.content_container div#content_family div.more_topics{
	position: absolute;
	top: 187px;
	left: 16px;
	width: 230px;
}

div.tabs div.content_container div#content_family div.more_topics ul{
	line-height: 24px;
}

div.tabs div.content_container div#content_family div.blog{
	position: absolute;
	top: 39px;
	left: 260px;
}

div.tabs div.content_container div#content_family div.blog p.title{
	color: #0583CD;
	margin-top: 1px;
	margin-left: -1px;
	width: 310px;
	font-size: 18px;
	cursor: pointer;
}

div.tabs div.content_container div#content_family div.blog p.content{
	margin-top: 20px;
	margin-left: -1px;
	width: 310px;
	font-size: 14px;
	line-height: 20px;
}

div.tabs div.content_container div#content_family div.blog div.more{
	position: absolute;
	top: 190px;
	left: -4px;
	background-image: url(../images/skh_home_box2_readmore_img.jpg);
	width: 310px;
	height: 12px;
	text-align: right;
	cursor: pointer;
}

div.tabs div.content_container div#content_family div.blog div.more a{
	margin-right: 10px;
	font-size: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #4D5F68;
}

div.tabs div.content_container div#content_family div.blog div.more a:hover{
	color: #528D06;
}

div.tabs div.content_container div#content_family div.more_topics ul li{
	font-size: 15px;
	list-style-image: url(../images/skh_home_box2_topic_bullet.jpg);
}

div.tabs div.content_container div#content_family div.more_topics ul li a{
	text-decoration: none;
	color: #4D5F68;
}

div.tabs div.content_container div#content_family div.more_topics ul li a:hover{
	color: #528D06;
}

/* tab (stories) */
div.tabs div.content_container div#content_stories span.name{
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 13px;
}

div.tabs div.content_container div#content_stories hr{
	position: absolute;
	top: 23px;
	left: 14px;
	width: 226px;
	height: 4px;
	background: #0585D0;
	border: 0px;
}

div.tabs div.content_container div#content_stories div.photo_frame{
	position: absolute;
	top: 39px;
	left: 13px;
	background-image: url(../images/skh_home_box2_pic_bg.jpg);
	width: 227px;
	height: 144px;
}

div.tabs div.content_container div#content_stories div.photo_frame img{
	/*
	margin-top: 4px;
	margin-left: 7px;
	*/
}

div.tabs div.content_container div#content_stories div.more_topics{
	position: absolute;
	top: 187px;
	left: 16px;
	width: 230px;
}

div.tabs div.content_container div#content_stories div.more_topics ul{
	line-height: 24px;
}

div.tabs div.content_container div#content_stories div.blog{
	position: absolute;
	top: 39px;
	left: 260px;
}

div.tabs div.content_container div#content_stories div.blog a{
	text-decoration: none;
}

div.tabs div.content_container div#content_stories div.blog p.title{
	color: #0583CD;
	margin-top: 1px;
	margin-left: -1px;
	width: 310px;
	font-size: 18px;
	cursor: pointer;
}

div.tabs div.content_container div#content_stories div.blog p.content{
	margin-top: 20px;
	margin-left: -1px;
	width: 310px;
	font-size: 14px;
	line-height: 20px;
}

div.tabs div.content_container div#content_stories div.blog div.more{
	position: absolute;
	top: 190px;
	left: -4px;
	background-image: url(../images/skh_home_box2_readmore_img.jpg);
	width: 310px;
	height: 12px;
	text-align: right;
	cursor: pointer;
}

div.tabs div.content_container div#content_stories div.blog div.more a{
	margin-right: 10px;
	font-size: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #4D5F68;
}

div.tabs div.content_container div#content_stories div.blog div.more a:hover{
	color: #528D06;
}

div.tabs div.content_container div#content_stories div.more_topics ul li{
	font-size: 15px;
	list-style-image: url(../images/skh_home_box2_topic_bullet.jpg);
}

div.tabs div.content_container div#content_stories div.more_topics ul li a{
	text-decoration: none;
	color: #4D5F68;
}

div.tabs div.content_container div#content_stories div.more_topics ul li a:hover{
	color: #528D06;
}

/* 75th anniversary */
div.tabs div.content_container div#content_anniversary  a{
	color: #0583CD;
	margin-top: 1px;
	margin-left: -1px;
	width: 310px;
	font-size: 14px;
	cursor: pointer;
	text-decoration: none;
}

div.tabs div.content_container div#content_anniversary span.name{
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 13px;
}

div.tabs div.content_container div#content_anniversary hr{
	position: absolute;
	top: 23px;
	left: 14px;
	width: 226px;
	height: 4px;
	background: #0585D0;
	border: 0px;
}

div.tabs div.content_container div#content_anniversary div.photo_frame{
	position: absolute;
	top: 39px;
	left: 13px;
	background-image: url(../images/skh_home_box2_pic_bg.jpg);
	width: 227px;
	height: 144px;
}

div.tabs div.content_container div#content_anniversary div.photo_frame img{
	
	margin-top: 5px;
	margin-left: 6px;
	
}

div.tabs div.content_container div#content_anniversary div.more_topics{
	position: absolute;
	top: 187px;
	left: 16px;
	width: 230px;
}

div.tabs div.content_container div#content_anniversary div.more_topics ul{
	line-height: 24px;
}

div.tabs div.content_container div#content_anniversary div.blog{
	position: absolute;
	top: 28px;
	left: 260px;
}

div.tabs div.content_container div#content_anniversary div.blog p.title{
	color: #0583CD;
	margin-top: 1px;
	margin-left: -1px;
	width: 310px;
	font-size: 18px;
}

div.tabs div.content_container div#content_anniversary div.blog p.content{
	margin-top: 20px;
	margin-left: -1px;
	width: 310px;
	font-size: 14px;
	line-height: 20px;
}

div.tabs div.content_container div#content_anniversary div.blog div.more{
	position: absolute;
	top: 190px;
	left: -4px;
	background-image: url(../images/skh_home_box2_readmore_img.jpg);
	width: 310px;
	height: 12px;
	text-align: right;
	cursor: pointer;
}

div.tabs div.content_container div#content_anniversary div.blog div.more a{
	margin-right: 10px;
	font-size: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #4D5F68;
}

div.tabs div.content_container div#content_anniversary div.blog div.more a:hover{
	color: #528D06;
}

div.tabs div.content_container div#content_anniversary div.more_topics ul li{
	font-size: 15px;
	list-style-image: url(../images/skh_home_box2_topic_bullet.jpg);
}

div.tabs div.content_container div#content_anniversary div.more_topics ul li a{
	text-decoration: none;
	color: #4D5F68;
}

div.tabs div.content_container div#content_anniversary div.more_topics ul li a:hover{
	color: #528D06;
}

/* latest news */
img.latest_news_title{
	position: absolute;
	top: 667px;
	left: 648px;
}

div.latest_news{
	position: absolute;
	top: 704px;
	left: 648px;
	background-image: url(../images/skh_home_news_box3.jpg);
	width: 365px;
	height: 270px;
}

div.latest_news div.news_container{
	margin-left: 23px;	overflow:hidden;
	width: 320px;	position:relative;
}

div.latest_news div.news_container div.news{
	margin-bottom: 26px;
	position: relative;
	width: 320px;
}

div.latest_news div.news_container div.icon{
	margin-top: 3px;
	background-image: url(../images/home_new_date_bg.png);
	width: 60px;
	height: 50px;
}

div.latest_news div.news_container div.icon span.date{
	position: absolute;
	margin-top: 4px;
	left: 15px;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
}

div.latest_news div.news_container div.icon img{
	position: absolute;
	margin-top: 26px;
	left: 5px;
}

div.latest_news div.news_container div.icon div.m_and_y{
	position: absolute;
	margin-top: 31px;
	left: 3px;
	width: 48px;
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
}

div.latest_news div.news_container div.news p.title{
	color: #0583CD;
	position: absolute;
	top: 0px;
	left: 62px;
	height: 15px;
	overflow: hidden;
}

div.latest_news div.news_container div.news p.content{
	position: absolute;
	top: 21px;
	left: 62px;
	width: 255px;
	height: 30px;
	overflow: hidden;
	font-size: 12px;
	line-height: 16px;
}

div.latest_news div.news_container div.news div.readmore{
	position: absolute;
	top: 59px;
	left: 245px;
	background-image: url(../images/skh_home_news_readmore_img.jpg);
	width: 61px;
	height: 11px;
	text-align: center;
}

div.latest_news div.news_container div.news div.readmore a{
	font-size: 10px;
	text-decoration: none;
	color: #4D5F68;
}

div.latest_news div.news_container div.news div.readmore a:hover{
	color: #528D06;
}

div.latest_news hr{
	position: absolute;
	top: 155px;
	left: 28px;
	width: 302px;
}

div.latest_news div.subscription{
	position: absolute;
	top: 170px;
	left: 31px;
}

div.latest_news div.subscription p.subscription_data{
	margin-top: 16px;
	line-height: 24px;
}

div.latest_news div.subscription input.input_text{
	height: 20px;
	width: 135px;
	font-size: 11px;
}

div.latest_news div.subscription img.btn_submit_rollout{
	position: absolute;
	top: 65px;
	left: 172px;
	background-image: url(../images/zh_hk/home_newsletter_send_btn_rollout.jpg);
	width: 42px;
	height: 23px;
	z-index: 1;
	cursor: pointer;
}

div.latest_news div.subscription img.btn_submit_rollover{
	position: absolute;
	top: 65px;
	left: 172px;
	background-image: url(../images/zh_hk/home_newsletter_send_btn_rollover.jpg);
	width: 42px;
	height: 23px;
	z-index: 1;
	cursor: pointer;
}

div.latest_news div.subscription img.icon_newspaper{
	position: absolute;
	top: 0px;
	left: 202px;
	z-index: 0;
}
