.project-activities-block .Storypart .swiimg .swiper-slide .com_cont{
	display:none;
}
.project-activities-block .Storypart .swiimg .swiper-slide .com_cont h5{
	font-weight: bold;
    text-align: center;
    margin-bottom: 1rem;
}
.project-activities-block .Storypart .swiimg .swiper-slide-active .com_cont{
	display:block;
}
.project-activities-block .clentslist a img {
    
    max-width: 200px;
  	max-height:120px;
}

.urla a.orange{
	background:#e37411;
  	color:#fff;
  	
}
.project-activities-block .tagtreepart.no_top{
	margin-top:0;
  	padding-top:0;
}
.urla a.orange img{
	   filter: brightness(0) saturate(100%) invert(100%);
}

.project-activities-block .events-detail dl dd .sp2 img{
	margin-top:0;
  	padding-right:10px;
}

header .right .topbar .lang span::after{
	display:none;
}
header .m_lang span::after{
display:none;
}

header .m_lang span a{
	color: #009640;
}

header .right .topbar .lang span a{
	color: #009640;
}

.project-activities-block .events-detail dl dd p.hidden {
   height: 0;
  	margin-bottom:0;
  
}
.project-activities-block .events-detail dl dd .sp2 ol li{
	margin-bottom:10px;
}

.project-activities-block .articebox .lefttxtcon dl dd .tag em{
	    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.project-activities-block .articebox .lefttxtcon dl dd .tag{
flex-wrap: wrap;
}
.project-activities-block .articebox .lefttxtcon dl dd span{
	min-width:32px;
}
.project-activities-block .Programme .txtcon h5{
	font-size:24px;
  	font-weight:bold;
}


.project-activities-block .Programme .txtcon h6{
	font-size:24px;
}

@media (max-width: 1200px) {
	.project-activities-block .Programme .txtcon h6{
	font-size:22px;
	}
}
@media (max-width: 767px){
	.project-activities-block .Programme .txtcon h6{
	font-size:17px;
	}
}

.project-activities-block .Programme .txtcon .activities_con h6{
	padding: 0.5rem 0;
}

.project-activities-block .Programme .txtcon .activities_con h5{
	padding: 1rem 0;
}

.project-activities-block .Programme .txtcon .activities_con ul li{
	padding:8px 0;
  	color:unset;
}

.project-activities-block .tagtreepart .articles.new_sty .swiper-slide{
	    border: 3px solid #FFFFFF;
  		margin-right:-1px !important;
}
.project-activities-block .articles.new_sty .swiper-slide .boximg{
border-radius: 0px;
}

.bagbox .bagimg{
	max-width:300px;
}
.project-activities-block .row .col-md-4 a .boximg img{
	max-width:100%;
}
.project-activities-block .row .col-md-4 a  .type11_cont{
	width:100%;
}

/***gsearch****/
.s_box .gsc-results-wrapper-overlay{
	width:90%;
  	left:5%;
}
.pc_search{
	z-index: 999;
    position: fixed;
  	width: 100%;
    height: 100%;
  	left: 0;
    top: 0;
}

.pc_search  .searchpup {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.16);
}
.pc_search .s_box{
	position:relative;
  	z-index:9;
  	max-width: 90%;
    margin: auto;
  	margin-top:3rem;
}

.pc_search .s_box .gsc-control-cse{

    background: unset;
    padding: 0;
    
    border:unset;
}
.s_box table.gsc-search-box td.gsc-input{
	padding-right:0;
}

.s_box .gsc-input-box {
   
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  	    border: 1px solid #009640;
  	
}
.s_box .gsc-search-button{
	margin-left:0;
  	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  	
}
.s_box .gsc-search-button-v2{
  	
   border: 1px solid #009640;
  	border-radius: 0;
  	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  	background:#009640;
  	padding-top: 14px;
    padding-bottom: 14px;
  	display: inline-block;
}
.s_box .gsc-search-button-v2:hover{
  border-color:#009640;
    background-color: #009640;
}

.s_box input.gsc-input{
	padding:5px 0 !important;
}

.ms_box .gsc-input-box {
    padding-top: 2px;
    padding-bottom: 2px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  	    border: 1px solid #009640;
}
.ms_box .gsc-search-button-v2{

    border: 1px solid #009640;
  	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  	background:#009640;
  	width: 50px;
}
.ms_box .gsc-control-cse{
	padding:0;
}
/*************/
.lage_411{
	display:none;
}

.no_bg .my_editor4 blockquote {
    margin-bottom: 20px;
    padding: 0;
    border-radius: 0;
    background: #fff;
}

.project-activities-block .clentslist a .icos {
    height: 138px;
  	

}

.project-activities-block .row.bg527 .col-md-4 a.supporters_cont img{
	max-width:150px;
}

.project-activities-block .clentslist a .icos.simg420,
.project-activities-block .clentslist a .icos.simg421,
.project-activities-block .clentslist a .icos.simg379{
	max-width: 200px;
    margin: auto;
}

