/* CSS Document */
@import "jquery.fancybox.css";
@import "jcarousel.basic.css";
@import "jquery.mmenu.all.css";
@import "jcf.css";
#homeVisualWrap{ position:relative;}
#homeVisualWrap #mainVisual{ margin-bottom:0;}
#home_visual_pager{ position:absolute; bottom:20px; text-align:center; width:100%; z-index:100;}
#home_visual_pager a{ display:inline-block; width:20px; color:#FFF; height:20px; position:relative; margin:0 5px;}
#home_visual_pager a:before{ content:""; position:absolute; width:10px; height:10px; left:50%; margin-left:-5px; top:50%; margin-top:-5px; border-radius: 50%; border:1px solid #FFF;}
#home_visual_pager a.cycle-pager-active:before{ background-color:#FFF;}
#mainVisual{ position:relative; max-height:700px; overflow:hidden; margin-bottom:30px;}
#mainVisual .slideitem {width:100%;}
#mainVisual .slideitem.filter:before{
	background: rgba(0, 0, 0, 0) linear-gradient(45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.62) 3%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
#mainVisual .slideitem .img{line-height:0;}
#mainVisual .slideitem .img img{ width:100%; }
#mainVisual .slideitem .info{
	width:580px;
	position:absolute;
	bottom:10%;
	left:5%;
	color:#FFF;
}
#mainVisual .slideitem .info h2{
	font-family:OxfamGlobalHeadlineRegular, Microsoft JhengHei;
	font-size:46px;
	line-height:48px;
	padding-bottom:20px;
	color:#fff;
}
#mainVisual .slideitem .info p{ font-size:22px; line-height:28px; font-weight:700; padding-bottom:20px; }
#mainVisual .slideitem .info .btn_more{
	display:inline-block;
	border:3px solid #fff;
	padding:5px;
	color:#FFF;
	font-weight:700;
	border-radius: 3px;
	font-size:18px;
}
article.info{font-family:Microsoft JhengHei;}
#mainVisual .slideitem .info .btn_more:hover{ opacity:0.75;}
#mainVisual .slideitem .caption{ padding:20px; text-align:center;}
#mainVisual .slideitem .caption h2{ font-size:22px;	line-height:30px; color:#626262;	padding-bottom:20px;}
#mainVisual .slideitem .caption p{}

#widget_block_1{ display:table; width:100%; table-layout:fixed;}
#widget_block_1 .widget_wrap{ width:64%; display:table-cell; padding:50px 0;}
#widget_block_1 .widget_wrap .widget_wrap_inner{ display:table; table-layout:fixed; width:100%;}
#widget_block_1 .widget_wrap  .widget_item{
	width: calc(100%/4);
	display:table-cell;
	text-align:center;
}
#widget_block_1 .widget_wrap  .widget_item > span{ display:block;}
#widget_block_1 .widget_wrap  .widget_item > span.img{ padding-bottom:10px; min-height:100px; }
#widget_block_1 .widget_wrap  .widget_item .txt{ font-family:OxfamGlobalHeadlineRegular, Microsoft JhengHei; color:#61a534; font-size:26px; line-height:34px; padding:0 5px; text-align:center;}
#widget_block_1 .widget_wrap  .widget_item:hover .txt{color:hsl(96, 52%, 35%);}
#make_a_donation{ width:36%; padding:70px 2% 70px 0;display:table-cell; vertical-align:middle;}
#make_a_donation > img{ width:90%; }

#widget_block_2{ padding:70px 0;}
#widget_block_2 .widget_item{ 
	float:left;
	width:calc(100%/3);
	text-align:center;
	padding:0 30px;
}
#widget_block_2 .widget_item > a{
	font-family:OxfamGlobalHeadlineRegular, Microsoft JhengHei;
	font-size:26px;
	line-height:34px;
	color:#0c884a;
	display:block;
	padding:20px 10px;
	text-transform: uppercase;
}

/*home latest news*/
#home_latestnews_zone{
	margin-top:60px;
	background-color:#f0f0f0;
	max-height:600px;
}
#home_latestnews, #home_features{ 
	position:relative;
	margin-right: auto;
	margin-left: auto;
	max-width:1200px;	
}
#home_latestnews{ /*max-height:560px;*/}
#home_latestnews .hd{
	position:absolute;
	top:-60px;
	left:15px;
	height:60px;
	line-height:60px;
	background: url(../../images/common/home/bg_features_site.jpg) 0 0 no-repeat;
	font-family:OxfamGlobalHeadlineRegular, Microsoft JhengHei;
	font-size:30px;
	color:#FFF;
	text-align:center;
	width:280px;
}
#home_latestnews_main{ padding:30px 0;}
#home_latestnews_main .newsitem{
	width: calc(100%/3);
	padding:0 15px;
	float:left;	
}
#home_latestnews_main .newsitem .img{ max-height:300px; display:table; width:100%; overflow:hidden;}
#home_latestnews_main .newsitem .img span{ display:table-cell; vertical-align:middle; line-height:0;}
#home_latestnews_main .newsitem .img img{ width:100%;}
#home_latestnews_main .newsitem  article{background-color:#FFF; height:100%;}
#home_latestnews_main .newsitem  .caption{
	padding:15px;
	font-size:17px;
	line-height:24px;
	/*min-height:200px;*/
	overflow:hidden;
}
#home_latestnews_main .newsitem  .caption h3, #home_latestnews_main .newsitem  .caption h3 a{ color:#0c884a; font-size:22px; line-height:30px; padding-bottom:15px; margin-top:0;}

/*home latest news ends*/

