/* about_the_scheme */
div.about_the_scheme_container{
	position: relative;
	top: 25px;
	left: 20px;
	background-image: url(../images/about_the_scheme/skh_lokyiu_plan_pic.jpg);
	width: 699px;
	height: 347px;
}

div.about_the_scheme_container p{
	/*color: #ADA9A9;*/
	margin-bottom:24px;
	font-size:16px;
	left:212px;
	line-height:24px;
	position:relative;
	top:32px;
	width:455px;
}

div.about_the_scheme_container p a{
	font-size:16px;
	line-height:24px;
}

/* faq */
div.faq_container{
	position: relative;
	top: 16px;
	left: 10px;
}

div.faq_container div.line{
	margin-top: 20px;
	margin-bottom: 17px;
	background-image: url(../images/faq/sub_Lok-yiu_question_06.jpg);
	background-repeat: no-repeat;
	width: 731px;
	height: 4px;
}

div.faq_container img.backtotop{
	margin-bottom: -15px;
	left:630px;
	/* position:relative; */
}

div.faq_container div.title{
	position: relative;
	background-image: url(../images/faq/skh_lokyiu_question_icon.jpg);
	background-repeat: no-repeat;
	height: 50px;
}

div.faq_container div.title p.title{
	position: relative;
	top: 18px;
	left: 59px;
	color: #2594D6;
	font-size: 15px;
}

div.faq_container p.content{
	font-size:13px;
	line-height:25px;
	margin-top:4px;
	width:720px;
}

/* sponsor_sharings */
div.sponsors_sharings{
	position: relative;
	top: 20px;
	left: 11px;
}

div.sponsors_sharings div.sharing_1,
div.sponsors_sharings div.sharing_2,
div.sponsors_sharings div.sharing_3{
	position: relative;
	margin-bottom: 30px;
}

div.sponsors_sharings div.sharing_1 div.line,
div.sponsors_sharings div.sharing_2 div.line,
div.sponsors_sharings div.sharing_3 div.line{
	width: 720px;
	height: 4px;
	background-repeat: no-repeat;
}

div.sponsors_sharings div.sharing_1 div.line{
	background-image: url(../images/sponsors_sharings/skh_lokyiu_blueline.jpg);
}

div.sponsors_sharings div.sharing_2 div.line{
	background-image: url(../images/sponsors_sharings/skh_lokyiu_pinkline.jpg);
}

div.sponsors_sharings div.sharing_3 div.line{
	background-image: url(../images/sponsors_sharings/skh_lokyiu_orangeline.jpg);
}

div.sponsors_sharings div.sharing_1 div.photo_frame,
div.sponsors_sharings div.sharing_2 div.photo_frame,
div.sponsors_sharings div.sharing_3 div.photo_frame{
	position: relative;
	background-image: url(../images/sponsors_sharings/skh_lokyiu_photo1_bg.jpg);
	width: 165px;
	height: 135px;
	margin-top: 10px;
	overflow: hidden;
}

div.sponsors_sharings div.sharing_1 div.photo_frame div,
div.sponsors_sharings div.sharing_2 div.photo_frame div,
div.sponsors_sharings div.sharing_3 div.photo_frame div{
	position: absolute;
	top: 7px;
	left: 7px;
	width: 139px;
	height: 108px;
	overflow: hidden;
}

div.sponsors_sharings div.sharing_1 div.photo_frame div table,
div.sponsors_sharings div.sharing_2 div.photo_frame div table,
div.sponsors_sharings div.sharing_3 div.photo_frame div table{
	background: #000000;
	width: 139px;
	height: 108px;
}

div.sponsors_sharings div.sharing_1 span.author,
div.sponsors_sharings div.sharing_2 span.author,
div.sponsors_sharings div.sharing_3 span.author{
	font-size:17px;
	left:212px;
	position:absolute;
	top:13px;
}

div.sponsors_sharings div.sharing_1 span.author{
	color: #25B4FB;
}

div.sponsors_sharings div.sharing_2 span.author{
	color: #FB8AC2;
}

div.sponsors_sharings div.sharing_3 span.author{
	color: #FFA811;
}