.project-activities-block .clentslist.bg470 a .icos img{
	height:auto;
}


.project-activities-block .clentslist a .icos.simg422 img{
	 height:55px;
}
.project-activities-block .clentslist a .icos.simg403 img{
	 height:auto;
}
.project-activities-block .clentslist a .icos.simg351 img{
	 height:auto;
}

.project-activities-block .clentslist a .icos.simg350 img{
	height:auto
}

.project-activities-block .clentslist a .icos.simg348 img{
	 height:auto;
}
.project-activities-block .clentslist a .icos.simg349 img{
	height:auto;
}


.project-activities-block .clentslist a .icos.simg346 img{
	 
}
.project-activities-block .clentslist a .icos.simg347 img{
	height:auto
}
.project-activities-block .clentslist a .icos.simg348 img{
	 
}
.project-activities-block .clentslist a .icos.simg434 img{
	height:auto
}
.project-activities-block .clentslist a .icos.simg366 img{
	max-width:240px;
}

.project-activities-block .clentslist.c60 a img{
	max-width:300px;
}
.project-activities-block .row .col-md-4 a.supporters_cont{
  width:max-content;
}

.project-activities-block .row .col-md-4 a.type11_list{
	width:100%;
}

.project-activities-block .row.bg468 .col-md-4 a{
  width:100%;
}

.project-activities-block .clentslist.bg469 a .icos{
	height:150px;
}
.project-activities-block .clentslist.bg469 a img {
   
    max-width: 300px;
}

.project-activities-block .clentslist.bg473 a img {
   
    max-width: 200px;
}

.project-activities-block .clentslist.bg468 a .icos{
	height:178px;
}
.project-activities-block .clentslist.bg468 a img {
   
    max-width: 100%;
}

.project-activities-block .clentslist.bg467 a .icos{
	height:178px;
}
.project-activities-block .clentslist.bg467 a img {
   
    max-width: 100%;
}

.project-activities-block .clentslist.bg474 a .icos{
	width:200px;
}

@media(max-width: 768px) {
  .project-activities-block .row .col-md-4 a.supporters_cont{
  	width:100%;
  }
}

.Support-Us-block .volunteers form .form-group label{
	color:#000;
}

.Support-Us-block .volunteers form .form-group label.signup_label sub{
	top:20px;
}
/********nightwalk pay**********/

.radiolist .radiobox-inline .radiobox.more_cont .bzbox {
    height: auto;
}

/******news search*****/
.time_sear .form-control[readonly] {
    background: #fff;
}
.time_sear form {
    display: flex;
    align-items: center;
}

.time_sear form .form-group {
    width: 272px;
    margin-right: 10px;
}

.time_sear form button {
    background: #D1FC96;
    border: 1px solid #D1FC96;
    color: #000000;
    padding: 7px 30px;
    text-transform: capitalize;
}

.time_sear form button:hover {
    background: #00A950;
    color: #fff;
}


/****cancel sub********/
.cancle_cont{
	display:none;
}
.cancle_sub button {
    border: 1px solid #D4D9D2;
    background: none;
    border-radius: 5px;
    padding: 12px 40px;
    margin-bottom: 37px;
}

.cancle_sub button:hover {
        background: #009640;
    border: 1px solid #009640;
    color: #fff;
}

.ca_sub button {
    background: #D1FC96;
    border: 1px solid #D1FC96;
    color: #000000;
    padding: 12px 30px;
    text-transform: capitalize;
}

.ca_sub button:hover {
    background: #00A950;
    color: #fff;
}


/********************/
#sel_next_con2{
	display:none;
}
#sel_next_con3{
	display:none;
}