/*home features*/
#home_features_zone{
	margin-top:60px;
	background-color:#f0f0f0;
}
#home_features{ 
	max-height:272px;
}
#home_features .hd{
	position:absolute;
	width:280px;
	top:-60px;
	left:15px;
	height:60px;
	line-height:60px;
	background: url(../../images/common/home/bg_features_site.jpg) 0 0 no-repeat;
	font-family:OxfamGlobalHeadlineRegular, Microsoft JhengHei;
	font-size:30px;
	color:#FFF;
	text-align:center;
}
#home_features_main{ padding:30px 0;}
#home_features_main .feature_item{
	width: calc(100%/3);
	padding:0 15px;
	float:left;	
}
#home_features_main .feature_item a{ display:block; text-align:center; font-size:0;}
#home_features_main .feature_item img{ max-width:100%; max-height:210px; width:100%;/* height:210px;*/}
/*home features ends*/

#home_media{ padding:70px 10px;}
/*#home_video_wrap{ 
	height:472px;
	width:calc(100% - 328px);
	float:left;
}*/

#home_video_wrap{
	width:calc(100% - 328px);
	float:left;
	position:relative;
	height:472px;
	overflow:hidden;}
#home_video_wrap iframe, #home_video_wrap object, #home_video_wrap embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#home_fb_wrap{ 
	height:472px;
	width:298px;
	margin-left:30px;
	float:right;
}


.fb-page, .fb-page iframe[style], .fb-page span, .fb-page.fb_iframe_widget span iframe,  .fb-page.fb_iframe_widget span iframe div, iframe.fb_ltr  {
   /* width: 100% !important;*/
}
.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
   /* width: 100% !important; */
}

#home_fb_wrap > div{ width:100%;}
.btn_arrow{ width:70px; height:70px; position:absolute; font-size:70px; line-height:70px; color:#FFF; z-index:100; text-align:center;}
.btn_arrow i{ position:relative; z-index:200;}
.btn_arrow:after{ content:""; position:absolute; width:70px; height:70px; background-color:#e65e9e; opacity:0.9; left:0; top:0; z-index:10;}
#prev_news, #prev_features{ left:-20px;}
#next_news, #next_features{ right:-20px;}
#home_latestnews .btn_arrow, #home_features .btn_arrow{ top:50%; margin-top:-35px;}

/*content css starts*/
#breadcrumb{ padding:15px 0;}
#breadcrumb a{ color:#b2b2b2; line-height:155%;}
#breadcrumb li {
    display: inline-block;
    padding: 0 0 0 15px;
    position: relative;
    vertical-align: top;
		margin-right:10px;
}
#breadcrumb li::after {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #50af47;
    border-top: 5px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 6px;
    width: 0;
}
#breadcrumb li:first-child {
    padding: 0;
}
#breadcrumb li:first-child::after {
    display: none;
}
#contentWrap{ padding-bottom:50px;}
#contentWrap a{ color:#0c884a;}
#contentWrap a:hover{ text-decoration:underline;}
h1{ color:#0c884a; font-size:30px; margin:0 0 25px; line-height:110%;}
#content h2{ color:#61a534; font-size:30px; margin:20px 0;}
#content{ font-size:17px; line-height:24px;}
#content p{ padding-bottom:20px;}
.footnote{ padding: 0 0 20px; color:#b2b2b2; font-size:14px;}
#content .footnote p{ padding:0;}
.tags{ color:#b2b2b2; font-size:14px; padding:20px 0;}

/*widget blocks*/
#widgetBlks{ margin:20px 0 30px; line-height:24px; font-size:17px;}
#widgetBlks h2{ color:#FFF; font-size:20px; position:relative; margin:0;}
#widgetBlks h2 span{ display:table-cell; padding:8px 20px; display:table-cell; vertical-align:middle; height:35px;}
#widgetBlks h2 .btn{ display:none; position:absolute; height:35px; width:35px; right:0; top:0;}
#widgetBlks h2 .btn::after{
	border-left: 6px solid transparent;
	border-top: 6px solid #FFFFFF;
	border-right: 6px solid transparent;
	content: "";
	height: 0;
	left: 10px;
	position: absolute;
	top: 50%;
	margin-top:-5px;
	width: 0;	
	display:none;
}
#widgetBlks h2.opened .btn::after{
	border-top:none;
	border-bottom: 6px solid #FFFFFF;
}
#widgetBlks > div:first-child{ margin-left:0;}
#widgetBlks > div{ float:left; width:calc((100% - 62px)/3); margin-left:30px;}
#widgetBlks .main{ padding:12px 20px; min-height:100px;}
#widgetBlks .gallery .main{ padding:12px 25px;}
#widgetBlks .main img{ max-width:100%;}
#widgetBlks .main p{ padding-bottom:20px;}
#widgetBlks .main p:last-child{ padding-bottom:0;}
#widgetBlks .widgetItem{ margin-bottom:30px; border:3px solid #61a534;}
#widgetBlks .widgetItem  h2{ background-color:#61a534;}
#widgetBlks .widgetItem.fix{ clear:both; margin-left:0;}

#widgetBlks .widgetItem.relatedlinks{ border:3px solid #61a534; }
#widgetBlks .widgetItem.relatedlinks h2{ background-color:#61a534;}
#widgetBlks .widgetItem.donation{ border:3px solid #f16422}
#widgetBlks .widgetItem.donation h2{ background-color:#f16422;}
#widgetBlks .widgetItem.photos{border:3px solid #0c884a; }
#widgetBlks .widgetItem.photos h2{ background-color:#0c884a;}
#widgetBlks .widgetItem.banner{border:3px solid #fbc43a; }
#widgetBlks .widgetItem.banner h2{ background-color:#fbc43a;}
#widgetBlks .widgetItem.fb-widget, #widgetBlks .widgetItem.readmore{ border:3px solid #0b9cda}
#widgetBlks .widgetItem.fb-widget h2, #widgetBlks .widgetItem.readmore h2{ background-color:#0b9cda;}
#widgetBlks .widgetItem.highlights{ border:3px solid #e70052}
#widgetBlks .widgetItem.highlights h2{ background-color:#e70052;}
#widgetBlks .widgetItem.fb-widget iframe, #widgetBlks .widgetItem.readmore iframe{ z-index:10;}


#widgetBlks .photo .main{ font-size:0;}
#widgetBlks a.donate_link{ color:#fbc43a; font-size:18px; font-weight:700; display:block; padding:10px 0;}
#widgetBlks a.donate_link:hover{ color:#ffb20c;}
#widgetBlks ul li:first-child{ margin-top:0;}
#widgetBlks ul li{position: relative; padding-left:15px; margin-top:5px;}
#widgetBlks ul li::after{
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	background-color:#0c884a;
	top:10px;
	left:0;
	border-radius:50%;
}
#widgetBlks .widgetItem.relatedLinks{}
#widgetBlks .widgetItem.donation{}
#widgetBlks .widgetItem.donation .main{ position:relative; /*padding-bottom:60px*/}
#widgetBlks .widgetItem.donation .main a.donate_link{ position:absolute; bottom:20px;}
#widgetBlks .widgetItem.donation .main a.donate_link:hover{ text-decoration:none;}
#widgetBlks .widgetItem.banner{}
#widgetBlks .widgetItem.banner .main{line-height:0; padding:0 20px!important;}
#widgetBlks .widgetItem.banner .main a{ margin-bottom:0!important; }
#widgetBlks .widgetItem.readmore .main{ padding:5px 0;}
#widgetBlks .widgetItem.readmore .main .fb-like-box{ width:200px; height:300px; margin:0 auto;}
#widgetBlks .widgetItem.readmore .main img{}

