﻿/**** Common Setting ****/
body {
	margin:0px;
	padding:0px;
}

form {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

img {
	border:0px;
	display:block;
}

a {
	font-size:14px;
	color: #528D06;
	text-decoration:underline;
}

p, td, li {
	font-family: Arial, 中黑體;
	font-size: 13px;
	color: #2E2E2E;
}	/*font-family:中黑體,新細明體,Helvetica,Georgia;*/

p, a, td, img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

table {
	border:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-collapse:collapse;
}

ul, ol {
	margin:0px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	* padding:0px 0px 0px 8px;
}

li {
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
}

p.para {
	margin-top:10px;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}

/*
.btn {
	cursor:pointer;
}
*/

div.clear {
	clear:both;
}

/*** Header Content ***/
div.header_content {
	position:relative;
	width:1000px; height:100%;
	margin:0px auto 0px auto;
	text-align:left;
}

div.header_content div.fb_yt_icon{
	position: absolute;
	top: 46px; left: 780px;
	width:80px;
	text-align:right;
}

div.header_content div.lang {
	position:absolute;
	top:55px; left:855px;
	width:150px;
}

div.header_content div.lang,
div.header_content div.lang a {
	color:#fff;
}

/* Footer */
div.ff_footer_main {
	margin:0 auto;
	width:1000px;
	text-align:left;
	margin-top:20px;
}

div.link,
div.link  a,
div.copyright,
div.copyright a{
	color:#fff;
	text-decoration:none;
}

div.copyright a{
	font-size: 13px;
}

div.copyright a:hover{
	text-decoration: underline;
}

div.wisegiving_logo{
	position: absolute;
	top: 1px;
	left: 1334px;
	background-image: url(../images/wisegiving_logo.jpg);
	width: 166px;
	height: 65px;
}

/* Subpage body */
body {
	background:none;
}

div.box_main div.box_left,
div.box_main div.box_right {
	position:relative;
	float:left;
}

div.box_main div.box_left {
	width:244px;
	margin-top:60px;
	background-image:url(../images/skh_sub_cloud_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
}

div.box_main div.box_right {
	width:775px;
	margin-top:20px;
}

/*** Box Left fw_XXXX ***/
div.box_left div.fw_common_bg {
	position: relative;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/skh_sub_muen_repeat.jpg);
	background-repeat:repeat-y;
}

div.box_left div.fw_common_bg div.fw_relative {
	position:relative; z-index:1;
}

div.box_left div.fw_common_bg div.fw_absolute_top_bg {
	position:absolute;
	width:100%; height:444px;
	top: 0px;
	background-image:url(../images/skh_sub_muen1.jpg);
	background-repeat:no-repeat;
}

div.box_left div.fw_common_bg div.fw_absolute_bottom {
	position:absolute;
	width:100%;  height:1px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.box_left div.fw_common_bg div.fw_absolute_bottom div.fw_absolute_bottom_bg {
	position:absolute;
	width:100%; height:9px;
	top:-9px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image: url(../images/skh_sub_muen_footer.jpg);
	background-repeat:no-repeat;
}

div.ff_footer_wrapper div.bottom_shadow{
	background:url(../images/slice_sub_footer2.jpg) no-repeat;
	width:1006px; height:321px;
	position:absolute;
	top:-319px; left:0px;
	z-index: -1;
}


div.ff_footer_wrapper div.bottom_shadow2{
	width:1006px; height:321px;
	position: absolute;
	top: -319px;
	left: 0px;
	z-index: -1;
}


/*** Subpage Menu ***/
div.subpage_menu{
	position:relative;
}

div.subpage_menu div.title {
	position:relative;
	height:100px;
}

div.subpage_menu div.title p {
	position:absolute;
	top:32px; left:36px;
	font-size: 16px;
	color:#FFFFFF;
	width:200px;
}


/* Subpage Menu -> nav */
div.subpage_menu div.nav_item_rollout,
div.subpage_menu div.nav_item_rollover,
div.subpage_menu div.nav_item_highlighted{
	position:relative;
	width:223px;
	height:25px;
}

div.subpage_menu div.nav_item_big{
	position:relative;
	width:223px;
	height: 52px;
}

div.subpage_menu div.nav_item_big,
div.subpage_menu div.nav_item_rollout,
div.subpage_menu div.nav_item_rollover
div.subpage_menu div.nav_item_highlighted{
	cursor:pointer;
}

div.subpage_menu div.nav_item_big,
div.subpage_menu div.nav_item_rollout,
div.subpage_menu div.nav_item_rollover,
div.subpage_menu div.nav_item_highlighted{
	margin-left:21px
}

div.subpage_menu div.nav_item_big a.main,
div.subpage_menu div.nav_item_rollout a.main,
div.subpage_menu div.nav_item_rollover a.main,
div.subpage_menu div.nav_item_highlighted a.main{
	position:relative;
	top:3px; left:20px;
	text-decoration:none;
	font-size:15px;
	color:#0a4983;
}

div.subpage_menu div.nav_item_big a.main:hover,
div.subpage_menu div.nav_item_rollout a.main:hover,
div.subpage_menu div.nav_item_rollover a.main:hover,
div.subpage_menu div.nav_item_highlighted a.main:hover{
	color:#00aaff;
}

div.subpage_menu div.nav_item_rollover,
div.subpage_menu div.nav_item_highlighted{
	background-image:url(../images/blog/skh_sub_muen_cag_rollover.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

div.subpage_menu div.nav_item_big_rollover,
div.subpage_menu div.nav_item_big_highlighted{
	background-image:url(../images/blog/skh_sub_muen_cag_big.jpg);
}

/* Subpage Menu -> sub_nav */
div.subpage_menu div.sub_nav_top,
div.subpage_menu div.sub_nav_bottom{
	background:url(../images/blog/skh_sub_muen_line.jpg) no-repeat;
	width:220px; height:5px;
}

div.subpage_menu div.sub_nav_content{
	background:url(../images/blog/skh_sub_muen_line_repeat.jpg) repeat-y;
	width:220px;
}

div.subpage_menu div.sub_nav_content span.sub_nav_link_rollout,
div.subpage_menu div.sub_nav_content span.sub_nav_link_rollover,
div.subpage_menu div.sub_nav_content span.sub_nav_link_highlighted{
	width:170px;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:17px;
	margin-left:8px;
}

div.subpage_menu div.sub_nav_content span.sub_nav_link_rollover,
div.subpage_menu div.sub_nav_content span.sub_nav_link_highlighted{
	background:url(../images/blog/skh_sub_muen_subcag_highlight_rollover.jpg) no-repeat left center;
}

div.subpage_menu div.sub_nav_content{
	cursor:pointer;
}

div.subpage_menu div.sub_nav_top,
div.subpage_menu div.sub_nav_content,
div.subpage_menu div.sub_nav_bottom{
	margin-left:24px;
}

div.subpage_menu div.sub_nav_content a{
	color:#fff;
	text-decoration:none;
	font-size: 13px;
}	/* font-size:12px; */

div.subpage_menu div.sub_nav_content{
	* margin-top: -10px;
}

/* Subpage Menu -> sub_sub_nav */
div.subpage_menu div.sub_sub_nav_top,
div.subpage_menu div.sub_sub_nav_bottom{
	background:url(../images/blog/skh_sub_muen_line.jpg) no-repeat;
	width:220px; height:5px;
}

div.subpage_menu div.sub_sub_nav_content{
	background:url(../images/blog/skh_sub_muen_line_repeat.jpg) repeat-y;
	width:220px;
}

div.subpage_menu div.sub_sub_nav_content span.sub_sub_nav_link_rollout,
div.subpage_menu div.sub_sub_nav_content span.sub_sub_nav_link_rollover,
div.subpage_menu div.sub_sub_nav_content span.sub_sub_nav_link_highlighted{
	width:170px;
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:17px;
	margin-left:16px;
}

div.subpage_menu div.sub_sub_nav_content span.sub_sub_nav_link_rollover,
div.subpage_menu div.sub_sub_nav_content span.sub_sub_nav_link_highlighted{
	background:url(../../common/images/skh_sub_muen_subsubcag_highlight_rollover.jpg) no-repeat left center;
	color: #FFFFFF;
	text-decoration: underline;
}

div.subpage_menu div.sub_sub_nav_content{
	cursor:pointer;
}

div.subpage_menu div.sub_sub_nav_top,
div.subpage_menu div.sub_sub_nav_content,
div.subpage_menu div.sub_sub_nav_bottom {
	margin-left:24px;
}

div.subpage_menu div.sub_sub_nav_content a{
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

/*** Search Block ***/
div.box_left div.search_block {
	text-align:right;
}

div.box_left div.search_block img.title {
	margin:0px 0px 0px auto;
}

div.box_left div.search_block div.search_bg {
	margin:0px 0px 0px auto;
	width:221px; height:81px;
	background-image:url(../images/blog/slice_sub_Lok-yiu_blog3_22.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

div.box_left div.button {
	width:210px;
	margin:0px 0px 0px auto;
}

div.box_left div.button {
	margin-left:35px;
	margin-top:15px;
	position:relative;
	width:192px;
	z-index: 1;
}

img.top_left_shadow,
img.top_right_shadow {
	position:absolute;
	top: 460px;
}

img.top_left_shadow {
	left:0px;
}

img.top_right_shadow {
	left:234px;
}

/* search function input text box */
div#searchform {
	position:relative;
}

div#searchform input#search,
div#searchform input#serach_text_btn {
	position:absolute;
	top:10px;
}

div#searchform input#search {
	left:15px;
}

div#searchform input#serach_text_btn {
	left:170px;
}

/*** Box Right ***/
div.box_right div.right_content {
	width:741px;
	background-color:#fff;
	padding-top:13px;
	z-index: 1;
}

/* block title */
div.blog_title {
	background:url(../images/blog/skh_sub_bluetag.png) no-repeat;
	width:236px; height:50px;
	position:relative;
	left:-8px;
	color:#fff;
	font-size:25px;
	padding-left:15px;
	padding-top:5px;
	z-index: 10;		font-size:20px;
}

div.blog_title_long{
	background:url(../../common/images/skh_sub_bluetag_long.png) no-repeat;
	width:314px;
	height:51px;
	position:relative;
	left:-8px;
	color:#fff;
	font-size:20px;
	padding-left:15px;
	padding-top:8px;
	z-index: 10;
}

div.right_content div.blog_title {
	float:left;
}

/*
div.right_content img.download_btn1,
div.right_content img.download_btn2 {
	float:right;
	display:inline;
}
*/

div.right_content img.download_btn1{
	position: absolute;
	top: 340px;
	/*left: 385px;*/
	left: 345px;
}

div.right_content img.download_btn2{
	position: absolute;
	top: 340px;
	left: 545px;
}

div.container{
	width: 710px;
}

div.p{
	margin-bottom: 20px;
}

p.common_page_title{
	color: #0584CF;
	font-size: 16px;
	margin-bottom: 17px;
}

p.common_big_title{
	margin-bottom: 10px;
	font-size: 16px;
	color: #ADA9A9;
}

p.common_sub_title{
	font-size: 15px;
	color: #0584CF;
}

p.common_title{
	font-size: 15px;
	color: #0584CF;
	margin-top:
	margin-bottom: 5px;
}

span.common_content,
p.common_content{
	font-size:13px;
	line-height:25px;
	width:690px;
}

div.p ul,
div.p ol{
	line-height:25px;
	margin-top:4px;
	width:690px;
}

div.p ul li,
div.p ol li{
	font-size:13px;
}

div.line,
img.line{
	margin-bottom: 20px;
}

img.readmore{
	margin-bottom: 20px;
}

span.list,
a.list{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: transparent url(/common/images/skh_home_box2_topic_bullet.jpg) no-repeat scroll 0px 6px;
	display:block;
	padding-left:30px;
	padding-top:0;
	text-decoration:none;
}

span.b_list,
a.b_list{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/common/images/skh_lokyiu_bullet1.jpg) no-repeat scroll 0 2px;
	display:block;
	padding-left:30px;
	padding-top:0;
	text-decoration:none;
}

div.navbar_container{
	width: 100%;
}

div.navbar_container table{
	right: 0px;
	position:absolute;
}

div.navbar_container table td.page{
	background-image: url(/common/images/slice_sub_page_box.jpg);
	width: 18px;
	text-align: center;
}

div.navbar_container table td.page a{
	text-decoration: none;
	color: #0584CF;
}

div.nb_btn_previous_rollout,
div.nb_btn_previous_rollover,
div.nb_btn_next_rollout,
div.nb_btn_next_rollover{
	width: 22px;
	height: 23px;
	cursor: pointer;
	width: 30px;
	background-repeat: no-repeat;
}

div.nb_btn_previous_rollout{
	background-image: url(/common/images/skh_sub_page_left_rollout.jpg);
	background-position: left;
}

div.nb_btn_previous_rollover{
	background-image: url(/common/images/skh_sub_page_left_rollover.jpg);
	background-position: left;
}

div.nb_btn_next_rollout{
	background-image: url(/common/images/skh_sub_page_right_rollout.jpg);
	background-position: right;
}

div.nb_btn_next_rollover{
	background-image: url(/common/images/skh_sub_page_right_rollover.jpg);
	background-position: right;
}

div.nb_btn_previous_rollout a,
div.nb_btn_previous_rollover a,
div.nb_btn_next_rollout a,
div.nb_btn_next_rollover a{
	text-decoration: none;
}
div.box_main div.links{margin-left: 0px;}
div.box_main div.links div.common{line-height:25px;}
div.box_main div.links div.common a,div.box_main div.links div.common a:hover{text-decoration:none;}