.project-activities-block .category .col-md-3:nth-child(5) .box{
	background:#009640;
}
.project-activities-block .category .col-md-3:nth-child(5) .box a {
    color: #009640;
}
.project-activities-block .events-detail dl dd{
	padding: 15px 0 0px 0px;
}
/******category********/
.project-activities-block .category .col-md-3 .box.t2{background: #5CB85C;}
.project-activities-block .category .col-md-3 .box.t2 a{color: #5CB85C;}
.project-activities-block .category .col-md-3 .box.t3{background: #5BC0DE;}
.project-activities-block .category .col-md-3 .box.t3 a{color: #5BC0DE;}
.project-activities-block .category .col-md-3 .box.t4{background: #E86240;}
.project-activities-block .category .col-md-3 .box.t4 a{color: #E86240;}

.project-activities-block .category .col-md-3 .box.t5{background: #870096;}
.project-activities-block .category .col-md-3 .box.t5 a{color: #870096;}
.m_sty{
	justify-content:center
}
/********************/

.project-activities-block .Programme .txtcon{
	border-left:1px solid #fff;
}
.checkboxlist .checkbox-inline .bzbox{background: #efefef !important;}
.checkboxlist .checkbox-inline .bzbox p img{filter: invert(50%) brightness(0%) !important;}
.checkboxlist .checkbox-inline .bzbox p span{color: #000 !important;}
/***********singup form category*********/
.checkboxlist .checkbox-inline .bzbox.sbox_1{
  
	    background: #F3BC6C;
  		border: 1px solid #F3BC6C;
}

.checkboxlist .checkbox-inline .bzbox.sbox_2{
  	
	    background: #5CB85C;
  		border: 1px solid #5CB85C;
}

.checkboxlist .checkbox-inline .bzbox.sbox_3{
  		
	    background: #5BC0DE;
  		border: 1px solid #5BC0DE;
}

.checkboxlist .checkbox-inline .bzbox.sbox_4{
  		
	    background: #E86240;
  		border: 1px solid #E86240;
}
.checkboxlist .checkbox-inline .bzbox p img{
	width:25px;
}

.checkboxlist .checkbox-inline .bzbox p span{
	padding-left:10px;
}
.checkboxlist .checkbox-inline .bzbox.sbox_1 p span,
.checkboxlist .checkbox-inline .bzbox.sbox_2 p span,
.checkboxlist .checkbox-inline .bzbox.sbox_3 p span,
.checkboxlist .checkbox-inline .bzbox.sbox_4 p span
{
	color:#fff;
}
/***index banner***/
.banbox .bani img.m_ban{
	display:none
}
@media(max-width: 768px) {
  
  .banbox .bani{
  	height:auto;
  }
  
  .bant {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: flex-start;
    z-index: 500;
    padding-bottom: 50px;
}
  .bantt {
    width: 100%;
    padding-left: 5%;
}
  .bantt>h1 {
    margin-bottom: 20px;
}
  .banbox .bani img.pc_ban{
  	display:none;
  }
	.banbox .bani img.m_ban{
	display:block;
	}
}
/***index banner***/
/***********singup form category*********/

.Support-Us-block .volunteers form .s_not_required .form-group label sub{
	display:none
}

.project-activities-block .plasticity.border_none{
	border-top:none;
}
.project-activities-block .Programme.border_none {
    border-top:none;
}
.banner_link{
	
}
/**.video_bg:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/play.png) rgba(0, 0, 0, 0.2) no-repeat center;
    background-size: 2.4em 2.4em;
    opacity: 1;
    z-index: 1;
}**/
.sign_up_check_form .box a{
	color:#009640
}
.nobtn_sty{
	    background-image: linear-gradient(rgba(0,0,0,0), rgba(33,37,41,0.1));
    width: max-content;
}

.input_money{
	display: flex;
    align-items: center;
}
.input_money .money_l_tit{
	padding-left:10px;
        margin-top: 1rem;
}
.Support-Us-block .stepbox button:hover {
    background: #009640;
    border: 1px solid #009640;
    color: #fff;
}
.index_about_cont ul li {
    /* display: flex;
    justify-content: center; */
}
.mobile-menu .search button{
	width:80px;
}
.mobile-menu .navigation li.no_border{
	border-top:none;
}
.d_agreen_cont{
	display:none;
}
#pup_img{
  	width:100%;
}
.page-banner .boximg{
	
}
.stoy-block .clents .img_list{
	position:relative;
}

.stoy-block .clents .img_list::after{
	content: '';
    display: block;
    position: absolute;
    left: calc(.5 * var(--bs-gutter-x));
    bottom: -2rem;
    width: 100px;
    height: 5px;
    
}
.stoy-block .clents .img_list:nth-child(odd)::after{
	background: #22AC38;
}
.stoy-block .clents .img_list:nth-child(even)::after{
	background: #F8B551;
}
.stoy-block .clents .img_list:last-child::after{
	background:none;
}
.page-banner .inner .page-banner-text .txt p{
	/**display:none;**/
}
.index_about_cont ul li::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00A950;
    margin-right: 10px;
}
.tcenter{
	text-align:center;
}
.project-activities-block .articebox .lefttxtcon dl dd .tag em {
    display: none ;
}
.project-activities-block .articebox .lefttxtcon.show dl dd .tag em {
    display: block ;
}
.sum_sty{
	font-weight: normal;
    

}
.pup .pupcontent .close{

}
.page-banner .inner .page-banner-text{
	width:100%;
}
.e_year {}
.page-banner .boximg img{
	width:100%;
}
.project-activities-block .enewsletter .pebar {
    border-top: none;
}

.my_editor h2 {
    color: #495E26;
    font-size: 68px;
    font-weight: bold;
    font-family: 'Figtree-Bold', '微軟正黑體';
    margin-top: 1.5rem!important;
}

.my_editor h4 {
    font-size: 36px;
    font-weight: bold;
    font-family: 'Figtree-Bold', '微軟正黑體';
}

.my_editor div p,
.my_editor p {
    font-size: 24px;
    color: #4D4D4D;
    font-family: "Figtree-Light", '微軟正黑體';
    margin-bottom: 30px;
}
.my_editor.cover_data div p,
.my_editor.cover_data p {
   
    
}
.my_editor3 p a {
	color:#087B3F
}

@media (max-width: 1200px) {
    .my_editor h2 {
        font-size: 60px;
    }
    .my_editor h4 {
        font-size: 32px;
    }
    .my_editor div p,
    .my_editor p {
        font-size: 22px;
    }
}

@media (max-width: 960px) {
    .actiem{max-width: 90%;margin: 0 auto;}
}

@media (max-width: 767px) {
    .my_editor h2 {
        font-size: 38px;
    }
    .my_editor h4 {
        font-size: 22px;
    }
    .my_editor div p,
    .my_editor p {
        font-size: 17px;
    }
}

.c_editor .bingo-template-12 h2 {
    font-size: 45px;
    color: #6F621D;
    font-weight: bold;
    font-family: 'Figtree-Bold', '微軟正黑體';
    padding-top: 1.5rem!important;
    padding-bottom: 3rem!important;
}

.c_editor .bingo-template-12 ul {
    display: flex!important;
    flex-wrap: wrap!important;
    align-items: center!important;
}

.c_editor .bingo-template-12 ul li {
    display: block;
    margin-right: 50px;
    margin-bottom: 50px;
}

@media (max-width: 1200px) {
    .c_editor .bingo-template-12 h2 {
        font-size: 38px;
    }
}

@media (max-width: 960px) {}

@media (max-width: 767px) {
    .c_editor .bingo-template-12 h2 {
        font-size: 24px;
    }
}

.my_editor2 h2 {
    font-size: 68px;
    color: #6F621D;
    font-weight: bold;
    font-family: 'Figtree-Bold', '微軟正黑體';
}

.my_editor2 p {
    color: #4D4D4D;
    font-family: "Figtree-Light", '微軟正黑體';
}

.my_editor2 ul li {
    color: #4D4D4D;
    position: relative;
    padding-left: 30px;
    margin-top: 30px;
}

.my_editor2 ul li::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #D4D9D2;
    position: absolute;
    left: 0;
    top: 15px;
}

.my_editor2 ul li h3 {
    font-size: 36px;
    color: #000;
    font-weight: normal;
    margin-bottom: 10px;
    font-family: "Figtree-Light", '微軟正黑體';
}

@media (max-width: 1200px) {
    .my_editor2 h2 {
        font-size: 60px;
    }
    .my_editor2 ul li h3 {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .my_editor2 h2 {
        font-size: 38px;
    }
    .my_editor2 ul li h3 {
        font-size: 22px;
    }
}

.project-activities-block .plasticity .conbox {
    width: calc(100% - 380px);
  
  	    border-left:none;
}

.project-activities-block .plasticity .conbox.new_sty {
    width: 100%;
  	padding-left:0;
  	    border-left:none;
}

.project-activities-block .plasticity .conbox.full_width {
    width: 100%;
  

}

.project-activities-block .plasticity em.cate.no_data {
    background: unset;
}

.component_cont .txt h4 {
    font-size: 36px;
    color: #6F621D;
    visibility: visible;
    animation-name: fadeIn;
    font-weight: bold;
    font-family: 'Figtree-Bold', '微軟正黑體';
    padding-top: 3rem!important;
    padding-bottom: 1rem!important;
}

@media (max-width: 1200px) {
    .component_cont .txt h4 {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .component_cont .txt h4 {
        font-size: 22px;
    }
}

.project-activities-block.component_cont .participatepart .garyback .items .urla {
    display: inline-block;
    background: unset;
    padding: 0;
}


/**Terms conditions**/

.project-activities-block .bodyarticle.com_cont h3 {
    font-weight: bold;
    font-family: 'Figtree-Bold';
    border-top: 1px solid #D4D9D2;
    padding-top: 50px;
    margin-top: 50px;
    color: #000;
    font-size: 36px;
}

.project-activities-block .bodyarticle.com_cont:nth-last-child(1) {
    border-bottom: 1px solid #D4D9D2;
    margin-bottom: 30px;
    padding-bottom: 50px;
}

.project-activities-block .bodyarticle.com_cont ul li {
    position: relative;
    padding-left: 30px;
    margin-top: 30px;
}

.project-activities-block .bodyarticle.com_cont ul li::before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background: #000000;
    position: absolute;
    left: 0;
    top: 10px;
}

.project-activities-block .bodyarticle.com_cont ul li a {
    color: #009640;
}
.project-activities-block .bodyarticle.com_cont ul li .urla a{
	color:#000;
}

/***********/
.project-activities-block .bodyarticle ol li {
    position: relative;
    padding-left: 30px;
    margin-top: 30px;
}

.project-activities-block .bodyarticle ol li::before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background: #000000;
    position: absolute;
    left: 0;
    top: 12px;
}

.project-activities-block .bodyarticle ol li a {
    color: #009640;
}
.project-activities-block .bodyarticle ol li .urla a{
	color:#000;
}
/*************/

.project-activities-block .bodyarticle.sty2 div {
    margin-top: 1.5rem!important;
}

.sty2 p {
    margin-bottom: 30px;
}

.sty2 p a {
    color: #087B3F;
}

.searchbox form button {
    min-width: 100px;
    width: max-content;
}

@media(max-width:767px) {
    .project-activities-block .bodyarticle.com_cont h3 {
        padding-top: 30px;
        margin-top: 30px;
    }
    .project-activities-block .bodyarticle.com_cont ul li {
        margin-top: 20px;
    }
    .project-activities-block .bodyarticle.com_cont:nth-last-child(1) {
        margin-bottom: 0;
    }
}

.project-activities-block .bodyarticle.my_editor3 h3 {
    border: none;
    margin-top: 0;
    padding-top: 20px;
    margin-top: 20px;
    border-top: none;
    margin-bottom: 20px;
    color: #313131;
}

.my_editor3 ul li {
    margin-bottom: 15px;
    margin-top: 0;
    padding-left: 30px;
    position: relative;
}

.my_editor3 ul li::before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background: #000000;
    position: absolute;
    left: 0;
    top: 10px;
}

.my_editor3 ul li::before {
    background: #D4D9D2;
    border-radius: 50%;
    width: 14px;
    height: 14px;
}

.pb5 {
    padding-bottom: 3rem;
}

/* #sildewhitebox {
    display: none;
} */

.checkboxlist .checkbox-inline .checkbox input:checked~.bzbox {
    background-color: #009640 !important;
    border-color: #009640;
}

.checkboxlist .checkbox-inline .checkbox input:checked~.bzbox p {
    color: #fff !important
}

.checkboxlist .checkbox-inline .checkbox input:checked~.bzbox p span {
    color: #fff !important
}
.checkboxlist .checkbox-inline .checkbox input:checked~.bzbox img{
    filter: invert(50%) brightness(300%) !important;
}

/**submenu**/

.navbar .container ul li {
    position: relative;
    text-align: center;
}

.navbar .container ul.submenu_list {
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    width: max-content;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #fffcf6;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    display: block;
    z-index: 2;
}

.navbar .container ul.submenu_list {
    background-color: #6F621D;
}

.navbar .container ul .sub_list:hover .submenu_list,
.navbar .container ul .sub_list.is-active .submenu_list {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.navbar .container ul .sub_list .submenu_list li a {
    display: block;
    color: #fff;
    padding: 0.625em 1.625em;
}

.Support-Us-block .stepbox .slider .slide form .inp.inp_only {
    background-color: #e9ecef;
}

.donation_tip {
    background: #F0F4F4;
    padding: 1.5rem 2rem;
    display: flex;
}

.donation_tip i {
    color: #FBC40B;
    padding-right: 10px;
    padding-top: 2px;
}


/**topbar**/

.topbar ul li {
    position: relative;
}

header .right .topbar ul li .submenu_list {
    display: block;
    padding-left: 0;
}

.topbar ul.submenu_list {
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    width: max-content;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #fffcf6;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    display: block;
    z-index: 2;
}

.topbar ul.submenu_list {
    background-color: #fffcf6;
}

header .right .topbar ul li ul.submenu_list li {
    display: flex;
    align-items: center;
}

.topbar ul .sub_list:hover .submenu_list,
.topbar ul .sub_list.is-active .submenu_list {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.topbar ul .sub_list .submenu_list li a {
    display: block;
    padding: 0.625em 1.625em;
}

.topbar ul .sub_list:hover .submenu_list li a:hover {
    color: #009640
}

.mobile-menu .navigation li>ul>li:last-child{
	display:unset;
}
@media(max-width: 1200px) {
  .navbar{
  	display:none;
  }
  .navbar.nightwalk_navbar{
  	display:block;
  }
}
@media(max-width: 500px) {
  .navbar.nightwalk_navbar .container ul li{
  	width:50%;
  }
}

 .mobile-menu .navigation li>ul.bg2 {
	background-color: #009640;
}
.mobile-menu .navigation li>ul.bg2 li a{
	color:#fff;
}
.mobile-menu .navigation li>ul.bg2 li .dropdown-btn{
color:#fff;
}

 .mobile-menu .navigation li>ul, .mobile-menu .navigation li>ul>li>ul.bg3{
    
   background-color: #D1FC96;
}
.mobile-menu .navigation li>ul, .mobile-menu .navigation li>ul>li>ul.bg3 li a{
	color:#000;
}
.mobile-menu .navigation li .nav-link {
    
    width: calc(100% - 42px);
}
.news_pc_sel{
	display:block;
}
.news_mob_sel{
	display:none;
}
@media(max-width: 1200px) {
  .project-activities-block .bar.news_pc_sel{
	display:none;
	}
  .news_mob_sel{
	display:block;
	}
}

form .form-group .select-menu-ul li:hover{
background: #ffffff;
}

.t_member p{
	padding-bottom:1rem;
}

.d_none{
	display:none;
}

.Support-Us-block .DMcontent .whiteback .txt.mx-5 a{
	display: inline-block;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.page-banner .inner .page-banner-text .txt {
    
   /** display: none;**/
}
.page-banner .inner .page-banner-text .bread{
  	text-align:left;
  }

@media(max-width: 1200px) {
  .project-activities-block .plasticity{
  	display:block;
  }
  .project-activities-block .plasticity .conbox{
  	width:100%;
    border-left:none;
    padding-left: 0px;
  }
  .page-banner .inner .page-banner-text .bread{
  	text-align:left;
  }
}
@media(max-width: 1000px) {
.input_money{
	display:block
}
}
.report_btn_list{
display:flex;
}
.report_btn{
	margin-right: 10px;
    display: inline-block;
    
    border: 1px solid #009640;
   
    padding: 8px 30px;
    border-radius: 10px;
}
.report_btn:hover{

}

.report_img{
	fill:#fff;
}

.m_banner{
	display:none;
}

@media(max-width: 768px) {
  .pc_banner{
  	display:none;
  }
	.m_banner{
	display:block;
	}
}
@media(max-width: 767px) {
    .report_btn_list{flex-wrap: wrap;}
    .report_btn_list dd{width: 100%;}
    .report_btn_list dd a{display: block;text-align: center;}
}
.project-activities-block .videoepart .col-md-4 .boxcontent .box .imgs::after{
	display:none;
}
.project-activities-block .videoepart .col-md-4 .boxcontent .box .imgs::before{
	display:none;
}

.green_cont .greenlightback {
    background: #F2F6F7;
    padding: 50px;
}
.green_cont .greenlightback ul li{
	list-style:disc;

  	padding-bottom:1rem;
}
.supportus div ul li{
	background: #F2F6F7;
    border-radius: 20px;
    padding: 40px
}
.project-activities-block .bodyarticle .txt2.supportus div ul li::before{
	    background: unset;
}
.project-activities-block .bodyarticle .txt.supportus ul li a{
	color: #000;
}
.Support-Us-block .volunteers .accordion .radiolist.new_list .radiobox-inline {
    width: 24% !important;
  	 border-radius: 10px;
    border: 1px solid #E9E9E9;
    padding: 10px;

    margin-top: 0.7rem ;
}

.zh-HK .Support-Us-block .stepbox .steps li:nth-child(1) span{
	margin-left:0;
}
.zh-HK .Support-Us-block .stepbox .steps li span{
	margin-left:0;
}
#sildewhitebox{
	display:none;
}

.money_l_tit1{
	display:none
}
#money_list1 {
    display: none;
}
#money_list2 {
    display: none;
}
@media (max-width: 1200px) {
	.Support-Us-block .volunteers .accordion .radiolist.new_list .radiobox-inline {
    	width: 48% !important;
  	 
	}
}
@media (max-width: 500px) {
  .Support-Us-block .volunteers .accordion .radiolist.new_list .radiobox-inline{
    border-radius: 10px;
    border: 1px solid #E9E9E9;
    padding: 10px;
  	width:100% !important;
    margin-top: 0.7rem ;
  }
	   .Support-Us-block .stepbox .slider .slide .radiolist .radiobox-inline{width: 100%}
       .page-banner .inner .page-banner-text .bread{margin-bottom: 0;}
       .page-banner .inner .page-banner-text{margin-top: 120px;}
}
@media (max-width: 400px) {
.g-recaptcha {
    max-width: 100%;
    width: 100%;
}
  .g-recaptcha {
        /* 針對手機的特別樣式 */
        transform: scale(0.77); /* 縮放以適應小螢幕 */
        transform-origin: 0 0; /* 調整縮放基準 */
    }
}

@media (max-width: 350px) {

  .g-recaptcha {
        /* 針對手機的特別樣式 */
        transform: scale(0.57); /* 縮放以適應小螢幕 */
        transform-origin: 0 0; /* 調整縮放基準 */
    }
}


.project-activities-block .Programme .txtcon table .fr-fic{width: 100% !important;height: 400px !important;object-fit: cover;}
.project-activities-block .Programme .txtcon  table th,.project-activities-block .Programme .txtcon  table td{width: 50%; vertical-align: top !important;padding: 10px;}
@media (max-width: 1024px) {
    .project-activities-block .Programme .txtcon table .fr-fic{height: 200px !important;}
}
@media (max-width: 820px) {
    .project-activities-block .Programme .txtcon tbody, .project-activities-block .Programme .txtcon td,  .project-activities-block .Programme .txtcon tfoot, .project-activities-block .Programme .txtcon th, .project-activities-block .Programme .txtcon thead, .project-activities-block .Programme .txtcon tr{display: block;}
    .project-activities-block .Programme .txtcon table tr{display: block;}
    .project-activities-block .Programme .txtcon table td{width: 100% !important;}
    .project-activities-block .Programme .txtcon{padding-left: 0;}

}

/***lang*****/

.m_lang {
    display: none;
}

@media (max-width: 1200px) {
    .m_lang {
        display: block;
    }
}

header .m_lang {
    /** margin-left: 120px;**/
    margin-left: 20px;
    box-sizing: border-box;
    padding-right: 15px;
    position: relative;
}

header .m_lang span {
    color: #009640;
    display: flex;
    align-items: center;
}

header .m_lang span img {
    margin-right: 10px;
}

header .m_lang span::after {
    content: "\f107";
    font-family: 'FontAwesome';
    margin-left: 10px;
}

header .m_lang .s-lang {
    position: absolute;
    background: #fff;
    border-radius: 4px;
    display: none;
    align-items: center;
    justify-content: center;
    width: 90%;
    box-shadow: 0 0 5px #ccc;
    padding: 8px 0;
    left: 5%;
    z-index: 555;
    top: 25px;
}

header .m_lang .s-lang::after {
    display: block;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    top: -5px;
}

header .m_lang .s-lang a {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
}

header .m_lang .s-lang a:hover {
    color: #009640;
}

header .m_lang:hover .s-lang {
    display: flex;
}

/*********cookies**********/

.w_cook {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    
    z-index: 2500;
    overflow: hidden;
    overflow-y: auto;
    display: none;
}

.w_cook.on {
    display: block;
}

.w_cook .cook_info {
    position: absolute;
    left: 3rem;
    bottom: 5rem;
    background-color: #000;
    color: #fff;
    max-width: 500px;
    width: 80%;
    padding: 1.5em;
    padding-bottom: 2.5em;
    border-radius: 10px;
}

.w_cook .cook_info .c_info .c_tits {
    padding-bottom: 1rem;
}

.w_cook .cook_info .c_btns {
    margin-top: 1.5rem;
    display: flex;
}

.w_cook .cook_info .c_btns a {
    color: #fff;
    padding: 12px 30px;
    border: 1px solid #fff;
    margin-right: 1rem;
    border-radius: 5px;
}

.w_cook .cook_info .c_btns a.rbtn {
    background-color: #009640;
    border: 1px solid #009640;
}

.w_cook .cook_info .c_btns a.lbtn:hover {
    background-color: #fff;
    color: #000;
}

.w_cook .cook_info .c_btns a.rbtn:hover {
    background-color: #fff;
    color: #009640;
}

@media (max-width: 768px) {
    .w_cook .cook_info {
        left: 10%;
    }
}

@media (max-width: 400px) {
    /* .w_cook .cook_info .c_btns {
        display: flex;
        flex-wrap: wrap;
    }
    .w_cook .cook_info .c_btns a {
        margin-bottom: 1rem;
    } */
    .w_cook .cook_info .c_btns a {
        padding: 12px 10px;
    }
    .project-activities-block .events-detail dl dd .sp2 .row .col-md-6{width: 85%;}
}

form .form-group .select-menu-ul li.d_first_1{
	display:none;
}


.radiolist .radiobox-inline .radiobox.n_checkbox .radiomark {
    background: none;
    margin-right: 10px;
    -webkit-transition: .5s;
    transition: .5s;
    border: 1px solid #D4D9D2;
    border-radius: 5px;
    cursor: pointer;
}

.radiolist .radiobox-inline .radiobox.n_checkbox input:checked~.radiomark {
    background-color: #009640;
    border-color: #009640;
}

.radiolist .radiobox-inline .radiobox.n_checkbox .radiomark::after {
    content: "";
    position: absolute;
    top: 43%;
    left: 50%;
    width: 6px;
    height: 12px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    background-color: unset;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
    -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0);
    transform: translate(-50%, -50%) rotate(45deg) scale(0);
    -webkit-transition: .2s;
    transition: .2s;
    border-width: 0 2px 2px 0;
    border-radius: unset;
}

.radiolist .radiobox-inline .radiobox.n_checkbox input:checked~.radiomark::after {
    border-color: #fff;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
    -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
    transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
}



/*****actives form*******/

.actives_form .container {
    max-width: 100%;
}

.actives_form .application_form {
    background: #F2F6F7;
    padding: 80px 50px;
    border-radius: 20px;
}

.actives_form .application_form form label {
    font-weight: bold;
}

.actives_form .application_form form .form-control {
    margin-top: 1rem;
    border-radius: 5px;
    border: none;
    padding: 15px;
}

.actives_form .application_form form .radiolist .radiobox-inline {
    border: unset;
}

.actives_form .application_form form .radiolist .radiobox-inline.full {
    width: 100%;
    border: unset;
}

.actives_form .application_form form .radiolist .radiobox-inline .radiobox .bzbox {
    padding-left: 10px;
}

.Support-Us-block .application_form form button {
    background: #00A950;
    border: 1px solid #00A950;
    border: none;
    padding: 15px 54px;
    color: #fff;
    border-radius: 5px;
    width: max-content;
}

.Support-Us-block .application_form form button:hover {
    background: none;
    border: 1px solid #00A950;
    color: #00A950;
}

.f_button {
    text-align: right;
}

.Support-Us-block .application_form form .checkbox-inline {
    color: #7B7B7B;
    position: relative;
    padding-left: 0px;
}

.checkboxlist.showborder .checkbox-inline .checkbox .checkmark {
    
    top: 7px;
    background: none;
   
    border-radius: 5px;
    cursor: pointer;
    opacity:1;
}

.checkboxlist .checkbox-inline .checkbox input:checked~.checkmark {
    background-color: #009640;
    border-color: #009640;
}

.Support-Us-block .application_form form .checkbox-inline .box {
    padding-left: 30px;
}

@media(max-width: 768px) {
	.pup.team_pup .pupcontent {
    padding: 30px;
    max-height: 80vh;
    overflow-y: scroll;
	}
}
.achieve_btn{
	padding:70px;
}

header .left {
    width: 400px;
}
.align_center{
	align-items: center;
}

.page-banner .inner .page-banner-text.active_text{
	margin-top:20px;
}

.page-banner .inner .page-banner-text .txt.new_txt{
	margin-bottom: 20px;
}

.page-banner .inner .page-banner-text .txt.new_txt a{
	color:#fff
}

@media(max-width:767px) {
  .index_style .green-btn{
    	padding:10px ;
  	    display: flex;
    	flex-wrap: wrap;
    	gap: 20px;
  }
  .index_style.pt-5{
  	padding-top: 0 !important;
  }
  .achieve_btn{
    margin-top:30px;
	padding:0;
	}
}

@media(max-width:767px) {
	header .left {
    width: 300px;
	}
}

/*****************/
.project-activities-block .articles2{overflow: hidden;position: relative;padding-bottom: 100px;}
.project-activities-block .articles2 .swiper-slide .boximg{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 70.55%;
    position: relative;
    border-radius: 10px;
}
.project-activities-block .articles2 .swiper-slide .boximg img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.project-activities-block .articles2 .swiper-slide .con{padding: 20px 30px;}
.project-activities-block .articles2 .swiper-slide .con h3{margin-bottom: 50px;}
.project-activities-block .articles2 .swiper-slide .con em{font-style: normal; display: inline-block;background: #009640;border-radius: 6px;padding: 10px 20px;color: #fff;}
.project-activities-block .articles2 .swiper-slide .con span{
    margin-left: 10px;
    padding: 10px 20px;
    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
    border-radius: 6px;
}
.project-activities-block .articles2 .swiper-slide .con span img{
    margin-left: 10px;
    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.project-activities-block .articles2 .swiper-slide a:hover .con span{background: #6F621D;color: #fff;}
.project-activities-block .articles2 .swiper-slide a:hover .con span img{transform: rotate(45deg);    filter: invert(50%) brightness(300%) !important;}
.project-activities-block .articles2 .arrow{position: relative;width: 100%;display: flex;justify-content: space-between;align-items: center;}
.project-activities-block .articles2 .arrow .arrow-pagination{width: calc(100% - 200px);position: relative;}
.project-activities-block .articles2 .arrow .swiper-btn{width: 160px;position: relative;}
.project-activities-block .articles2 .arrow .swiper-btn .swiper-button-next,.project-activities-block .articles2 .arrow .swiper-btn .swiper-button-prev{background: #F2F6F7;}

.project-activities-block .tagtreepart .articles2{padding-bottom: 0;overflow: visible;}
.project-activities-block .tagtreepart .articles2 .mySwiper{overflow: hidden;}
.project-activities-block .tagtreepart .articles2 .swiper-slide{border-radius: 0px;position: relative;overflow: hidden;border: 8px solid #FFFFFF;}
.project-activities-block .tagtreepart .articles2 .swiper-button-prev{left: -90px;}
.project-activities-block .tagtreepart .articles2 .swiper-button-next{right: -90px;}
.project-activities-block .eventpart .articles2{display: flex;justify-content: space-between;align-items: flex-end;}
.project-activities-block .eventpart .articles2 .wid{width: calc(100% - 200px);}
.project-activities-block .eventpart .articles2 .arrow{position: relative;float: right;height: 60px; width: 140px;right: 0;bottom: 0;}
.project-activities-block .eventpart .articles2 .arrow .swiper-button-prev{left: 0;}
.project-activities-block .eventpart .articles2 .arrow .swiper-button-next{right: 0;}
@media(max-width:767px) {

 .project-activities-block .eventpart .articles2 .wid{width: 100%;}
    .project-activities-block .eventpart .articles2{flex-wrap: wrap;}
}