#widgetBlks .widgetItem.photos .gallery_wrap, #widgetBlks .widgetItem.donation .gallery_wrap{ overflow:hidden; /* margin-bottom:40px;*/}
#widgetBlks .widgetItem.donation .gallery_wrap a span.img{}
#widgetBlks .widgetItem.donation .gallery_wrap a span.txt{ display:block; text-align:left;}
#widgetBlks .widgetItem.gallery .gallery_wrap .gallery_item{ display:none; text-align:center; width:100%;}
#widgetBlks .widgetItem.gallery .gallery_wrap .gallery_item > a{ display:table; width:100%; padding-bottom:10px;}
#widgetBlks .widgetItem.gallery .gallery_wrap .gallery_item a span.img, #widgetBlks .widgetItem.donation .gallery_wrap .gallery_item a span.img span{ display:table-cell; vertical-align:middle; line-height:0; text-align:center;}
#widgetBlks .widgetItem.donation .gallery_wrap .gallery_item a span.img{ display:table; width:100%; padding-bottom:10px;}
#widgetBlks .widgetItem.photos .gallery_wrap .gallery_item a, #widgetBlks .widgetItem.donation .gallery_wrap .gallery_item a{height:150px;}
#widgetBlks .widgetItem.photos .gallery_wrap .gallery_item a span.img, #widgetBlks .widgetItem.donation .gallery_wrap .gallery_item a span.img{ height:150px; }
#widgetBlks .widgetItem.gallery .gallery_wrap .gallery_item a img{ max-height:150px;}
#widgetBlks .widgetItem.gallery .gallery_wrap .gallery_item .caption{ text-align:left;}
#widgetBlks .widgetItem.gallery .main{ position:relative; overflow:hidden; min-height:240px;}
#widgetBlks .widgetItem.gallery .main .btn_nav{ width:25px; height:30px; position:absolute; font-size:30px; line-height:30px; color:#FFF; z-index:100; text-align:center; position:absolute; top:50%; margin-top:-30px; color:#FFF!important; z-index:2000;}
#widgetBlks .widgetItem.gallery .main .btn_nav i{ position:relative; z-index:200;}
#widgetBlks .widgetItem.gallery .main .btn_nav:after{ content:""; position:absolute; width:25px; height:30px; background-color:hsl(0, 0%, 80%); left:0; top:0; z-index:10;}
#widgetBlks .widgetItem.gallery .main .btn_prev{ left:0;}
#widgetBlks .widgetItem.gallery .main .btn_next{ right:0;}
#widgetBlks .widgetItem.gallery .main .btn_nav:hover{ opacity:0.65;}
#widgetBlks .cycle-slide-active{ z-index:1000!important;}
/*end widget blocks*/
#videoBlks .video_item{ width:calc((100% - 30px)/2); margin-left:30px; float:left; height:350px; margin-bottom:30px;}
#videoBlks .video_item:first-child, #videoBlks .video_item:nth-child(3){ margin-left:0;}

#social_medias{ text-align:right; position:relative; height:36px; margin-bottom:30px; z-index:500;}
#social_medias .btn_share{ display:none; border:2px solid #fcc43b;border-radius: 3px; color:#fcc43b; font-weight:700; padding:6px 10px;}
#social_medias .btn_share.active{ border-color:#dab861; color:#dab861; opacity:0; display:none!important;}
#social_medias .btn_share:hover{ text-decoration:none;}
#social_medias .btnswrap{ }
#social_medias .btnswrap > a, #wechat_wrap > a{ display:inline-block; width:36px; height:36px; background-position:0 0; background-repeat:no-repeat; text-indent:9999px; margin-right:10px; position:relative; background-size:contain; font-size:0;line-height:0; }
#social_medias .btnswrap a:hover{ opacity:0.9;}
#social_medias .btnswrap a:last-child{ margin-right:0;}
#social_medias .btnswrap a.sm_fb{ background-image: url(../../images/common/icon_fb.png);}
#social_medias .btnswrap a.sm_weibo{ background-image: url(../../images/common/icon_weibo.png);}
#social_medias .btnswrap a.sm_whatsapp{ background-image: url(../../images/common/icon_whatsapp.png); display:none;}
#social_medias .btnswrap a.sm_line{ background-image: url(../../images/common/icon_line.png); display:none;}
#social_medias .btnswrap a.sm_wechat{ background-image: url(../../images/common/icon_wechat.png); display:none;}
#social_medias .btnswrap a.sm_twitter{ background-image: url(../../images/common/icon_twitter.png);}
#social_medias .btnswrap a.sm_email{ background-image: url(../../images/common/icon_email.png);}
#wechat_wrap{ display:none;}
#wechat_popup{ display:none; position:absolute; width:280px; right:0; background-color:#f4f4f4; padding:10px 15px 10px 10px; border-radius:5px; font-size:13px;}
#wechat_popup input#wechat_link{ width:100%;}
#open_wechat{display:inline-block; border:2px solid #0c884a;border-radius: 3px; color:#0c884a; font-weight:700; padding:3px 5px;}
input#wechat_link{ margin:10px 0; border:1px solid #d2d2d2; height:28px;}
#open_wechat:hover{ text-decoration:none!important;}
#wechatpopup_close{ position:absolute; right:20px; top:0; z-index:510;}
#wechatpopup_close:before, #wechatpopup_close:after{content:'';border:2px solid transparent;display:block;width:25px;height:2px;margin:auto;position:absolute;top:0;bottom:0; left:8px; background-color:#656565;}
#wechatpopup_close:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
#wechatpopup_close:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}