div.sponsors_sharings div.sharing_1 p.content,
div.sponsors_sharings div.sharing_2 p.content,
div.sponsors_sharings div.sharing_3 p.content{
	left:213px;
	line-height:22px;
	position:absolute;
	top:49px;
	width:500px;
}

/* sponsors_activities -> sponsors_activities_titbit */
div.sasat_container{
	/*
	position: relative;
	top: 25px;
	left: 20px;
	*/
	margin-top: 23px;
	width: 100%;
}

div.sasat_container span.content{
	font-size:13px;
	margin-top:4px;
	width:690px;
}

div.sasat_container span.content div{
	position: relative;
	background-image: url(../images/skh_lokyiu_bullet1.jpg);
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-bottom: 20px;
}

div.sasat_container span.content div a:link{
	margin-left: 40px;
	margin-bottom: 10px;
	font-size: 15px;
	cursor: pointer;

	color: #494747;
	text-decoration: none;
}

div.sasat_container span.content div a:visited{
	margin-left: 40px;
	margin-bottom: 10px;
	font-size: 15px;
	cursor: pointer;
	color: #4D5F68;
	text-decoration: none;
}

div.sasat_container span.content div a:hover{
	margin-left: 40px;
	margin-bottom: 10px;
	font-size: 15px;
	cursor: pointer;

	color: #0584CF;
	text-decoration: underline;
}

div.sasat_container span.content div img{
	position: absolute;
	top: 0px;
	left: 400px;
}

/*
div.sasat_container span.content ul{
	line-height:35px;
	margin-top:4px;
	width:690px;
	list-style-image: url(../images/sponsors_activities_titbit/skh_lokyiu_bullet1.jpg);
}

div.sasat_container span.content ul li{
	position: relative;
	font-size:15px;
}

div.sasat_container span.content ul li a{
	color: #494747;
	font-size:15px;
	text-decoration: none;
}

div.sasat_container span.content ul li a:hover{
	color: #25B4FB;
	text-decoration: underline;
}

div.sasat_container span.content ul li img{
	position: absolute;
	top: 10px;
	left: 400px;
}
*/

/* sponsors_activities -> sponsors_activities_titbit -> detail */
div.sasatd_container{
	position: relative;
	top: 25px;
	left: 20px;
}

div.sasatd_container div.content{
	position: relative;
}

div.sasatd_container div.content div.calander_icon{
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/sponsors_activities_titbit/skh_lokyiu_activites_date_bg.jpg);
	width: 77px;
	height: 66px;
}

div.sasatd_container div.content span.title{
	color: #4D5F68;
	position: absolute;
	top: 0px;
	left: 76px;
	font-size: 17px;
}

div.sasatd_container div.content hr{
	background:#0584CF none repeat scroll 0 0;
	border:0 none;
	height:5px;
	left:83px;
	position:absolute;
	top:20px;
	width:615px;
}

div.sasatd_container div.content div.calander_icon span.date{
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	left:20px;
	position:absolute;
	top:7px;
}

div.sasatd_container div.content div.calander_icon hr{
	background:#FFFFFF none repeat scroll 0 0;
	border:0 none;
	height:2px;
	left:7px;
	position:absolute;
	top:27px;
	width:49px;
}

div.sasatd_container div.content div.calander_icon div.date{
	color:#FFFFFF;
	position:absolute;
	text-align:center;
	top:41px;
	width:60px;
}

div.sasatd_container div.content div.main{
	/*
	position: absolute;
	*/
	position: relative;
	top: 45px;
	left: 86px;
}

div.sasatd_container div.content div.main div.big_photo_frame{
	position: relative;
	background-image: url(../images/sponsors_activities_titbit/skh_lokyiu_activites_photo_big.jpg);
	width: 405px;
	height: 272px;
}

div.sasatd_container div.content div.main div.big_photo_frame div.photo_limiter{
	left:9px;
	position:absolute;
	top:9px;
	width: 388px;
	height: 240px;
	overflow: hidden;
	text-align: center;
	background: #000000;
}