/*table*/
table{ margin-bottom:20px;}
table th, table td{ vertical-align:top; padding:5px;}
.colorTable{ width:100%;}
.colorTable thead th{ border-bottom:3px solid #fcc43b; text-align:left;}
.colorTable thead.hidden_header th{ padding:0;}
.colorTable thead.hidden_header th.empty{ font-size:0; line-height:0;}
.colorTable th, .colorTable td{ padding:10px 30px;}
table th.date{ width:180px;}
table th.pubDate{ width:190px;}
.table_adaptive{ margin-bottom: 30px; overflow-x: auto; overflow-y: hidden; width: 99.99%;}
.table_adaptive table{ margin-bottom:0;}
.colorTable th.size{	text-align: center; width: 150px;}
table.alterColor > tbody > tr:nth-child(2n+1) td, table.alterTableColor > tbody > tr:nth-child(2n+1) td{ background-color:#f4f8f9;}

/*job vacancies*/
.jv_info{ margin-bottom:60px;}
.jv_info th.date{ /*width:166px;*/}
/*.jv_info table tbody tr:nth-child(2n+1) td{ background-color:#f4f8f9;}*/
.jv_info .na{ color:#838383;}

/*tab list */
#tabListsWrap{ margin-bottom:40px;}
#tabListsWrap h2{ margin-bottom:30px!important; font-size:22px!important; }
#tabListsWrapMain > ul{ padding-bottom:0; position:relative; width:230px; float:left; overflow-y:scroll; overflow-x:hidden; min-height:300px;}
#tabListsWrapMain > ul > li{ padding-bottom:5px; padding-left:0!important;}
#tabListsWrapMain > ul > li:before{ display:none!important;}
#tabListsWrapMain > ul > li span{ display:none;}
#tabListsWrapMain > ul > li > a{ display: block; width:220px; border-left:4px solid #b2b2b2; color:#b2b2b2!important; padding:15px; background-color:#f4f8f9; font-size:14px;} 
#tabListsWrapMain > ul > li > a:hover, #tabListsWrapMain > ul > li.selected > a{ text-decoration:none!important;color:#0c884a!important;}
#tabListsWrapMain > ul > li.selected > a{ font-size:17px; font-weight:700; }
#tabListsWrapMain > ul > li > .tabContent{ position:absolute; left:220px; top:0; width:calc(100% - 222px); display:none; /*opacity:0;*/ padding-left:70px;}
#tabListsWrapMain .tabcol_2{ width:calc((100%)/2); padding-right:20px; float:left;/* display:inline-block;*/ }
#tabListsWrapMain .tabcol_2:first-child{ margin-left:0;}
#tabListsWrapMain .tabContent h3{ color:#61a534; font-size:22px; padding-bottom:20px; margin-top:20px;}
#tabListsWrapMain .tabContent h3:first-child{ margin-top:0;}
#dummyTabContent{ width:calc(100% - 262px); float:right; padding-left:40px;}


/*tab menu*/
#tabMenuWrap{ margin:50px 0 20px; padding-top:60px; border-top:1px solid #c9cacb; position:relative;}
#tabMenuWrap.resource{ border-top:none; padding-top:0;}
#tabMenuWrap #tabMenuList{ width:280px; float:right; background-color:#f0f0f0; padding:10px 30px;}
#tabMenuWrap #tabMenuList > ul{ padding-bottom:0;}
#tabMenuWrap #tabMenuList.fixed{ position:fixed; top:20px; right:0; z-index:1000;}
#tabMenuWrap #tabMenuList.fixedBOT{ bottom:0; position:absolute; top:inherit;}
#tabMenuWrap #tabMenuList > ul > li{ border-top:1px solid #b2b2b2; /*padding-left:0!important;*/ position:relative;}
#tabMenuWrap #tabMenuList > ul > li:before{ display:none;}
#tabMenuWrap #tabMenuList > ul > li:first-child{ border-top:none;}
#tabMenuWrap #tabMenuList > ul > li > a{ display:block; padding:15px 0; color:#3c3c3c!important;}
#tabMenuWrap #tabMenuList > ul > li > a:hover, #tabMenuWrap #tabMenuList > ul > li.selected > a{ color:#61a534!important; font-weight:700; text-decoration:none!important;}
#tabMenuList > ul > li > span{ display:inline-block; width:10px; height:10px; border-radius:50%; left:5px; top:22px; position:absolute; background-color:#0c884a;}
#tabMenuWrap #tabMenuList > ul > li > ul{ padding-bottom:10px;}
#tabMenuWrap #tabMenuList > ul > li > ul li{ list-style:none;}
#tabMenuWrap #tabMenuList > ul > li > ul li a{ display:block; position:relative; padding:0; }
#tabMenuWrap .tabContent{ width:calc(100% - 350px); float:left; min-height:400px;}
#tabMenuWrap .tabContent h3{ color:#61a534 ;}

#tabMenuWrap #tabMenuList > ul > li > ul li:before{ display:none;}
#tabMenuWrap #tabMenuList > ul > li > ul li a:before{	
	content: "";
	background-color:#0c884a;
	height:2px;
	top: 50%;
	left:-15px;	
	width: 5px;
	margin-top:-1px;
	position:absolute;	
}

#tabMenuList .oxfam-green > span{background-color:#61a534;}
#tabMenuList .dark-green > span{background-color:#0c884a;}
#tabMenuList .light-green > span{background-color:#bece45;}
#tabMenuList .yellow > span{background-color:#fbc43a;}
#tabMenuList .orange > span{background-color:#f16422;}
#tabMenuList .red > span{background-color:#e70052;}
#tabMenuList .burgundy > span{background-color:#630235;}
#tabMenuList .pink > span{background-color:#e43989;}
#tabMenuList .purple > span{background-color:#53297d;}
#tabMenuList .blue > span{background-color:#0b9cda;}

/*slideshow*/
.slideShowWrap{ overflow:hidden; margin-bottom:30px}
.slideShowWrap > .cycleslides{ height:200px; }
.slideShowWrap .slideitem { background-color:#f4f8f9; width:100%;}
.slideShowWrap .slideitem .img{ width:340px; float:left; line-height:0;}
.slideShowWrap .slideitem .img img{ width:100%;}
.slideShowWrap .slideitem .details{ width:calc(100% - 340px); padding:25px 30px; float:right;}
.slideShowWrap .slideitem .details h3{ color:#0c884a;}
.slideShowWrap .cycleControl{ width:100%; text-align:center; padding:25px;}
.slideShowWrap .cycleControl a{ display:inline-block; width:20px; color:#0c884a; height:20px; position:relative; margin:0 5px;}
.slideShowWrap .cycleControl a:before{ content:""; position:absolute; width:10px; height:10px; left:50%; margin-left:-5px; top:50%; margin-top:-5px; border-radius: 50%; border:1px solid #0c884a;}
.slideShowWrap .cycleControl a.cycle-pager-active:before{ background-color:#0c884a;}

.photoGallery{ position:relative; margin-bottom:30px;}
.photoGallery .galleryItem{ z-index:100;}
.photoGallery .galleryItem .imgOuter{ line-height:0; display:table; width:100%; table-layout:fixed;}
.photoGallery .galleryItem .imgInner{ display:table-cell; vertical-align:middle; text-align:center;max-height:450px; width:100%; line-height:0; height:450px; }
.photoGallery .galleryItem .imgInner img{ max-width:100%; max-height:100%; width:auto!important;}
.photoGallery .caption{ padding:15px 20px;}
.photoGallery .btn_photo{ width:60px; height:60px; position:absolute; font-size:60px; line-height:60px; color:#FFF; z-index:100; text-align:center;}
.photoGallery .btn_photo{ position:absolute; top:50%; margin-top:-30px; color:#FFF!important; z-index:200;}
.photoGallery .btn_photo i{ position:relative; z-index:200;}
.photoGallery .btn_photo:after{ content:""; position:absolute; width:60px; height:60px; background-color:hsl(0, 0%, 80%); left:0; top:0; z-index:10;}
.photoGallery .prev_photo{ left:0;}
.photoGallery .next_photo{ right:0;}
.photoGallery .photoNav{ color:#fff; text-align:center; position:absolute; width:100px; z-index:300; background-color:hsl(0, 0%, 80%); left:50%; margin-left:-50px;}


h2{ color:#61a534; font-size:30px; margin:20px 0; font-weight:700;}
h3{ color:#61a534; padding-bottom:20px; font-size:22px; margin-top:20px; font-weight:700;}
h4{ padding-bottom:20px; font-size:22px; font-weight:700;}
h5{ padding-bottom:20px; font-size:17px; line-height:20px; font-weight:700;}
h6{ font-size:15px; padding-bottom:10px; font-weight:700;}

p.h2{color:#61a534; font-size:30px; font-weight:700; padding-bottom:0!important; }
p.h3{color:#61a534; font-size:22px; font-weight:700;}
p.h4{font-size:22px; font-weight:700;}
p.h5{font-size:17px; line-height:20px; font-weight:700;}
p.h6{font-size:15px; font-weight:700;}

p.date{ color:#61a534; font-size:12px; font-style:italic; padding-bottom:0!important;}

ol{
	list-style-type: decimal;
	margin-left: 30px;
}
ol li{
	padding-left: 10px;
	margin-bottom: 15px;
}

#content ul{ padding-bottom:20px;}
#content ul > li { padding-left:20px; position:relative; margin-top:5px;}
#content ul > li:first-child{ margin-top:0;}
#content ul > li:before{
	content:"";
	position:absolute;
	width:3px;
	height:3px;
	background-color:#3c3c3c;
	top:10px;
	left:10px;
	border-radius:50%;
}
#content ul.column_2{ /*margin-bottom:30px;*/}
#content ul.column_2:before, #content ul.column_2:after {
	display: table;
	content: " ";
}
#content ul.column_2:after {
	clear: both;
}
#content ul.column_2 > li{ float:left; margin-top:0; width:50%; padding-right:20px;}
#content ul.column_2 > li.fix{ clear:both;}

#content img{ max-width:100%;}
#content .img_holder{ width:30%;}
#content .img_holder img{ width:100%;}
#content .fluidimg{width:100%; height:auto!important;}
#content .photo_caption{ padding:0 20px 30px; margin-top:-10px;}

/*press*/
.cateFilterWrap{ display:table; margin-bottom:20px;}
.cateFilterWrap .cate_txt{ display:table-cell; vertical-align:middle; padding-right:10px;}
.cateFilterWrap .cate_filter{ display:table-cell;}
.cateFilterWrap .cate_filter .select_filter{	position:relative; }

/*****pagination*******/
.pagination_wrap{ padding:20px 0 30px; text-align:center; margin-bottom:20px;}
.pagination{ display:inline-block;}
.pagination a {
	color: #b2b2b2!important;
	display: inline-block;
	margin-right: 5px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	line-height:24px;
	font-size:22px;
	background-position:50% 100%;
	background-repeat:no-repeat;
	background-size:contain;
	padding:0 10px;
}
.pagination a.selected, .pagination a:hover {
	color:#61a534 !important
}
.pagination a.prev_page.disable, .pagination a.next_page.disable{ display:none;}
/*****pagination ends*******/

.profileWrap{ position:relative; display:table; margin-top:70px; padding-top:50px; table-layout:fixed;}
.profileWrap:after{ content:""; width:70%; height:1px; background-color:#d2d2d2; position:absolute; top:0; left:50%; margin-left:-35%;}
.profileWrap:first-child{ padding-top:0; margin-top:0;}
.profileWrap:first-child:after{ display:none;}
.profileWrap .profile_img{ text-align:center; width:210px; line-height:0; display:table-cell; vertical-align:top; padding-right:40px;}
.profileWrap .profile_img img{ width:100%; border:1px solid #d2d2d2; padding:3px;}
.profileWrap .profile_details{ display:table-cell; vertical-align:top; padding-left:30px;}
.profileWrap .profile_details h3{ color:#3c3c3c!important;}

.index_lists_wrap:before, .index_lists_wrap:after {
	display: table;
	content: " ";
}
.index_lists_wrap:after {
	clear: both;
}
.index_lists_wrap .list_item{
	width:calc((100% - 60px)/3);	
	margin-bottom:30px;
	border:1px solid #b2b2b2;
	float:left;
	margin-left:30px;
}
.index_lists_wrap .list_item.fix{ margin-left:0;}
.index_lists_wrap .list_item .list_img{ height:240px; overflow:hidden; width:100%; line-height:0; display:table; background-color:#f0f0f0; table-layout:fixed; text-align:center;}
.index_lists_wrap .list_item .list_img a, .index_lists_wrap .list_item .list_img .img{ display:table-cell; vertical-align:middle; text-align:center; height:240px; font-size:0;}
.index_lists_wrap .list_item .list_img img{ max-height:100%; width:auto;/*  height:100%; */ /*height:240px*/;}
.index_lists_wrap .list_item .list_img > img{ max-height:240px;}
.index_lists_wrap .list_item .list_detail{ padding:20px; /*height:188px; */overflow:hidden;}
.index_lists_wrap .list_item .list_detail .hd{ font-size:22px; color:#0c884a;}
.index_lists_wrap .list_item .list_detail .hd + p{ }
.index_lists_wrap .list_item .list_detail p:last-child{ padding-bottom:0!important;}


.btnWrap{ text-align:center; padding:40px 0; clear:left;}
.btnWrap .btn_loadMore{
	display:inline-block;
	border:3px solid #f16e22;
	padding:5px 20px;
	color:#f16e22!important;
	font-weight:700;
	border-radius: 3px;
	font-size:18px;
}
.btnWrap .btn_loadMore:hover{ text-decoration:none!important; border-color:hsl(22, 88%, 45%); color:hsl(22, 88%, 45%)!important;}
.members{ padding-bottom:20px;}
.members h2{ font-size:22px!important;}

/*donate form*/
.colorBgBlk{ background-color:#f4f8f9; padding:20px; margin-bottom:50px;}
.donate_form .jcf-select-inline{ height:30px;}
.donate_form .jcf-select-inline .jcf-select-text{ height:30px; line-height:30px;}
.donate_form .btn_radio{ margin-right:10px;}
#content .btn_next{ color:#0c9cd9!important; text-transform:uppercase; border:1px solid #0c9cd9; padding:5px 10px;}
#content .btn_next:hover{/* text-decoration:none!important;*/}
.donateListWrap{ margin-bottom:50px;}
.donateListWrap .donate_list{ display:table; width:100%; table-layout:fixed; margin-bottom:20px; border-bottom:1px solid #d2d2d2;}
.donateListWrap .donate_list .list_img{ width:265px; display:table-cell; vertical-align:top; padding-right:20px; padding-bottom:20px; line-height:0; }
.donateListWrap .donate_list .list_img img{ width:100%;}
.donateListWrap .donate_list .list_detail{ position:relative; display:table-cell; vertical-align:top;}
.donateListWrap .donate_list .list_detail h3{ color:#0c884a;}
.donateListWrap .donate_list .list_detail .btn_next{ /*position:absolute; bottom:20px; left:0;*/ margin-bottom:20px; display:inline-block;}
.serv_bar_table{ color:#858585; margin-bottom:20px; width:500px;}
.index_lists_wrap .serv_bar_table{ width:100%;}
.serv_bar_table td{ padding:0 10px 10px 0; font-size:14px;}
.serv_bar_table .serv_bar {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #0c9cdb;
	height: 50px;
	padding: 0;
}
.serv_bar_table .serv_bar .serv_bar_act_g {
	background: #0c9cdb none repeat scroll 0 0;
	color: #ffffff;
	height: 48px;
	line-height:48px;
	padding-right:10px;
	text-align:right;
}
#donation_CaptchaDiv{ margin-bottom:10px; max-width:330px; max-height:60px; overflow:hidden;}
#donation_CaptchaDiv:before, #donation_CaptchaDiv:after {
	display: table;
	content: " ";
}
#donation_CaptchaDiv:after {
	clear: both;
}
#donation_CaptchaDiv > div{ float:left;}
input[name='fmsubmit']{ text-transform:uppercase; background:none;}
input[name='captcha']{ float:left;}
.donation_form_outer .btn_wrap input{ background:none;}

/*fancy box*/
#eNewsSigeUpForm{}
#eNewsSigeUpForm h2{ color:#61a534; font-size:22px; margin-bottom:20px;}
#eNewsSigeUpForm input[type="email"]{ width:99%;}
#eNewsSigeUpForm .form_input{ text-align:center;}
.btn_wrap{ width:100%;}
.btn_wrap .btn{ border:2px solid #0c884a; border-radius: 3px; color:#0c884a; font-weight:700; padding:6px 10px; display:inline-block;}
.btn_wrap .btn:hover{ color:hsl(150, 84%, 32%)!important; border-color:hsl(150, 84%, 32%); text-decoration:none!important;}
.btn_wrap.alignRight{ text-align:right;}

/*form*/
input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"] { height:40px; border:1px solid #b2b2b2; border-radius:3px; padding:5px;}
form .form_input{ margin-bottom:20px;}
.jcfform table td{ padding:0 10px 10px 0;}
.jcfform .jcfform_table{ width:100%; margin-bottom:20px;}
.jcfform .jcfform_table td{ }
.jcfform .jcfform_table .checkbox_others{ margin-left:10px;}
.jcfform .jcfform_table .checkbox_cell{ width:35px; vertical-align:middle;}
.red, .required{ color:#F00;}
.jcfform .jcf-radio + label, .jcfform .jcf-checkbox + label{ padding-left:5px; padding-right:40px;}

.jcf-radio + label[for=amount_3]{ padding-right:0;}
.donation_form .form_style1 table .jcf-radio + label[for=amount_3] input[type="text"]{ width:auto!important;}

#form_survey .form_input_blk{ margin-left:50px; padding-top:20px; margin-bottom:50px;}
#form_survey .form_input_blk textarea#express_comments{ width:100%; height:250px; resize:none; max-width:810px; border:1px solid #d2d2d2; border-radius:3px;}
.jcfform .radio_wrap, .label_radio{ display:inline-block; margin-bottom:5px;}

.rank_title{ width:310px;}
#input_occupation{ width:100%; max-width:810px; }
.jcf-select-address_cty, .jcf-select-address_dist{ width:100%; }
.jcf-select-address_cty{}
.not_robot_blk{ margin-bottom:30px;}
.two_inputs_row:before, .two_inputs_row:after {
	display: table;
	content: " ";
}
.two_inputs_row:after {
	clear: both;
} 
.two_inputs_row .input_wrap{width:calc((100% - 20px)/2); float:left; /*margin-bottom:15px;*/}
.two_inputs_row .input_wrap:nth-child(odd){ /*margin-left:0;*/}
.two_inputs_row .input_wrap input[type='text'],.input_wrap input[type='text']{ width:100%; margin-bottom:15px;}
.input_wrap{ float:left;/* margin-bottom:15px; margin-left:20px;*/ padding-right:20px; width:calc((100% - 20px)/2);}
.there_inputs_row .input_wrap{ width:calc((99.9% - 40px)/3); padding-right:0; margin-left:20px;}
.there_inputs_row .input_wrap:first-child{ margin-left:0;}
.there_inputs_row .input_wrap .jcf-select{ width:100%;}
.input_wrap:first-child{ margin-left:0;}
form table .form_left{ width:20%; word-wrap:break-word;}
.donation_form{ margin-bottom:20px; background-color:#f4f8f9; padding:20px;}
.donation_form .captcha_style{ width:200px;}
.donation_form_outer{ overflow-x:auto; padding-bottom:30px;}
.donation_form table td{ padding:5px; white-space:normal;}
.donation_form table table td:first-child{ padding-left:0;}
.input_wrap .jcf-select{ width:100%; margin-bottom:15px;}
.donation_form_outer .choices{ padding:10px 0;}
.donation_form table.changeDonation table{ width:100%;}


/*resources library*/
.publicationsList{ padding:30px 0;}
.publicationWrap{ margin-bottom:30px; background-color:#f4f8f9; padding:25px;}
.publicationWrap .details{ width:calc(100% - 250px); float:left; padding-right:20px;}
.publicationWrap .details h3{ color:#0c884a; margin-top:0;}
.publicationWrap .details h5{ font-weight:500; padding-bottom:12px;}
.publicationWrap .details .read ul:last-child{ padding-bottom:0!important;}
.publicationWrap .details .read ul li{ padding-left:0!important;}
.publicationWrap .details .read ul li::before{ display:none!important;}
.publicationWrap .img{ width:250px; float:right;}
.publicationWrap .img img{ width:100%;}


.imgContentBlk { background-color:#f4f8f9; width:100%; margin-bottom:30px;}
.imgContentBlk .img{ width:340px; max-width:340px; float:left; line-height:0;}
.imgContentBlk .img img{ width:100%;}
.imgContentBlk .details{ width:calc(100% - 340px); padding:25px 30px; float:right;}
.imgContentBlk .details h3{ color:#0c884a; margin-top:0;}

.past_issues_wrap{ padding:30px 0;}

#sitemap_wrap .sitemap > ul > li{ float:left; width:33.3%;}
#sitemap_wrap .sitemap > ul > li:before, #sitemap_wrap .sitemap > ul > li > ul > li:before{ display:none!important;}
#sitemap_wrap .sitemap > ul > li, #sitemap_wrap .sitemap > ul > li > ul > li{ padding-left:0!important;}
#sitemap_wrap .sitemap > ul li > a{ padding-right:20px;}
#sitemap_wrap .sitemap > ul > li > ul > li > ul > li::before{ background-color:#0c884a!important; }
#sitemap_wrap .sitemap > ul > li > ul > li > ul > li > ul > li::before{content:""; position:absolute; width:4px; height:4px; border:1px solid #0c884a; background-color:#FFFFFF;}

.search_list{
	margin-bottom: 35px;
}
.search_list td{ padding:0 15px 10px 0;}
.search_list tr td:first-child{ text-align:right;}

.listItemsCol > li{ width:33%; float:left; background:none; margin-bottom:20px; padding-left:0!important; padding:0 15px; margin-top: 0 !important; margin-bottom:20px;}
.listItemsCol > li:before{ display:none;}
.listItemsCol > li img{/* width:100%;*/}
.listItemsCol > li.fix{ clear:both;}
.listItemsCol > li h5{ color:#0c884a;}
.listItemsCol > li h6{ }

table.styleTable2{ margin-bottom:30px;}
table.styleTable2 td, table.styleTable2 th{ border:1px solid #0c9b4c; padding:8px;}
table.styleTable2 th{ font-size:19px;}
table.styleTable2 td img{ height:auto;}

/*Old oxfam site style*/
.subheader_black{ font-size:24px; margin:20px 0; padding:0!important; font-weight:700;}
.subheader_green {color: #61a434; font-size: 138%; font-weight: bold; margin-bottom: 20px; padding-bottom:0!important; margin-top:20px;}
.fb-like-box{ width:220px; margin:0 auto; display:block!important; min-height:200px;}
.donation_form .header{ font-size:22px; color:#61a534; margin-bottom:10px;}
.donation_form .form_style1{ padding:0!important;}
.donation_form .text_field_style1{ width:100%!important; min-width:120px!important;}
.donation_form input[name='id no.'].text_field_style1{ width:auto!important;}
.donation_form input[name='id blanket'].text_field_style1{ width:20px!important; min-width:auto!important;}
.donation_form textarea{ resize:none; border:1px solid #b2b2b2; outline:none; padding:5px;}



/*------Donate Donation to specific projects------START---------------------------------*/
/*.donation_right{float:right !important;padding-top:0 !important;*padding-top:59px !important;}*/
/*.donate_table2{width:467px;}*/
.donate_table2 td{padding-bottom:7px;}
/*.donate_table_w{width:435px !important;}*/
/*------Donate Donation to specific projects------END-------------------------------------*/
.donate_list_info {
    border-bottom: 1px solid #dddddd;
    padding: 10px;
}
.donate_list .donate_list_info .left {
    float: left;
    margin: 0;
    padding: 0;
    width: 100px;
}
.donate_list .donate_list_info .left img {
    width: 100px;
}
.donate_list .donate_list_info .floatleft img {
    width: 100px;
}
.donate_list .donate_list_info .rightWidth {
    float: right;
    padding-top: 10px;
    text-align: left;
    width: 525px;
}
.donate_list .donate_list_info .content {
    clear: none !important;
    margin: 0;
    padding: 0;
}
.donate_list {
    margin: 20px 0;
    width: 100%;
}
.donate_table {
    background-color: #f6f5ec;
    border: 0 none;
    padding: 10px;
}
.donate_table th {
    padding-bottom: 5px;
    text-align: left;
}
.donate_table table tr td table {
    padding-bottom: 20px;
}
div.donate_table h2 {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    font-size: 1.3em;
    font-weight: bold;
    height: auto;
    margin-bottom: 10px;
}
div.donate_table .content {
    clear: both;
    margin-bottom: 10px;
}
div.donate_table .check_box {
    float: left;
    margin-right: 10px;
    vertical-align: middle;
}
div.donate_table table {
    margin-bottom: 5px;
    margin-top: 5px;
}
.red2 {
    color: #ff0000;
}
.green2 {
    color: #61a534;
}
.common_btn {
    background: url(../../images/common/arrow.png) no-repeat 95% 50%;
    border: medium none;
    color: #0c884a;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 15px 5px 10px!important;
    width: auto !important;
		font-size:90%;
		position:relative;
		border:1px solid #0c884a;
		display:inline-block;
		margin-bottom:5px;
		margin-right:5px;
}

.common_btn:hover{ text-decoration:underline!important;}

.common_btn2{ padding:5px 10px; color:#fff!important; background-color:#f16422;}
.donate_btn{ padding:5px 10px; color:#fff!important; background-color:#0c884a;}
.btn_green{ padding:5px 10px; border:1px solid #0c884a;}

p .common_btn2{ margin-bottom:2px; margin-right:5px; display:inline-block;}

.subheader_green { color: #0c884a!important; font-weight:bold; font-size:22px; line-height:120%;}
.subheader_black {color: #000!important; font-weight:bold; font-size:22px; line-height:120%;}

.publications:before, .publications:after {
	display:table;
	content:" ";
}
.publications:after {
	clear:both;
}
.publications .box {
    float: left;
		width:calc(100%/3);
    padding: 10px;
}
.publications h4 {
    margin: 10px 0;
}
.publications .last {
    margin-right: 0;
}
#product_info {
    border-bottom: 2px solid #f16f21;
    border-top: 2px solid #f16f21;
    margin: 4px 0 9px;
    padding: 28px 0 14px;
}
#product {
    margin-bottom: 20px;
}
#product .product_list {
    background-color: #f6f6f6;
    border: 1px solid #cccccc;
    float: left;
    margin-right: 30px;
    padding-top: 6px;
    vertical-align: top;
		width:calc((100% - 60px)/3);
}
#product .last_line {
    margin-right: 0 !important;
}
#product .product_list .img_top {
    height: 142px;
    text-align: center;
}
#product .product_list .content_cell {
    text-align: left;
}
#product .product_list .content_cell a {
    color: #666666;
}
#product .product_list .content_cell p {
    margin: 0;
    padding: 0;
    vertical-align: top;
}
#product .product_list .content_cell .content {
    padding: 7px 13px 12px;
}
#product .product_list .content_cell .content a {
    text-decoration: none;
}
#product .product_list .content_cell .content a:hover {
    text-decoration: underline;
}
#product .product_list .content2_btn .price {
    color: #61a52e;
    float: left;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 13px;
    width: 100px;
		font-size:13px;
}
#product .product_list .content2_btn .btn {
    float: right;
    padding-bottom: 8px;
    padding-right: 8px;
}
.add_btn {
    font-size: 11px;
    height: 19px;
    width: 75px;
}