div.sasatd_container div.content div.main div.big_photo_frame img{
}

div.sasatd_container div.content div.main p.pic_description{
	color: #3D575E;
	width: 405px;
}

div.sasatd_container div.content div.main div.content{
	margin-top: 20px;
}

div.sasatd_container div.content div.main div.content p.content{
	width: 405px;
	line-height: 20px;
	margin-bottom: 10px;
}

div.sasatd_container div.content div.v_shadow{
	position: absolute;
	top: 46px;
	left: 507px;
	background-image: url(../images/sponsors_activities_titbit/skh_home_line.jpg);
	width: 11px;
	height: 567px;
}

div.sasatd_container div.content div.photos{
	position: absolute;
	top: 47px;
	left: 523px;
	width: 170px;
}

div.sasatd_container div.content div.photos div.photo_set{
	text-align: center;
	margin-bottom: 40px;
}

div.sasatd_container div.content div.photos div.photo_set div.small_photo_frame{
	position: relative;
	background-image: url(../images/sponsors_activities_titbit/skh_lokyiu_photo1_bg.jpg);
	width: 165px;
	height: 135px;
}

div.sasatd_container div.content div.photos div.photo_set div.small_photo_frame img{
	height:108px;
	left:8px;
	position:absolute;
	top:8px;
	width:139px;
}

div.sasatd_container div.content div.photos div.photo_set span.caption{
	color: #3D575E;
}

div.sasatd_container div.closing_layer{
	/*
	position: absolute;
	top: 605px;
	left: -8px;
	*/
	position: relative;
	margin-top: 100px;
	background-image: url(../images/sponsors_activities_titbit/slice_sub_Lok-yiu_activtiesDetails_19.jpg);
	width: 714px;
	height: 65px;
}

/* children's stories */
div.childrens_stories{
	position: relative;
	top: 20px;
	left: 11px;
}

div.childrens_stories div.story_container{
	margin-top: 10px;
}

div.childrens_stories div.story_container div.story_1{
	position:relative;
	height: 350px;
	* height: 300px;
	* overflow: hidden;
}

div.childrens_stories div.story_container div.story_2,
div.childrens_stories div.story_container div.story_3,
div.childrens_stories div.story_container div.story_4{
	position:relative;
	height: 300px;
	* height: 300px;
	* overflow: hidden;
}

div.childrens_stories div.story_container div.story_1 div.photo_frame,
div.childrens_stories div.story_container div.story_2 div.photo_frame,
div.childrens_stories div.story_container div.story_3 div.photo_frame,
div.childrens_stories div.story_container div.story_4 div.photo_frame{
	position:relative;
	top: 0px;
	left: -3px;
	background-image: url(../images/childrens_stories/skh_lokyiu_story_photo_bg.jpg);
	width: 210px;
	height: 174px;
}

div.childrens_stories div.story_container div.story_1 div.photo_frame div,
div.childrens_stories div.story_container div.story_2 div.photo_frame div,
div.childrens_stories div.story_container div.story_3 div.photo_frame div,
div.childrens_stories div.story_container div.story_4 div.photo_frame div{
	background: #000000;
	position: absolute;
	top: 11px;
	left: 10px;
	width: 173px;
	height: 134px;
}

div.childrens_stories div.story_container div.story_1 div.photo_frame img,
div.childrens_stories div.story_container div.story_2 div.photo_frame img,
div.childrens_stories div.story_container div.story_3 div.photo_frame img,
div.childrens_stories div.story_container div.story_4 div.photo_frame img{
	z-index: 0;
}

div.childrens_stories div.story_container div.story_1 div.photo_frame img.glass,
div.childrens_stories div.story_container div.story_2 div.photo_frame img.glass,
div.childrens_stories div.story_container div.story_3 div.photo_frame img.glass,
div.childrens_stories div.story_container div.story_4 div.photo_frame img.glass{
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/childrens_stories/skh_lokyiu_story_photo_bg_glass.png);
	width: 173px;
	height: 133px;
	z-index: 1;
	display: none;
}

div.childrens_stories div.story_container div.story_1 div.play_rollout,
div.childrens_stories div.story_container div.story_2 div.play_rollout,
div.childrens_stories div.story_container div.story_3 div.play_rollout,
div.childrens_stories div.story_container div.story_4 div.play_rollout{
	position: relative;
	top: 0px;
	left: -3px;
	background-image: url(../images/childrens_stories/zh_hk/skh_sub_story_btn_rollout.jpg);
	width: 142px;
	height: 30px;
	cursor: pointer;
}

div.childrens_stories div.story_container div.story_1 div.play_rollover,
div.childrens_stories div.story_container div.story_2 div.play_rollover,
div.childrens_stories div.story_container div.story_3 div.play_rollover,
div.childrens_stories div.story_container div.story_4 div.play_rollover{
	position: relative;
	top: 0px;
	left: -3px;
	background-image: url(../images/childrens_stories/zh_hk/skh_sub_story_btn_rollover.jpg);
	width: 142px;
	height: 30px;
	cursor: pointer;
}

div.childrens_stories div.story_container div.story_1 div.line,
div.childrens_stories div.story_container div.story_2 div.line,
div.childrens_stories div.story_container div.story_3 div.line,
div.childrens_stories div.story_container div.story_4 div.line{
	width: 720px;
	height: 4px;
}
div.childrens_stories div.story_container div.story_1 div.line{
	background-image: url(../images/childrens_stories/skh_lokyiu_blueline.jpg);
	background-repeat: no-repeat;
}

div.childrens_stories div.story_container div.story_2 div.line{
	background-image: url(../images/childrens_stories/skh_lokyiu_pinkline.jpg);
	background-repeat: no-repeat;
}

div.childrens_stories div.story_container div.story_3 div.line{
	background-image: url(../images/childrens_stories/skh_lokyiu_orangeline.jpg);
	background-repeat: no-repeat;
}

div.childrens_stories div.story_container div.story_4 div.line{
	background-image: url(../images/childrens_stories/skh_lokyiu_blueline.jpg);
	background-repeat: no-repeat;
}

div.childrens_stories div.story_container div.story_1 span.name,
div.childrens_stories div.story_container div.story_2 span.name,
div.childrens_stories div.story_container div.story_3 span.name,
div.childrens_stories div.story_container div.story_4 span.name{
	position: absolute;
	top: 13px;
	left: 227px;
	font-size: 17px;
}

div.childrens_stories div.story_container div.story_1 span.name{
	color: #25B4FB;
}

div.childrens_stories div.story_container div.story_2 span.name{
	color: #FB8AC2;
}

div.childrens_stories div.story_container div.story_3 span.name{
	color: #FFA811;
}

div.childrens_stories div.story_container div.story_4 span.name{
	color: #25B4FB;
}

div.childrens_stories div.story_container div.story_1 div.content_container,
div.childrens_stories div.story_container div.story_2 div.content_container,
div.childrens_stories div.story_container div.story_3 div.content_container,
div.childrens_stories div.story_container div.story_4 div.content_container{
	left:228px;
	position:relative;
	top:-185px;
	width:500px;
}

div.childrens_stories div.story_container div.story_1 div.content_container p.content,
div.childrens_stories div.story_container div.story_2 div.content_container p.content,
div.childrens_stories div.story_container div.story_3 div.content_container p.content,
div.childrens_stories div.story_container div.story_4 div.content_container p.content{
	margin-bottom: 10px;
	position:relative;
	line-height: 25px;
}

div.childrens_stories div.bottom{
	/*background-image: url(/stories/images/childrens_stories/skh_sub_line2.jpg);*/
	background-image: url(../images/childrens_stories/skh_logo.jpg);
	/*width: 697px;*/
	width: 715px;
	/*height: 27px;*/
	height: 138px;
}

div.childrens_stories div.sponsors{
	position:relative;
}

div.childrens_stories div.sponsors img{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	/* position:relative; */
	top: 0px;
}

div.childrens_stories div.sponsors span{
	margin-left: 6px;
}


div.childrens_stories table.sponsors img{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	top: 0px;
}

div.childrens_stories table.sponsors span{
	margin-left: 6px;
}