@charset "utf-8";

._container{width:90%;margin:0 auto;}
._section{width:90%;margin:0 auto;position: relative;z-index: 2}

#pc-nav-box{position: fixed;background: #fff;}
.head-top{display:flex;align-items: center;justify-content: space-between;}
header .left{
  width: 200px;
  /**border-right: 1px solid #D4D9D2;**/
}
header .left img{display: block;margin: 0 auto;}
header .right{width: calc(100% - 200px);position: relative;}
header .right::after{
    content: '';
    display: block;
    position: absolute;
    right: 200px;
    top: 0;
    width: 1px;
    height: 100%;
    /**background: #D4D9D2;**/
  	background:transparent;
}
header .right .topbar{
  /**border-bottom: 1px solid #D4D9D2;**/
  display: flex;align-items: center;justify-content: space-between;
}
header .right .topbar ul{display: flex;align-items: center;padding-left: 30px;}
header .right .topbar ul li a{color: #787D89;padding: 15px;display: block;}
header .right .topbar ul li a:hover{color: #000;}
header .right .topbar .links{display: flex;align-items: center;}
header .right .topbar .links .search{color: #009640;cursor: pointer;}
header .right .topbar .links .search i{margin-right: 10px;}
header .right .topbar .links .size{ padding: 0 20px;position: relative;margin: 0 20px;}
header .right .topbar .links .size::before{
    content: '';
    display: inline-block;
    width: 1px;
    height: 20px;
    background: #D4D9D2;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
header .right .topbar .links .size::after{
    content: '';
    display: inline-block;
    width: 1px;
    height: 20px;
    background: #D4D9D2;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
header .right .topbar .links .size a{margin: 0 5px;color: #009640;}
header .right .topbar .links .size a.small{color: #FBC40B;}
.fontMiddle header .right .topbar .links .size a.middle{color: #FBC40B;}
.fontMiddle header .right .topbar .links .size a.small{color: #009640;}
.fontLarge header .right .topbar .links .size a.large{color: #FBC40B;}
.fontLarge header .right .topbar .links .size a.small{color: #009640;}
header .right .topbar .social a{color: #009640;margin: 0 5px;}
header .right .topbar .social a:hover i{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
header .right .topbar .lang{
 /** margin-left: 120px;**/
  margin-left: 20px;
  box-sizing: border-box;padding-right: 15px;position: relative;
}
header .right .topbar .lang span{color:#009640;display: flex;align-items: center;}
header .right .topbar .lang span img{margin-right: 10px;}
header .right .topbar .lang span::after{
    content: "\f107";
    font-family: 'FontAwesome';
    margin-left: 10px;

}
header .right .topbar .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 .right .topbar .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 .right .topbar .lang .s-lang a{display: block;text-align: center;width: 100%;height: 100%;}
header .right .topbar .lang .s-lang a:hover{color: #009640;}
header .right .topbar .lang:hover .s-lang{display: flex;}
header .right .nav-outer{padding-left: 30px; display: flex;justify-content: space-between;align-items: center;height: 70px;}
header .right .nav-outer .nav-box ul li a{color: #585651;padding: 0 15px;}
header .right .nav-outer .nav-box ul li a:hover{color: #009640;}
header .right .nav-outer .donation a{margin-right: 10px; display: inline-block;background: #e37411;border: 1px solid #e37411; color: #fff;padding: 8px 30px;border-radius: 10px;}
header .right .nav-outer .donation a:hover{background: none;color: #009640;}






#mobile-nav-box {display: none;}
main{}

.banbox{width: 100%;overflow: hidden;margin-bottom: 80px;}

.banbox .swiper{position: relative;max-height: calc(100vh - 151.3px);}
.banbox .swiper-wrapper{height: 100%;}
.swiper-pagination-bullet{background: #f0f0f0;width: 10px;height: 10px;color:#f0f0f0;opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#006530 }
.ban-item{width: 100%;height: 100%;overflow: hidden;}
.bani{height: 100%;width: 100%;overflow: hidden;}
.bani video{object-fit: cover;width: 100%;}
.bant{top:0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: flex-start;z-index: 500;}
.bantt{width: 50%;padding-left: 5%;}
.bantt>h1{margin-bottom:20px;color:#fff}
.bantt>p{color:#fff;margin-bottom:20px;line-height: 30px;}
.ban-more{padding:1rem 4rem;background:#fff;border:1px solid #fff;border-radius: 4px;color:#00A950;transition: all 0.3s ease;display: inline-block;}
.ban-more:hover{background: unset;color:#fff}

.baner-type2{width: 100%;height: 100%;overflow: hidden;}
.ty2-bg{position: relative;left: 0;top:0;z-index: 10;width: 100%;height: 100%;}
.ty-imgbox{position: absolute;right: 0;top:0;z-index: 5;width: 100%;height:100%;display: flex;padding-left: 50%;}
.banimg2{width: 100%;height: 100%;}
.banimg2>img{width: 100%;height: 100%;object-fit: cover;}
/* index */
.activeBox{margin-bottom: 80px;}
.inbox-tit{color:#00A950;text-align: center;margin-bottom: 60px;font-weight: bold;}
.actiem{width: 100%;position: relative;}
.acitem-img{width: 100%;overflow: hidden;height: 500px;position: relative;box-shadow:0 0 20px 10px rgba(0,0,0,0.3)}
.acitem-img::before{display: none;width:100%;height: 100%;content: "";position: absolute;left: 0;bottom:0;background: rgba(0,0,0,0.2);z-index: 10;}
.actiem:hover .acitem-img::before{display: none}
.acitem-img>img{width: 100%;height:100%;object-fit: cover;transition: all 0.3s ease;}
.actitem-txt{position: absolute;height:100%;width: 100%;z-index: 5;overflow: hidden;left: 0;top:0;
    display: flex;align-items: center;justify-content: center;}

.actiem:hover .acitem-img>img{transform: scale(1.1);}
.acitem-tit{width:70%;padding:30px; text-align: center}
.acitem-tit span{color:#fff;text-shadow:5px 5px 5px #000}

.achBox{margin-top: 0px;}
.achCont{display: flex;align-items: center;justify-content: center;}
.ach-num{color:#00A950;font-weight: bold;}
.ach-tit{color:#4D4D4D}
.ach-text{padding-left: 15px;padding-right: 25px;}

.ach-imt>img{max-width: 140px;}
.ach-imt>span{display: block;text-align: center;margin-top: 10px;color:#00A950;}
.achItem{overflow: hidden;}

.achImgBox{margin-top: 80px;overflow: hidden;width: 100%;position: relative;}
.achImgBox::before{display: none;content: '';width: 100%;height: 100%;position: absolute;left: 0;bottom:0;z-index: 2;background:rgba(0,0,0,0.5);transition: all 0.3s ease;}
.achImgBox:hover::before{height: 0;}
.achImgBox>img{width: 100%;transition: all 0.3s ease;}
.achImgBox:hover img{transform: scale(1.1);}


.about-sec{padding:100px 0;position: relative;overflow: hidden;}
.about-sec::after{content: ' ';background: url("../images/about-bg1.png") no-repeat 100% 100%;width: 360px;height: 360px;display: block;position: absolute;bottom:100px;right:-200px;z-index: 10;background-size:100%}
.about-sec::before{content: ' ';background: url("../images/about-bg1.png") no-repeat 100% 100%;width: 360px;height: 360px;display: block;position: absolute;top:50px;left:-200px;z-index: 10;background-size:100%}
.about-cont{width: 70%;margin: 0 auto;}
.about-cont p{color:#8AAB93;text-align: center;}
.about-cont ul{text-align: center;}
.about-cont ul li{color:#8AAB93;padding:5px 0}
.dot-green{display: inline-block;width: 8px;height: 8px;background:#00A950;border-radius: 100%;margin-right: 10px;}
.about-cont h3{color:#00A950;text-align: center;margin: 10px 0;}
.ab-item{padding:30px}
.ab-item.bd{border-bottom: 1px solid #EFEFEF;}

.ab-list{display: flex;justify-content: center;}
.ab-list .-img{margin-bottom: 60px;}
.ab-list .-img>img{max-width: 115px;}
.ab-list .-tit{margin-bottom: 30px;color:#00A950}
.ab-list .-summ{color:#8AAB93}
.green-btn{padding:0.8rem 2.6rem;background: #00A950;border:1px solid #00A950;color: #fff;border-radius: 6px;transition: all 0.3s ease;}
.green-btn:hover{background: #FFF;color: #00A950;}

.indnew-item{margin:15px auto;padding:15px;width: 100%;}
.indnew-item:hover{background: #EFEFEF;}
.inews-cont{position: relative;}
.new-img{overflow: hidden;width: 100%;height: 350px;}
.new-img>img{width: 100%;height: 100%;object-fit:cover;}
.new-date{background:#00A950;color:#fff;border-radius: 0 0 10px 0;display: flex;align-items: center;justify-content: center;padding:10px 5px ;width: 220px;position: absolute;left: 0;bottom:-30px;}
.new-date>img{max-width: 17px;margin-right: 5px;}
.new-tit{color:#000000 ;margin: 20px 0;margin-top: 50px;}
.new-summary{color:#AEAEAE}

/*foot*/
footer{position: relative;background: #F2F6F7;}
footer .container{max-width: 100%;box-sizing: border-box;padding-left: 50px;padding-right: 50px;}
footer .footbottom{border: 1px solid #DFE9E9;border-bottom: none;border-left: none; border-right: none;}
footer .footbottom .border-right{height: 100%; border-left: 1px solid #DFE9E9;box-sizing: border-box;padding: 30px;padding-bottom: 0;}
footer .footbottom .border-right nav ul li a{color: #777777;display: block;margin-bottom: 15px;}
footer .footbottom .border-right nav ul li a:hover{color: #00A950;}
footer .footbottom .border-right .links a{color: #00A950;font-size: 24px;margin-right: 15px;}
footer .footbottom .border-right .links a:hover i{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
footer .foottop form{display: flex;align-items: center;justify-content: flex-end;}
footer .foottop form input{border: 1px solid #D4D9D2;background: #fff;padding: 12px;text-transform: unset;}
footer .foottop form .form-group{width: 414px;margin: 0 10px;}
footer .foottop form button{background: #D1FC96;border: 1px solid #D1FC96; color: #000000;padding: 12px 30px;text-transform: capitalize;}
footer .foottop form button:hover{background: #00A950;color: #fff;}
.message {
    position: fixed;
    right: 1rem;
    bottom: 4rem;
    z-index: 99;
    border: none;
    color: #ffffff;
    height: 60px;
    width: 60px;
    opacity: 0;
    background: #009640;
    border-radius: 50%;
    transform: translateY(5rem);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    transition: all 0.35s ease;
}

.message.bottom_donation_box{
	 bottom: calc(4rem + 70px);
  	background:#e37411;
  	
    color:#fff;
  	text-align:center;
  	line-height:60px;
}



@-webkit-keyframes hover-heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes hover-heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.message.bottom_donation_box:hover img {
    -webkit-animation: hover-heartbeat 1s ease-in-out;
    animation: hover-heartbeat 1s ease-in-out
}




.message::after {
    content: "\f062";
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 2em;
}

.message.bottom_donation_box::after{
	display:none;
}
a.bottom_donation_box:hover{
	color:#fff;
}
.message.on {
    opacity: 1;
    transform: translateY(0);
}
/* subpage */
.subban-sec{background: #00A950;padding:50px 0}
.subban-cont{display: flex;align-items: center;justify-content: space-between;}
.sban-left{width: 50%;}
.sban-right{width: 50%;overflow: hidden;}
.sban-right>img{width:100%;}
.sban-txt{padding-right:10%}
.sban-tit{color:#fff}
.sban-desc{color:#fff;margin:40px 0}


.more-btn2{padding:0.8rem 2.6rem;width:220px;background: #FFF28B;color: #000;border-radius: 6px;transition: all 0.3s ease;display: flex;align-items: center;justify-content:space-between;}
.more-btn2>img{width: 16px;}
.more-btn2:hover{background: #FFF;color: #000;}

.sup-main{background: #F5FCF8;}
.sub-cont{width: 50%;margin: 0 auto;margin-top:80px}
.sub-desc{background: #fff;padding:20px;color:#00A950;box-shadow: 0 0 26px 3px #f1f1f1;}
.subFormbox{margin-top: 80px;}
.fitm{margin-bottom:20px;flex-wrap: wrap;}
.fitm>label{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}

.fitm>label .lab-name{color:#7B7B7B;width: 25%;}
.fitm>label .lab-name-block{color:#7B7B7B;width: 100%;margin-bottom: 10px;}
.fitm>label input[type=text]{outline: unset;border:1px solid #93D8B4;background: #fff;color:#00A950;border-radius:5px;padding:8px 5px;width: 100%;}
.fitm>label .lab-name i{font-size: 10px;color:#FC1313;margin-right: 4px;}

.fitm>label .lab-y{width: 70%;}
.fitm>label .lab-y-block{width: 100%;}
.fitm>label .lab-name-block i{font-size: 10px;color:#FC1313;margin-right: 4px;}

.fitm>.fitm-item{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.fitm>.fitm-item .lab-name{color:#7B7B7B;width: 25%;}
.fitm>.fitm-item .lab-name-block{color:#7B7B7B;width: 100%;margin-bottom: 10px;}
.fitm>.fitm-item input[type=text]{outline: unset;border:1px solid #93D8B4;background: #fff;color:#00A950;border-radius:5px;padding:8px 5px;width: 100%;}
.fitm>.fitm-item .lab-name i{font-size: 10px;color:#FC1313;margin-right: 4px;}

.fitm>.fitm-item .lab-y{width: 70%;}
.fitm>.fitm-item .lab-y-block{width: 100%;}
.fitm>.fitm-item .lab-name-block i{font-size: 10px;color:#FC1313;margin-right: 4px;}



.gender-box>span{margin-right: 20px;}
.range-box>span{display: block;margin-bottom:10px}
.radio-icon{display: inline-block;width: 16px;height: 16px;background: url("../images/unckecked-r.png") no-repeat;background-size: 100%;}
input[type=radio]{visibility:hidden;position: absolute;left: 0}
input[type=radio]:checked + i{background: url("../images/checked-r.png") no-repeat;background-size: 100%;}

.checkbox-icon{display: inline-block;width: 20px;height: 20px;background: url("../images/unckecked-c.png") no-repeat;background-size: 100%;}
input[type=checkbox]{visibility:hidden;position: absolute;left: 0;}
input[type=checkbox]:checked + i{background: url("../images/checked-c.png") no-repeat;background-size: 100%;}


.sup-submit-btn{padding:0.8rem 4rem}

body .skin2 .layui-layer-title{background:#03AA52; color:#fff; border: none;}
body .skin2 .layui-layer-content{ color:#03AA52; }
body .skin2 .layui-layer-btn{border-top:1px solid #03AA52}
body .skin2 .layui-layer-btn a{background:#03AA52;border: none;}
body .skin2 .layui-layer-btn .layui-layer-btn1{background:#03AA52;color:#fff}


.page-banner{position: relative;overflow: hidden;}
.page-banner .boximg{position: relative;}
.page-banner .boximg::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(33,37,41,0.5));
    position: absolute;
    bottom: 0;
    left: 0;
}
.page-banner .boximg.no_bg::before{
    
    display: none;
   
}
.page-banner .inner{display: flex;flex-direction: column;justify-content: space-between; flex-wrap: wrap; width: 96%;height: 100%;align-items: center;position: absolute;left: 2%;top: 0;color: #fff;}
.page-banner .inner h1{color: #fff;width: 100%;margin-top: 100px;}
.page-banner .inner .page-banner-text{
  /**border-top: 1px solid rgba(255, 255, 255, 0.3);**/
  padding-top: 20px;margin-top: 20px; color: #fff;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;
}
.page-banner .inner .page-banner-text .txt{color: #fff;width: calc(100% - 330px);}
.page-banner .inner .page-banner-text .txt p{color: #fff;}
.page-banner .inner .page-banner-text .bread{width: 300px;width:max-content;text-align: right;margin-bottom: 20px;}
.page-banner .inner .page-banner-text .bread a{color: #fff;text-transform: capitalize;}
.page-banner .inner .page-banner-text .bread a:hover{color: #03AA52;}
.page-banner .inner .page-banner-text .bread a::after{
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #fff;
    margin: 0 15px;
}
.page-banner .inner .page-banner-text .bread a i{color: #fff;margin-right: 10px;}
.page-banner .inner .page-banner-text .bread a:nth-last-child(1)::after{display: none;}
.navbar{width: 100%;background: #395C40;padding: 0;}
.navbar .container{display: flex;align-items: center;}
.navbar .container h2{color: #fff;width: 240px;text-transform: capitalize;}
.navbar .container ul{border-left: 1px solid rgba(255, 255, 255, 0.1); width: calc(100% - 240px); display: flex;align-items: center;flex-wrap: wrap;}
.navbar .container ul li a{display: block; padding: 20px 15px;margin-left: 5px;margin-right: 5px; color: #fff;position: relative;text-transform: capitalize;}
.navbar .container ul li a::after{
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #FBC40B;
    position: absolute;
    left: 0;
    bottom: 0;
    -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 ;
}
.navbar .container ul li a.active::after,.navbar .container ul li a:hover::after{
   width: 100%;
}
.stoy-block{position: relative;overflow: hidden;padding-top: 1.5rem !important;}
.stoy-block h3{/**border-top: 1px solid #D4D9D2;**/}
.stoy-block h3 sub{top: -20px;}
.stoy-block h3.border-none{border: none;}
.stoy-block h3.border-bottom{border-bottom: 1px solid #D4D9D2;}
.stoy-block .greenback{background: #F0F4F4;border-radius: 20px 20px 0 0; padding: 70px 0px;}
.stoy-block .greenback .row .col-md-4 a{display: block;width: 100%;height: 100%;}
.stoy-block .greenback .row .col-md-4 a img{border-radius: 20px;width: 100%;height: 100%;object-fit: cover;}
.stoy-block .kbg{width: 100%;height: 100%;background: url(../images/kbg.png) no-repeat top center;background-size: cover; box-sizing: border-box;padding: 0px;display: flex;align-items: center;justify-content: space-between;border-radius: 250px;}
.stoy-block .kbg .ul li{position: relative;padding-left: 25px;margin: 35px 0px;color: #313131;}
.stoy-block .kbg .ul li::before{
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 11px;
    background: #009640;
}
.stoy-block .work{position: relative;} 
.stoy-block .work a{position: absolute;top: 50%;transform: translateY(-50%);right: 10%;display: flex;align-items: center;justify-content: center;width: 160px;height: 160px;border-radius: 50%;border: 1px solid #CAEED9;}
.stoy-block .work span{width: 120px;height: 120px;border-radius: 50%;background: #009640;display: flex;align-items: center;justify-content: center;}
.stoy-block .work a:hover{background: #009640;}
.stoy-block .work-logo-bottom{position: absolute;right: -50px;bottom: 100px;z-index: -1;}
.stoy-block .address{background: #F2F6F7;padding: 40px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.stoy-block .address dl{width: 49%;}
.stoy-block .address dl dd{padding: 20px 0;margin-bottom: 0;border-bottom: 1px solid #DCDCDC;}
.stoy-block .address dl dd h3{padding-top: 0px;border: none;}
.stoy-block .address dl dd p{margin-bottom: 0;color: #6B6B6B;margin-top: 10px;word-break: break-all;}
.stoy-block .banbox .swiper-slide{border-radius: 20px;overflow: hidden;}
.stoy-block .team .row .col-md-3 .boximg{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 126.05%;
    position: relative;
    border-radius: 10px;
}
.stoy-block .team .row .col-md-3 .boximg img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.stoy-block .team .row .col-md-3 .con{margin-top: 20px;}
.stoy-block .team .row .col-md-3 .con p{padding: 15px 0px; color: #6B6B6B;border-bottom: 2px solid #EAF2EB;}
.stoy-block .team .row .col-md-3 .con span{color: #6B6B6B;margin-top: 20px;display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.stoy-block .team .row .col-md-3 .con .green-btn{color: #fff;width: 180px;text-align: center;}
.stoy-block .team .row .col-md-3 .con .green-btn:hover{color: #00A950;}
.stoy-block .bluelightback{border-radius: 20px;background: #F2F6F7;padding: 80px 0px;margin-top: 60px;}
.stoy-block .bluelightback .row .col-md-3 a{display: block;width: 100%;height: 100%; border-bottom:1px solid #D4D4D4;}
.stoy-block .bluelightback .row .col-md-3 p{color: #000;}
.stoy-block .bluelightback .row .col-md-3 span{display: block;padding-bottom: 25px;margin-top: 10px; color: #6B6B6B;

}

.stoy-block .bluelightback .row .col-md-2 a{display: block;width: 100%;height: 100%; border-bottom:1px solid #D4D4D4;}
.stoy-block .bluelightback .row .col-md-2 p{color: #000;}
.stoy-block .bluelightback .row .col-md-2 span{display: block;padding-bottom: 25px;margin-top: 10px; color: #6B6B6B;

}

.stoy-block .highlights{position: relative;overflow: hidden;}
.stoy-block .highlights .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.stoy-block .highlights .swiper-slide a{
   display: block;
   width: 100%;
   height: 380px;
   border-radius: 20px;
   overflow: hidden;

}
.stoy-block .highlights .swiper-slide a img{
    
}
.stoy-block .work dl dd{border-top: 1px solid #D4D9D2;padding: 25px 0 20px 0px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.stoy-block .work dl dd:nth-last-child(1){border-bottom: 1px solid #D4D9D2;}
.stoy-block .work dl dd .sp1{width: 220px;color: #313131;}
.stoy-block .work dl dd .sp2{width: calc(100% - 220px);color: #6B6B6B;}
.stoy-block .work dl dd .sp2 ul li{position: relative;padding-left: 20px;margin-bottom: 8px;}
.stoy-block .work dl dd .sp2 ul li::before{
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background: #000000;
    position: absolute;
    left: 0;
    top: 15px;
}
.stoy-block .report .garyback{background: #F2F6F7;padding: 60px 100px;display: flex;justify-content: space-between;}
.stoy-block .report .garyback .ic{width: 252px;}
.stoy-block .report .garyback .conbox{width: calc(100% - 292px);}
.stoy-block .report .garyback .conbox a{display: inline-block;background: #D1FC96;padding: 10px 30px;color: #000000;}
.stoy-block .report .garyback .conbox a img{margin-left: 15px;transition: all 0.35s ease;}
.stoy-block .report .garyback .conbox a:hover img{transform: rotate(45deg);}
.stoy-block .report .garyback .conbox a:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);}
.stoy-block .report .row .col-md-4 a{display: block;width: 100%;height: 100%;background: #F5F5F5;padding: 50px;}
.stoy-block .report .row .col-md-4 a .boximg{}
.stoy-block .report .row .col-md-4 a .boximg img{display: block;margin: 0px auto;object-fit: cover; height: 356px;}
.stoy-block .report .row .col-md-4 a h3{border: none;margin-top: 20px;}
.stoy-block .report .row .col-md-4 a:hover{background: #009640;}
.stoy-block .report .row .col-md-4 a:hover h3{color: #fff;}
.stoy-block .event .evcon .green{color: #009640;}
.stoy-block .clents{width: 100%;height: 100%;background: #F2F6F7;padding: 80px 0px;margin-top: 100px;}
.stoy-block .clents .row .col_list .box{display: flex;align-items: center;justify-content: center; width: 100%;height: 140px;border-radius: 5px;background: #fff;}
.stoy-block .clents .row .col_list .box:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.stoy-block .yeartab{display: flex;}
.stoy-block .yeartab a{display: flex;background: #D1FC96;padding: 15px 80px;margin-right: 20px;}
.stoy-block .yeartab a.active{background: #009640;color: #fff;}
.stoy-block .tabcontent .items{background: #F2F6F7;margin-top: 40px;display: none;}
.stoy-block .tabcontent .items:nth-child(1){display: block;}
.stoy-block .tabcontent .items .list{display: flex;justify-content: space-between;box-sizing: border-box;padding: 40px 80px;}
.stoy-block .tabcontent .items .list .imgs{width: 252px;}
.stoy-block .tabcontent .items .list .con{width: calc(100% - 300px);}
.stoy-block .tabcontent .items .list .con dl dd img{margin-right: 10px;}
.stoy-block .Milestone{position: relative;}
.stoy-block .Milestone .boxcon{width: 41%;position: relative;z-index: 9;padding-bottom: 70px;}
.stoy-block .Milestone .boxcon h4{position: relative; background: #009640;color: #fff;padding: 23px 25px;margin-bottom: 0;}
.stoy-block .Milestone .boxcon .txtcon{background: #F0F4F4;padding: 50px 70px;}
.stoy-block .Milestone .boxcon .txtcon p{position: relative;margin-bottom: 30px;}
.stoy-block .Milestone .boxcon .txtcon p:nth-child(1):before{
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #009640;
    border-radius: 50%;
    position: absolute;
    left: -30px;
    top: 10px;
  
    
}
.stoy-block .Milestone .boxcon .txtcon img{width: 100%;}
.stoy-block .Milestone .row .col-md-12:nth-child(even) .boxcon{float: right;}
.stoy-block .Milestone .row .col-md-12{position: relative;}
.stoy-block .Milestone .row .col-md-12::before{
    content: '';
    display: block;
    width: 167px;
    background: url(../images/g1.png) no-repeat top center;
    position: absolute;
    left: 50%;
    top: -92px;
    height: 92px;
    transform: translateX(-50%);
   
}
.stoy-block .Milestone .row .col-md-12::after{
    content: '';
    display: block;
    width: 167px;
    background: #009640;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    height: 100%;
}
.stoy-block .Milestone .row .col-md-12:nth-child(even)::before{
    content: '';
    display: block;
    width: 167px;
    background: url(../images/g2.png) no-repeat top center;
    position: absolute;
    left: 50%;
    top: -92px;
    height: 92px;
    transform: translateX(-50%);
}
.stoy-block .Milestone .row .col-md-12:nth-child(even)::after{
    background: #087B3F;
}
.stoy-block .Milestone .row .col-md-12 .date{margin-bottom: 40px; text-align: right;color: #fff; display: block; font-style: normal;width: calc(100% + 204px);}
.stoy-block .Milestone .row .col-md-12 h4::after{
    content: '';
    display: block;
    width: 11%;
    height: 2px;
    background: #6F621D;
    position: absolute;
    right: -11%;
    top: 0;
}
.stoy-block .Milestone .row .col-md-12 h4::before{
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: #6F621D;
    border-radius: 50%;
    position: absolute;
    right: -12%;
    top: -8px;
}

.stoy-block .Milestone .row .col-md-12:nth-child(even) h4::after{
    right: auto;
    left: -11%;
}

.stoy-block .Milestone .row .col-md-12:nth-child(even) h4::before{
    right: auto;
    left: -12%;
}
.stoy-block .Milestone .row .col-md-12:nth-child(even) .date{
   text-align: left;
   transform: translateX(-204px);
}
.stoy-block .Milestone .row::after{
    content: '';
    display: block;
    width: 167px;
    background: url(../images/dd.png) no-repeat top center;
    position: absolute;
    left: 50%;
    bottom: 0px;
    height: 92px;
    transform: translateX(-50%);



}

.project-activities-block{position: relative;overflow: hidden;}
.project-activities-block .row .col-md-4 a{display: block;width: 100%;height: 100%;}
.project-activities-block .row .col-md-4 a .boximg{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 72.25%;
    position: relative;
    border-radius: 0px;
}
.project-activities-block .row .col-md-4 a .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 .row .col-md-4 a .con{padding: 20px 30px;}
.project-activities-block .row .col-md-4 a .con h3{
    margin-bottom: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.project-activities-block .row .col-md-4 a .con em{font-style: normal; display: inline-block;background: #009640;border-radius: 6px;padding: 10px 20px;color: #fff;}
.project-activities-block .row .col-md-4 a .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 .row .col-md-4 a .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 .row .col-md-4 a:hover .con span{background: #6F621D;color: #fff;}
.project-activities-block .row .col-md-4 a:hover .con span img{transform: rotate(45deg);    filter: invert(50%) brightness(300%) !important;}
.project-activities-block .row .col-md-4 a:hover .boximg img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.project-activities-block .bar{padding: 0 30px; display: inline-block; border-radius: 40px;border: 1px solid #D3D7E0;}
.project-activities-block .bar a{display: inline-block; padding: 20px 0; margin: 0 20px;}
.project-activities-block .bar a.active{color: #009640;border-bottom: 4px solid #009640;}
.project-activities-block .plasticity{display: flex;align-items: flex-start; justify-content: space-between;border-top: 1px solid #D4D9D2;}
.project-activities-block .plasticity em.cate{margin-top: 60px; display: inline-block;border-radius: 7px;background: #009640;color: #fff;padding: 10px 20px;font-style: normal;}
.project-activities-block .plasticity .conbox{border-left: 1px solid #D4D9D2;width: calc(100% - 350px);box-sizing: border-box;padding-left: 50px;padding-top: 60px;}
.project-activities-block .plasticity .conbox .greenlightback{background: #F2F6F7;padding: 50px;}
.project-activities-block .plasticity .conbox .greenlightback dl dd{margin-top: 30px;position: relative;padding-left: 60px;}
.project-activities-block .plasticity .conbox .greenlightback dl dd img{margin-right: 20px;position: absolute;left: 0;top: 0;}
.project-activities-block .plasticity .conbox .urla a{display: inline-block;background: #D1FC96;padding: 15px 30px;margin-top: 20px;}
.project-activities-block .plasticity .conbox .urla a img{margin-left: 15px;}
.project-activities-block .plasticity .conbox .pic{position: relative;}
.project-activities-block .plasticity .conbox .pic .urla{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.project-activities-block .plasticity .conbox .txt p:nth-last-child(1){margin-bottom: 0;}
.project-activities-block .plasticity .conbox .walkbox ul li{color: #4D4D4D; position: relative;padding-left: 30px;margin-top: 30px;}
.project-activities-block .plasticity .conbox .walkbox ul li::before{
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #D4D9D2;
    position: absolute;
    left: 0;
    top: 15px;
}
.project-activities-block .plasticity .conbox .walkbox ul li h3{font-size: 36px;color: #000;margin-bottom: 10px;}
.project-activities-block .articles{overflow: hidden;position: relative;padding-bottom: 100px;}
.project-activities-block .articles .swiper-slide .boximg{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 70.55%;
    position: relative;
    border-radius: 10px;
}
.project-activities-block .articles .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 .articles .swiper-slide .con{padding: 20px 30px;}
.project-activities-block .articles .swiper-slide .con h3{margin-bottom: 50px;}
.project-activities-block .articles .swiper-slide .con em{font-style: normal; display: inline-block;background: #009640;border-radius: 6px;padding: 10px 20px;color: #fff;}
.project-activities-block .articles .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 .articles .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 .articles .swiper-slide a:hover .con span{background: #6F621D;color: #fff;}
.project-activities-block .articles .swiper-slide a:hover .con span img{transform: rotate(45deg);    filter: invert(50%) brightness(300%) !important;}
.project-activities-block .articles .arrow{position: relative;width: 100%;display: flex;justify-content: space-between;align-items: center;}
.project-activities-block .articles .arrow .arrow-pagination{width: calc(100% - 200px);position: relative;}
.project-activities-block .articles .arrow .swiper-btn{width: 160px;position: relative;}
.project-activities-block .articles .arrow .swiper-btn .swiper-button-next,.project-activities-block .articles .arrow .swiper-btn .swiper-button-prev{background: #F2F6F7;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #009640;}
.swiper-pagination-progressbar{top: 10px !important;height: 2px !important;}
.project-activities-block .Programme{border-top: 1px solid #D4D9D2;display: flex;justify-content: space-between;align-items: flex-start;}
.project-activities-block .Programme .pic{width: 347px;padding-top: 50px;}
.project-activities-block .Programme .txtcon{padding-top: 50px; width: calc(100% - 380px);border-left: 1px solid #D4D9D2;box-sizing: border-box;padding-left: 50px;}
.project-activities-block .Programme .txtcon.border-none{border: none;}
.project-activities-block .Programme .txtcon.border-none .txt.ul-color ul li{color: #4D4D4D;margin-bottom: 10px;}
.project-activities-block .Programme .txtcon .tag{font-style: normal; display: inline-block;border-radius: 7px;background: #009640;color: #fff;padding: 10px 20px;}
.project-activities-block .Programme .txtcon .garyback{background: #F2F6F7;display: flex;justify-content: space-between;}
.project-activities-block .Programme .txtcon .garyback .left{width: calc(100% - 487px);box-sizing: border-box;padding: 40px;}
.project-activities-block .Programme .txtcon .garyback .left ol{background: rgba(0, 0, 0, 0.05);padding: 20px;margin: 20px 0px;}
.project-activities-block .Programme .txtcon .garyback .left ol li{margin-left: 20px; list-style: decimal;}
.project-activities-block .Programme .txtcon .garyback .right{width: 487px;}
.project-activities-block .Programme .txtcon .garyback .right img{width: 100%;height: 100%;object-fit: cover;}

.project-activities-block .linksbox{background: #F2F6F7;padding: 50px;margin-top: 100px;}
.project-activities-block .linksbox dl {display: flex;justify-content: center;align-items: center;}
.project-activities-block .linksbox dl dd{display: flex;align-items: center;justify-content: center;margin: 20px 0px;}
.project-activities-block .linksbox dl dd .icos{width: 84px;height: 84px;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.project-activities-block .linksbox dl dd p{margin-left: 20px;}
.project-activities-block .linksbox dl dd p span{display: block;}
.project-activities-block .linksbox dl dd:nth-child(1){border-right: 1px solid #E3EAEC;box-sizing: border-box;padding-right: 50px;margin-right: 50px;}
.project-activities-block .Programme .txtcon .felist .items{padding: 40px 0; display: flex;justify-content: space-between; border-bottom: 1px solid #E0E0E0;}
.project-activities-block .Programme .txtcon .felist .items .icos{width: 110px;}
.project-activities-block .Programme .txtcon .felist .items .con{width: calc(100% - 110px);}
.project-activities-block .Programme .txtcon .felist .items .con p{margin-top: 20px;}
.project-activities-block .Programme .txtcon .felist .items:nth-last-child(1){border: none;}
.project-activities-block .Programme .txtcon .txt ul li{list-style: disc;color: #4D4D4D;margin-left: 20px;}
.project-activities-block .clentslist a img{display: block;margin: 0 auto;}
.project-activities-block .clentslist a .icos{height: 178px;display: flex;align-items: center;justify-content: center;}
.project-activities-block .clentslist a p{text-decoration: underline;}
.project-activities-block .twoitems ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.project-activities-block .twoitems ul li{width: 49.5%;background: #F2F6F7;padding: 12px;margin-bottom: 15px;}
.urla a{display: inline-block;background: #D1FC96;padding: 15px 30px;margin-top: 20px;}
.urla a img{margin-left: 15px;transition: all 0.5s ease 0s ;}
.urla a:hover img{transform: rotate(45deg);}
.urla a:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.project-activities-block .bluelightback{background: #F2F6F7;border-radius: 20px;padding: 40px;}
.project-activities-block .bluelightback h4{margin: 30px 0px;color: #313131; font-weight: bold;font-size: 36px;    font-family: 'Figtree-Bold';}
.project-activities-block .bluelightback p strong{font-weight: bold;font-family: 'Figtree-Bold';color: #313131;}
.project-activities-block .bluelightback p{margin-bottom: 20px;}
.project-activities-block .bluelightback p:nth-last-child(1){margin-bottom: 0;}
.project-activities-block .newsbox .box{border-bottom: 1px solid #EBEBEB;padding-bottom: 30px;margin-top: 40px;}
.project-activities-block .newsbox .box:nth-last-child(1){border-bottom: 1px solid #EBEBEB;padding-bottom: 40px;}
.project-activities-block .newsbox .box .tag{display: flex;flex-wrap: wrap;}
.project-activities-block .newsbox .box .tag em{display: inline-block;background: #009640;border-radius: 30px;margin-right: 10px;margin-bottom: 10px; color: #fff;font-style: normal;padding: 10px 20px;}
.project-activities-block .newsbox .box .tag em.greenlight{background: #92D050;}
.project-activities-block .newsbox .box .boxs{width: 78%;}
.project-activities-block .newsbox .box .boxs .date{font-style: normal;color: #ACB0B9;display: flex;align-items: center;}
.project-activities-block .newsbox .box .boxs .date img{margin-right: 15px;}
.project-activities-block .newsbox .box .boxs h2{color: #313131;margin: 20px 0px;}
.project-activities-block .newsbox .box .boxs .desinfo{color: #4D4D4D;}
.project-activities-block .newsbox .box .col-md-6{position: relative;}
.project-activities-block .newsbox .box .col-md-6 a.icon{position: absolute;right: 0;top: 0;display: inline-block;width: 60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #D1FC96;}
.project-activities-block .newsbox .box .col-md-6 a.icon img{display: block;transition: all 0.5s ease 0s ;}
.project-activities-block .newsbox .box .col-md-6 a.icon:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.project-activities-block .newsbox .box .col-md-6 a.icon:hover img{transform: rotate(45deg);}
.green{color: #009640;}

.project-activities-block .tabbar{display: flex;flex-wrap: wrap;}
.project-activities-block .tabbar a{display: inline-block;border-radius: 32px;background: #F1F1F1;padding: 17px 30px;margin-right: 20px;margin-bottom: 20px;}
.project-activities-block .tabbar a.active{background: #009640;color: #fff;}
.project-activities-block .a-logobox .imgs{display: block;margin-right: 50px;margin-bottom: 50px;}
.project-activities-block .Storypart{position: relative;overflow: hidden;margin-top: 80px;padding-top: 80px;}
.project-activities-block .Storypart::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 67%;
    background: #009640;
}
.project-activities-block .Storypart .container{position: relative;z-index: 99;}
.project-activities-block .Storypart .switab h3{cursor: pointer; background: #FFFFFF;border-radius: 60px;text-align: center;padding: 10px;}
.project-activities-block .Storypart .switab .swiper-wrapper{flex-wrap: wrap;}
.project-activities-block .Storypart .switab .swiper-slide{margin-top: 10px;cursor: pointer;}
.project-activities-block .Storypart .switab .swiper-slide-thumb-active h3{background: #D1FC96;} 
.project-activities-block .Storypart .swiimg .swiper-slide{margin-top: 70px;margin-bottom: 50px; border: 6px solid #FFFFFF;background: #009640;transition: 300ms;}
.project-activities-block .Storypart .swiimg .swiper-slide .boximg{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 60.55%;
    position: relative;
}
.project-activities-block .Storypart .swiimg .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 .Storypart .swiimg .swiper-slide h4{color: #fff;padding: 20px 10px;}
.project-activities-block .Storypart .swiimg .swiper-slide-active{
    transform: scale(1.2);
    background: none;
}
.project-activities-block .Storypart .swiimg .swiper-slide-active h4{color: #6F621D;font-size: 40px;}
.project-activities-block .Storypart .swiimg .swiper-slide-active .boximg{
    padding-bottom: 72.55%;
}
.project-activities-block .Storypart .swiimg .swiper-button-next{right: 29.5%;}
.project-activities-block .Storypart .swiimg .swiper-button-prev{left: 29.5%;}



.project-activities-block .Howtopart{background: #D1FC96;padding: 80px 0px;}
.project-activities-block .Howtopart .garyback{border-radius: 40px;background: #F0F4F4;box-sizing: border-box;padding: 80px 50px;}
.project-activities-block .Howtopart .garyback .col-md-2{width: 20%;position: relative;}
.project-activities-block .Howtopart .garyback .col-md-2 .imgs{width: 208px;height: 208px;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.project-activities-block .Howtopart .garyback .col-md-2 h4{color: #4D4D4D;}
.project-activities-block .Howtopart .garyback .col-md-2::after{
    content: "\f0da";
    font-family: 'FontAwesome';
    color: #6F621D;
    position: absolute;
    right: 0;
    top: 20%;
    font-size: 30px;
}
.project-activities-block .Howtopart .garyback .col-md-2:nth-last-child(1)::after{display: none;}
.project-activities-block .hkpart{background: #F0F4F4;padding: 150px 100px;}
.project-activities-block .hkpart .txt{color: #4D4D4D;}
.project-activities-block .nativepart{position: relative;overflow: hidden;background: #D1FC96;padding: 80px 0px;}
.project-activities-block .nativepart .row .col-md-3 .boxcontent{border: 5px solid #fff;position: relative;background: #009640;height: 100%;}
.project-activities-block .nativepart .row .box{position: relative;}
.project-activities-block .nativepart .row .box .imgs{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 60.05%;
    position: relative;
}
.project-activities-block .nativepart .row .box .imgs 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 .nativepart .row .box h4{color: #fff;padding: 16px;}
.project-activities-block .nativepart .row .hover{opacity: 0; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);color: #fff;box-sizing: border-box;padding: 30px;}
.project-activities-block .nativepart .row .hover ul li{position: relative;padding-left: 20px;margin-top: 25px;}
.project-activities-block .nativepart .row .hover ul li::before{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 10px;
}
.project-activities-block .nativepart .row .hover ul li h5{margin-bottom: 15px;}
.project-activities-block .nativepart .row .hover a{display: inline-block;background: #D1FC96;padding: 10px 20px;margin-top: 20px;}
.project-activities-block .nativepart .row .hover a img{margin-left: 20px;}
.project-activities-block .nativepart .row .col-md-3:hover .hover{opacity: 1;}
.project-activities-block .nativepart .load img{display: block;margin: 0 auto;}
.project-activities-block .nativepart .load a{display: block;background: #6F621D;color: #fff;padding: 10px 20px;max-width: 176px;margin: 0 auto;text-align: center;}
.white{color: #fff;}
.project-activities-block .videoepart{position: relative;overflow: hidden;background: #009640;margin-top: 60px;padding: 80px 0px;}
.project-activities-block .videoepart .col-md-4 .boxcontent{position: relative;height: 100%;border: 5px solid #0CC352;background: #D1FC96;}
.project-activities-block .videoepart .col-md-4 .boxcontent .box{position: relative;}
.project-activities-block .videoepart .col-md-4 .boxcontent .box .imgs{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 57.05%;
    position: relative;
}
.project-activities-block .videoepart .col-md-4 .boxcontent .box .imgs::after{
    content: '';
    display: block;
    width: 74px;
    height: 74px;
    background: url(../images/small-logo.png) no-repeat top center;
    position: absolute;
    right: 30px;
    top: 30px;
}
.project-activities-block .videoepart .col-md-4 .boxcontent .box .imgs 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 .videoepart .col-md-4 .boxcontent .box .imgs::before{
     content: '';
     display: block;
     width: 76px;
     height: 75px;
     background: url(../images/play.png) no-repeat top center;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
     z-index: 99;
}
.project-activities-block .videoepart .col-md-4 .boxcontent h4{box-sizing: border-box;padding: 20px 30px 40px 30px;color: #009640;}
.project-activities-block .participatepart{position: relative;overflow: hidden;padding: 80px 0px;} 
.project-activities-block .participatepart .garyback{border-radius: 20px;border: 1px solid #E0E0E0;background: #FAFAF9;padding: 40px;}
.project-activities-block .participatepart .garyback .items{display: flex;justify-content: space-between;align-items: center; border-top: 1px solid #E0E0E0;padding: 30px 0px;}
.project-activities-block .participatepart .garyback .items .urla{display: inline-block;background: #D1FC96;padding: 15px 30px;}
.project-activities-block .participatepart .garyback .items .urla img{margin-left: 20px;}
.project-activities-block .participatepart .garyback .items p{margin-bottom: 0;color: #6B6B6B;margin-top: 10px;}
.project-activities-block .participatepart .garyback .items p a{color: #3A7C22;}
.project-activities-block .Supportspart{position: relative;overflow: hidden;background: #F0F4F4;padding: 80px 0px;}
.project-activities-block .Supportspart .row .col-md-4 a{display: block;}
.project-activities-block .Supportspart .row .col-md-4 a .boximg{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 50.05%;
    position: relative;
    border-radius: 12px;
}
.project-activities-block .Supportspart .row .col-md-4 a .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 .tagtreepart{position: relative; background: #009640;padding: 80px 0px;margin-top: 80px;}
.project-activities-block .tagtreepart::before{
    content: '';
    display: block;
    position: absolute;
    right: -5%;
    top: 20%;
    width: 954px;
    height: 955px;
    background: url(../images/logo_d.png) no-repeat top center;
    background-size: cover;
    animation: smoke2 2s ease-in-out infinite;

}
.project-activities-block .tagtreepart .articles{padding-bottom: 0;overflow: visible;}
.project-activities-block .tagtreepart .articles .mySwiper{overflow: hidden;}
.project-activities-block .tagtreepart .articles .swiper-slide{border-radius: 0px;position: relative;overflow: hidden;border: 8px solid #FFFFFF;}
.project-activities-block .tagtreepart .articles .swiper-button-prev{left: -90px;}
.project-activities-block .tagtreepart .articles .swiper-button-next{right: -90px;}
.project-activities-block .eventpart::before{display: none;}
.project-activities-block .eventpart .articles{display: flex;justify-content: space-between;align-items: flex-end;}
.project-activities-block .eventpart .articles .wid{width: calc(100% - 200px);}
.project-activities-block .eventpart .articles .arrow{position: relative;float: right;height: 60px; width: 140px;right: 0;bottom: 0;}
.project-activities-block .eventpart .articles .arrow .swiper-button-prev{left: 0;}
.project-activities-block .eventpart .articles .arrow .swiper-button-next{right: 0;}
.project-activities-block .category .col-md-3 .box{height: 100%; color: #fff; background: #F3BC6C;padding: 55px 50px;}
.project-activities-block .category .col-md-3 .box .topbar{color: #fff; border-bottom: 1px solid #FFFFFF;padding-bottom: 20px;text-transform: capitalize;}
.project-activities-block .category .col-md-3 .box .topbar img{margin-right: 10px;}
.project-activities-block .category .col-md-3 .box .price{color: #fff;margin: 20px auto;text-align: center;}
.project-activities-block .category .col-md-3 .box a{display: block;width: 100%;padding: 10px;border-radius: 5px;color: #F3BC6C;background: #fff;text-align: center;margin-top: 40px;}
.project-activities-block .category .col-md-3 .box a:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.project-activities-block .category .col-md-3:nth-child(2) .box{background: #5CB85C;}
.project-activities-block .category .col-md-3:nth-child(2) .box a{color: #5CB85C;}
.project-activities-block .category .col-md-3:nth-child(3) .box{background: #5BC0DE;}
.project-activities-block .category .col-md-3:nth-child(3) .box a{color: #5BC0DE;}
.project-activities-block .category .col-md-3:nth-child(4) .box{background: #E86240;}
.project-activities-block .category .col-md-3:nth-child(5) .box a{color: #E86240;}

.project-activities-block .categories{background: #F2F6F7;display: flex;justify-content: space-between;flex-wrap: wrap;}
.project-activities-block .categories .left{width: 48%;height: 700px;background: #e4f9f6;}
.project-activities-block .categories .left img{width: 100%;height: 100%;object-fit: contain;}


.paf-block .container{max-width:1300px;margin:0 auto;}
.text-left{text-align:left;}
.paf-block h2{color:#7eaa55;font-size:30px;}
.paf-block h3{border-radius:15px;padding: 10px;background:#b3ddf5;color:#3a3838;font-size:24px;}
.paf-block table tr td,.paf-block table tr th{border:2px solid #a4c3e3;padding:10px;font-size:20px;}
.paf-block table tr td span{text-align:right;display:block;}
.paf-block table tr td a{text-decoration: underline !important;}
.paf-block .txt p span{margin-left:10px; border-bottom:2px solid #a4c3e3;width:150px;display: inline-block;}
.paf-block .txt p a{text-decoration: underline !important;color:#000}

@media(max-width:1680px) {
	.project-activities-block .categories .left img{object-fit: contain;}
}
@media(max-width:1200px) {
	
}
.project-activities-block .categories .right{width: 52%;box-sizing: border-box;padding: 40px;}
.project-activities-block .categories .right .taba{display: flex;align-items: center;justify-content: space-between;}
.project-activities-block .categories .right .taba a{display: inline-block;text-align: center; background: #FFFFFF;padding: 15px;width: 22%;}
.project-activities-block .categories .right .taba a.active{background: #009640;color: #fff;}
.project-activities-block .categories .right .tabcontent .items{display: none;}
.project-activities-block .categories .right .tabcontent .items:nth-child(1){display: block;}
.project-activities-block .categories .right .tabcontent .items .txt{margin-top: 1rem;}
.project-activities-block .categories .right .tabcontent .items h4{color: #313131;}

.project-activities-block .articebox{display: flex;justify-content: space-between;align-items: flex-end;}
.project-activities-block .articebox .lefttxtcon em{font-style: normal;color: #ACB0B9;}
.project-activities-block .articebox .lefttxtcon em img{margin-right: 10px;}
.project-activities-block .articebox .lefttxtcon dl dd{color: #6B6B6B; display: flex;align-items: center;margin-top: 15px;}
.project-activities-block .articebox .lefttxtcon dl dd .tag{display: flex;align-items: center;color: #fff;margin-left: 20px;}
.project-activities-block .articebox .lefttxtcon dl dd .tag em{color: #fff;margin-right: 20px;background: #009640;border-radius: 30px;color: #fff;padding: 10px 20px;}
.project-activities-block .articebox .lefttxtcon dl dd:nth-child(2) .tag em{background: #92D050;}
.project-activities-block .recommendations{background: #F2F6F7;padding: 80px 0px;margin-top: 80px;}
.project-activities-block .recommendations .row .col-md-3 .boximg{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 76.05%;
    position: relative;
    border-radius: 10px;
}
.project-activities-block .recommendations .row .col-md-3 .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 .recommendations .row .col-md-3 .con h3{
    margin: 20px 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.project-activities-block .recommendations .row .col-md-3 .time{color: #4D4D4D;font-style: normal;display: flex;align-items: center;}
.project-activities-block .recommendations .row .col-md-3 .time img{margin-right: 10px;}
.project-activities-block .recommendations .row .col-md-3 em{margin-bottom: 10px;}
.project-activities-block .recommendations .row .col-md-3 .category{display: inline-block;border-radius: 17px;background: #009640;color: #fff;padding: 5px 20px;font-style: normal;}
.project-activities-block .enewsletter .pebar{padding: 20px 0;border-top: 1px solid #000000;border-bottom: 1px solid #000000;display: flex;align-items: center;}
.project-activities-block .enewsletter .pebar .datetime{display: flex;align-items: center;margin-left: 50px;}
.project-activities-block .enewsletter .pebar .datetime em{display: inline-block;background: #009640;color: #fff;width: 148px;text-align: center; padding: 10px 10px;font-style: normal;margin-left: 10px;}
.project-activities-block .enewsletter .bgback{width: 100%;height: 100%;background: url(../images/bg.png) no-repeat top center;background-size: cover;box-sizing: border-box;padding: 30px;margin-top: 40px;border-radius: 20px;}
.project-activities-block .enewsletter .bgback .txt{margin: 20px auto auto auto; display: flex;align-items: center;justify-content: space-between;width: 660px;}
.project-activities-block .enewsletter .bgback .txt .icos{width: 120px;}
.project-activities-block .enewsletter .bgback .txt p{width: calc(100% - 120px);margin-bottom: 0;}
.project-activities-block .enewsletter .bgback form{background: #fff;box-sizing: border-box;padding: 30px; border-radius: 10px;border: 1px solid #EBEBEB;width: 660px;margin: 30px auto;}
.project-activities-block .enewsletter .bgback form .form-group{display: flex;justify-content: space-between;flex-wrap: wrap;}
.project-activities-block .enewsletter .bgback form .form-group input{width: 49%;background: #EBEBEB;padding: 11px;border: none;margin-top: 30px;}
.project-activities-block .enewsletter .bgback form button{width: 100%;border: 1px solid #009640; background: #009640;color: #fff;text-align: center;padding: 10px;margin-top: 10px;}
.project-activities-block .enewsletter .bgback form button:hover{background: none;color: #009640;}

.project-activities-block .bodyarticle 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 .txt:nth-last-child(1){border-bottom: 1px solid #D4D9D2;margin-bottom: 30px;padding-bottom: 50px;}
.project-activities-block .bodyarticle .txt ul li{position: relative;padding-left: 30px;margin-top: 30px;}
.project-activities-block .bodyarticle .txt ul li::before{
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background: #000000;
    position: absolute;
    left: 0;
    top: 10px;
}
.project-activities-block .bodyarticle .txt ul li a{color: #009640;}
.project-activities-block .bodyarticle .txt2.border-none{border: none;} 
.project-activities-block .bodyarticle .txt2 h3{border: none;margin-top: 0;padding-top: 20px;margin-bottom: 30px;color: #313131;}
.project-activities-block .bodyarticle .txt2 ul li{margin-bottom: 15px;margin-top: 0;}
.project-activities-block .bodyarticle .txt2 ul li::before{background: #D4D9D2;border-radius: 50%;width: 14px;height: 14px;}
.project-activities-block .bodyarticle .row .col-md-6 p{position: relative;display: flex;align-items: center;color: #313131;margin-bottom: 30px;}
.project-activities-block .bodyarticle .row .col-md-6 p::before{
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: #D4D9D2;
    border-radius: 50%;
    margin-right: 10px;
}
.project-activities-block .bodyarticle .row .col-md-6 dl dd{background: #F2F6F7;padding: 12px 30px;display: flex;align-items: center;margin-bottom: 20px;}
.project-activities-block .bodyarticle .row .col-md-6 dl dd img{margin-right: 10px;}



.project-activities-block .events-detail dl dd{border-top: 1px solid #D4D9D2;padding: 45px 0 30px 0px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.project-activities-block .events-detail dl dd:nth-last-child(1){border-bottom: 1px solid #D4D9D2;}
.project-activities-block .events-detail dl dd .sp1{width: 480px;color: #313131;}
.project-activities-block .events-detail dl dd .sp2{width: calc(100% - 480px);color: #4D4D4D;}
.project-activities-block .events-detail dl dd .sp2 ul li{position: relative;padding-left: 20px;margin-bottom: 8px;}
.project-activities-block .events-detail dl dd .sp2 ul li::before{
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background: #000000;
    position: absolute;
    left: 0;
    top: 15px;
}
.project-activities-block .events-detail dl dd .sp2 .bluelightback{margin-bottom: 20px;padding: 15px 20px;border-radius: 0;}
.project-activities-block .events-detail dl dd .sp2 .bluelightback p{margin-bottom: 0;color: #313131;}
.project-activities-block .events-detail dl dd .sp2 .bluelightback span{color: #6B6B6B;    font-family: "Figtree-Light",'微軟正黑體';}
.project-activities-block .events-detail dl dd .sp2 img{margin-top: 10px;}
.project-activities-block .events-detail dl dd p{margin-bottom: 20px;}

.project-activities-block .events-detail dl dd .sp2 dl dd{position: relative; border: none !important;display: flex;text-align: left;}
.project-activities-block .events-detail dl dd .sp2 .row .col-md-6:nth-child(1) dl dd{padding-left: 60px;position: relative;}
.project-activities-block .events-detail dl dd .sp2 .row .col-md-6:nth-child(1) dl dd img{position: absolute;left: 20px;top: 8px;}



.Support-Us-block{position: relative;overflow: hidden;padding: 80px 0px;}
.Support-Us-block .DMcontent{background:#395C40;margin-top: 100px;}
.Support-Us-block .DMcontent .bar{background: #D1FC96;}
.Support-Us-block .DMcontent .whiteback{background: #F2F6F7;border-radius: 20px;border: 1px solid #E0E0E0;}
.Support-Us-block .DMcontent .whiteback .txt p{color: #6B6B6B;margin-top:37px;margin-bottom: 37px;}
.Support-Us-block .DMcontent .whiteback .txt ul li{ border-bottom: 1px solid #EBEBEB;padding: 20px 35px;color: #6B6B6B;}
.Support-Us-block .DMcontent .whiteback .txt ul li a{color: #009640;}
.Support-Us-block .DMcontent .whiteback .txt ul li:nth-last-child(1){border: none;}
.Support-Us-block .DMcontent .whiteback .txt img{display: block;margin: 50px auto;}
.Support-Us-block .DMcontent .whiteback .txt.mx-5{margin-left: 35px !important;margin-right: 35px !important;}
.Support-Us-block .stepbox{width: 100%;height: 100%;background: #F2F6F7;border-radius: 20px; padding: 90px 40px;position: relative;overflow: hidden;}
.Support-Us-block .stepbox::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/i1.png) no-repeat top center;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
    animation: smoke1 2s ease-in-out infinite;
}
.Support-Us-block .stepbox .steps{
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
}
.Support-Us-block .stepbox .steps li{position: relative; width: 30%;}
.Support-Us-block .stepbox .steps li:nth-last-child(1){width: 180px;}
.Support-Us-block .stepbox .steps li .circle{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: #FFFFFF;
    color: #009640;
    display: block;
    position: relative;
    z-index: 99;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.Support-Us-block .stepbox .steps li::after{
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 0%;
    top: 65px;
    height: 3px;
    background: #D1FC96;
}
.Support-Us-block .stepbox .steps li:nth-last-child(1):after{display: none;}
.Support-Us-block .stepbox .steps li span{margin-left: -20%;display: block;margin-top: 20px;}
.Support-Us-block .stepbox .steps2 li span{margin-left: -7%;width: 300px;}
.Support-Us-block .stepbox .steps li:nth-child(1) span{margin-left: -10%;}
.Support-Us-block .stepbox .steps2 li:nth-child(1) span{margin-left: -15%;}
html[lang="zh-HK"] .Support-Us-block .stepbox .steps2 li:nth-child(1) span{margin-left: 0;}
html[lang="zh-HK"] .Support-Us-block .stepbox .steps2 li span{margin-left: 5%;}
html[lang="zh-HK"] .Support-Us-block .stepbox .steps2 li:nth-child(3) span{margin-left: 15%;}
.Support-Us-block .stepbox .steps li.active .circle{background: #D1FC96;position: relative;}
.Support-Us-block .stepbox .steps li.active-g .circle::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #D1FC96;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;

}
.Support-Us-block .stepbox .steps li.active-g .circle::after{
    content: '';
    display: block;
    width: 52px;
    height: 40px;
    background: url(../images/g.svg) no-repeat top center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);

}
.Support-Us-block .stepbox .dpbox{width: 850px;border: 1px solid #D4D9D2;margin: 120px auto;background: #fff;border-radius: 10px;}
.Support-Us-block .stepbox .dpbox .form-group .select-menu-div{width: 100%;padding: 20px;}
.Support-Us-block .stepbox .dpbox .form-group .select-menu-div i{right: 15px;}
.Support-Us-block .stepbox .whiteback{position: relative; border-radius: 10px;background: #fff;border: 1px solid #D4D9D2;box-sizing: border-box;padding: 40px; padding-bottom: 80px;}
.Support-Us-block .stepbox .slider .slide{display: none;}
.Support-Us-block .stepbox .slider .slide.active{display: block;}
.Support-Us-block .stepbox .slider .slide .txtcon{ border-top: 1px solid #D4D9D2; display: flex;justify-content: space-between;flex-wrap: wrap;}
.Support-Us-block .stepbox .slider .slide .txtcon .pic{width: 347px;padding-top: 40px;}
.Support-Us-block .stepbox .slider .slide .txtcon .txt{padding-top: 40px; border-left: 1px solid #D4D9D2;box-sizing: border-box;padding-left: 40px; width: calc(100% - 387px);}
.Support-Us-block .stepbox .slider .slide form label{color: #7B7B7B;}
.Support-Us-block .stepbox .slider .slide form label sub{color: #FC1313;top: 0;}
.Support-Us-block .stepbox .slider .slide form .wid90{width: 90%;margin: 0 auto;}
.Support-Us-block .stepbox .slider .slide form .inp{margin-top: 1rem; border-radius: 5px;border: 1px solid #D4D9D2;width: 24%;display: flex;align-items: center;justify-content: space-between;}
.Support-Us-block .stepbox .slider .slide form .inp span{border-radius: 5px 0px 0px 5px;background: #F2F6F7;padding: 13px 10px;width: 64px;text-align: center;}
.Support-Us-block .stepbox .slider .slide form .inp input{width: calc(100% - 74px);border: none;outline: none;outline: none;box-shadow: none;margin-top: 0;padding: 0;}
.Support-Us-block .stepbox .slider .slide form .form-control{margin-top: 1rem;border: 1px solid #D4D9D2;border-radius: 5px;padding: 15px;}
.Support-Us-block .stepbox .slider .slide .tips_check{}
.Support-Us-block .stepbox .slider .slide .tips_check .checkbox-inline .checkbox{width: auto;}
.Support-Us-block .stepbox .slider .slide .tips_check .checkbox-inline .checkbox .checkmark{opacity: 1;}
.Support-Us-block .stepbox .btnarrow{ position: absolute;width: calc(100% - 80px);bottom: 70px;left: 40px;right: 40px;}
.Support-Us-block .stepbox button{float: left;border: 1px solid #D4D9D2;background: none; border-radius: 5px;padding: 12px 40px;}
.Support-Us-block .stepbox button:nth-last-child(2){position: absolute;left: 0;bottom: 0;}
.Support-Us-block .stepbox button:nth-last-child(1){float: right;position: absolute;right: 0;bottom: 0;}
.Support-Us-block .stepbox button:hover{background: #D1FC96;border: 1px solid #D1FC96;}
.Support-Us-block .volunteers{border-radius: 20px;border: 1px solid #D4D9D2;background: #F2F6F7;padding: 100px 50px;}
.Support-Us-block .volunteers .txt{max-width: 1100px;margin: 40px auto;background: #D4D9D2;padding: 20px;}
.Support-Us-block .volunteers form{max-width: 1100px;margin: 80px auto;}
.Support-Us-block .volunteers form .form-group{display: flex;justify-content: space-between;margin-bottom: 25px;align-items: baseline;}
.Support-Us-block .volunteers form .form-group.recapt_cont{align-items: center;}
.Support-Us-block .volunteers form .form-group label{width: 240px;color: #7B7B7B;position: relative;padding-left: 12px;}
.Support-Us-block .volunteers form .form-group label sub{color: #FC1313;top: 10px;left: 0; position: absolute;}
.Support-Us-block .volunteers form .form-group .form-control{width: calc(100% - 240px);border-radius: 5px;border: 1px solid #D4D9D2;padding: 15px;}
.Support-Us-block .volunteers form .form-group .radiolist{width: calc(100% - 200px);}
.Support-Us-block .volunteers form .form-group .radiolist .radiobox-inline{border: none;width: auto;padding: 0;margin-right: 60px;}
.Support-Us-block .volunteers form .form-group .radiolist  .radiobox-inline .radiobox .bzbox{padding-left: 20px;color: #000000;}
.Support-Us-block .volunteers form .form-group.flex-wrap label{width: 100%;}
.Support-Us-block .volunteers form .form-group.flex-wrap .form-control{width: 100%;margin-top: 15px;}
.Support-Us-block .volunteers form button{background: #D1FC96;border: 1px solid #D1FC96; border: none;padding: 15px 54px;border-radius: 5px;}
.Support-Us-block .volunteers form button:hover{color: #fff;background: #009640;}
.Support-Us-block .volunteers form .form-group-large label{width: 330px;}
.Support-Us-block .volunteers form .form-group-large .checkboxlist{width: calc(100% - 330px);}
.Support-Us-block .volunteers form .form-group-large .checkboxlist .checkbox-inline{width: 100%;margin-bottom: 10px;}
.Support-Us-block .volunteers form .form-group-large .checkboxlist .checkbox-inline .box{padding-left: 30px;}
.Support-Us-block .volunteers form .form-group-large .checkboxlist .checkbox-inline .box p{color: #000;text-align: left;}
.Support-Us-block .volunteers form .form-group-large .checkboxlist .checkbox-inline .checkbox .checkmark{opacity: 1;top: 6px;}

.Support-Us-block .volunteers .whiteback{background: #fff;border-radius: 27px;max-width: 1340px;margin: 0 auto;padding: 50px;}
.Support-Us-block .volunteers .whiteback form{max-width: 100%;margin: 0;}
.Support-Us-block .volunteers .accordion .accordion-button{box-shadow: none; background: none;padding: 0;color: #000000;border-bottom: none;}
.Support-Us-block .volunteers .accordion .accordion-button::after{content: '';display: block;width: 22px;height: 19px;background: url(../pic/down.svg) no-repeat top center;}
.Support-Us-block .volunteers .accordion label{width: 320px !important;}
.Support-Us-block .volunteers .accordion .frg{width: calc(100% - 340px);}
.Support-Us-block .volunteers .accordion .radiolist{width: calc(100% - 340px) !important;}
.Support-Us-block .volunteers .accordion .radiolist .radiobox-inline{width: 31.33% !important;margin-right: 0 !important;}
.Support-Us-block .volunteers .accordion .frg .form-control{width: 100%;}
.Support-Us-block .volunteers .accordion .frg em{font-style: normal;color: #7B7B7B;margin-top: 10px;display: block;}
.Support-Us-block .volunteers .accordion .frg .inp{position: relative;}
.Support-Us-block .volunteers .accordion .frg .inp i{position: absolute;top: 50%;transform: translateY(-50%);right: 20px;font-style: normal;color: #7B7B7B;}
.Support-Us-block .volunteers .accordion .accordion-body{margin-top: 50px; padding: 0;}
.Support-Us-block .volunteers .accordion .bagbox{display: flex;}
.Support-Us-block .volunteers .accordion .bagbox .list{margin-right: 50px;}
.Support-Us-block .volunteers .accordion .wid100{flex-wrap: wrap !important;}
.Support-Us-block .volunteers .accordion .wid100 .frg{width: 100% !important;}
.Support-Us-block .volunteers .accordion .radiolist.rab{display: block;}
.Support-Us-block .volunteers .accordion .radiolist.rab .radiobox-inline{width: 100% !important;}
.Support-Us-block .volunteers .accordion .radiolist.rab .radiobox-inline .form-control{height: 20px;zoom: 1; outline: none; box-shadow: none; border: none;border-bottom: 1px solid #000000;padding: 0;border-radius: 0;opacity: 1;padding-left: 5px;}
.Support-Us-block .volunteers .accordion .radiolist.rab .radiobox-inline .bzinput{position: relative;}
.Support-Us-block .volunteers .accordion .radiolist.rab .radiobox-inline .bzinput span{display: flex;align-items: baseline;}
.Support-Us-block .volunteers .accordion .greenlightback{background: #F2F6F7;padding: 30px;}
.Support-Us-block .volunteers .accordion .greenlightback a{color: #087B3F;word-break: break-all;}
.Support-Us-block .volunteers .accordion .greenlightback p{margin: 20px 0px;}
.Support-Us-block .volunteers .accordion .price-count{background: #F2F6F7;border-radius: 5px;border: 1px solid #D4D9D2; display: flex;align-items: center;max-width: 472px;}
.Support-Us-block .volunteers .accordion .price-count input{border: none;box-shadow: none;text-align: center;}
.Support-Us-block .volunteers .accordion .price-count span{width: 75px;display: flex;align-items: center;justify-content: center;}
.Support-Us-block .volunteers .accordion .checkboxlist .checkbox-inline{width: 100% !important;padding-left: 0 !important;}
.Support-Us-block .volunteers .accordion .checkboxlist .checkbox-inline p{color: #000;padding-left: 26px;text-align: left;}
.Support-Us-block .volunteers .accordion .checkboxlist .checkbox-inline .checkbox .checkmark{opacity: 1 !important;top: 6px;}
.Support-Us-block .stepbox .result-whiteback{
    position: relative;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #D4D9D2;
    box-sizing: border-box;
    padding: 40px;
    padding-bottom: 80px;
    display: none;
}
.tabcontentf .itemsb{display: none;}
.tabcontentf .itemsb:nth-child(1){display: block;}


@media(max-width:1800px) {
    .stoy-block .Milestone .row .col-md-12 .date{width: calc(100% + 194px);}
    .stoy-block .Milestone .row .col-md-12:nth-child(even) .date{transform: translateX(-194px);}
    .stoy-block .Milestone .row .col-md-12::before{width: 157px;top: -90px;}
    .stoy-block .Milestone .row .col-md-12::after{width: 157px;}
    .stoy-block .Milestone .row .col-md-12:nth-child(even)::before{width: 157px;top: -90px;}
    
}


@media(max-width:1680px) {
    footer .foottop form .form-group{width: 300px;}
    .radiolist .radiobox-inline{width: 15%;}
    .stoy-block .Milestone .row .col-md-12 .date{width: calc(100% + 184px);}
    .stoy-block .Milestone .row .col-md-12:nth-child(even) .date{transform: translateX(-184px);}
    .stoy-block .Milestone .row .col-md-12::before{width: 147px;top: -90px;}
    .stoy-block .Milestone .row .col-md-12::after{width: 147px;}
    .stoy-block .Milestone .row .col-md-12:nth-child(even)::before{width: 147px;top: -90px;}
    .project-activities-block .bodyarticle .row .col-md-6 dl dd{height: 100px;}
    .project-activities-block .events-detail dl dd .sp2 .row .col-md-6:nth-child(1) dl dd img{top: 28px;}
}
@media(max-width:1600px) {
    .stoy-block .Milestone .row .col-md-12 .date{width: calc(100% + 180px);}
    .stoy-block .Milestone .row .col-md-12:nth-child(even) .date{transform: translateX(-180px);}
}
@media(max-width:1540px) {
    .stoy-block .Milestone .row .col-md-12 .date{width: calc(100% + 174px);}
    .stoy-block .Milestone .row .col-md-12:nth-child(even) .date{transform: translateX(-174px);}
}
@media(max-width:1480px) {
    .stoy-block .Milestone .row .col-md-12 .date{width: calc(100% + 167px);}
    .stoy-block .Milestone .row .col-md-12:nth-child(even) .date{transform: translateX(-167px);}
    .stoy-block .Milestone .row .col-md-12::before{width: 127px;top: -90px;}
    .stoy-block .Milestone .row .col-md-12::after{width: 127px;}
    .stoy-block .Milestone .row .col-md-12:nth-child(even)::before{width: 127px;top: -90px;}
}
@media(max-width:1440px) {
    footer .foottop form .form-group{width: 240px;}
    footer .foottop form button{padding: 12px 16px;}
    .project-activities-block .Programme .txtcon .garyback{flex-wrap: wrap;}
    .project-activities-block .Programme .txtcon .garyback .left{width: 100%;}
    .project-activities-block .Programme .txtcon .garyback .right{width: 100%;}
    .page-banner .inner{flex-direction: row;}
    .page-banner .inner .page-banner-text{margin-top: 40px;}
    .page-banner .inner h1{margin-top: 30px;}
    .project-activities-block .Howtopart .garyback .col-md-2 .imgs{width: 188px; height: 188px;}
    .project-activities-block .events-detail dl dd .sp2 .wid100 .row .col-md-6{width: 100%;margin-bottom: 30px;}
}
@media(max-width:1366px) {
   
    .pup .pupcontent{padding: 100px;}
    .pup .pupcontent .close{right: 100px;}
    .page-banner{height: 400px;}
    .page-banner.h_auto{height: auto;}

    .page-banner .boximg img{width: 100%;height: 100%;object-fit: cover;}
    .project-activities-block .Storypart .swiimg .swiper-button-next{right: 21%;}
    .project-activities-block .Storypart .swiimg .swiper-button-prev{left: 21%;}
    .project-activities-block .Howtopart .garyback .col-md-2 .imgs{width: 168px; height: 168px;box-sizing: border-box;padding: 20px;}
    .stoy-block .Milestone .row .col-md-12 .date{width: calc(100% + 157px);}
    .stoy-block .Milestone .row .col-md-12:nth-child(even) .date{transform: translateX(-157px);}
    .Support-Us-block .volunteers form .form-group label.checkbox-inline{width: 100%;}
    .checkboxlist.wid{width: 100%;}
   
}
@media(max-width:1280px) {
    .stoy-block .Milestone .row .col-md-12 .date{width: calc(100% + 150px);}
    .stoy-block .Milestone .row .col-md-12:nth-child(even) .date{transform: translateX(-150px);}
    .stoy-block .Milestone .row .col-md-12::before{width: 117px;top: -90px;}
    .stoy-block .Milestone .row .col-md-12::after{width: 117px;}
    .stoy-block .Milestone .row .col-md-12:nth-child(even)::before{width: 117px;top: -90px;}
    html[lang="zh-HK"] .Support-Us-block .stepbox .steps2 li span{margin-left: 8%;}
}


@media(max-width:1200px) {
    header .left{border: none;}
    .nav-item{position: relative !important;}
    .mobile-menu .navigation li>ul>li:last-child{display: none;}
    .mobile-menu .navigation li>ul>li{padding: 0rem;margin: 0; box-sizing: border-box;}
    .mobile-menu .navigation li>ul>li>a{padding: 0.8rem 0.5rem;display: block;width: 100%;}
    .mobile-menu .navigation li>ul{border: none;}
    .mobile-menu .navigation li>ul>li>ul{}
    .mobile-menu .navigation li>ul>li>ul>li>a img{margin-right: 10px;}
    .icon-box{display: block !important;}
    .icon-box .btn {
        margin-right: 2rem;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        height: 25px;
        width: 30px;
        cursor: pointer;
        z-index: 99;
    }
    .icon-box .btn span {
        position: absolute;
        webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        display: block;
        height: 3px;
        width: 100%;
        background: #555;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    .icon-box .btn span:first-child {
        top: 0;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    .icon-box .btn span:nth-child(2) {
        top: 9px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    .icon-box .btn span:last-child {
        top: 18px;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    header .right{display: none;}
    header .d-flex{align-items: center;}
    .banbox .swiper-slide{height: 700px;}
    .banbox .bani{height: 100%;}
    .banbox .bani img{width: 100%;height: 100%;object-fit: cover;}

    .stoy-block .greenback h4 br{display: none;}
    .pup .pupcontent{padding: 50px;}
    .pup .pupcontent .close{right: 50px;}
    .pup .pupcontent .puptext div{height: 200px;}
    .pup .pupcontent .close{width: 60px;height: 60px;right: 20px;top: 20px;}
    .pup .pupcontent .close::before{left: 20px;top: 30px;}
    .pup .pupcontent .close::after{left: 20px;top: 30px;}
    .project-activities-block .Howtopart .garyback .col-md-2 .imgs{width: 138px; height: 138px;}
    .project-activities-block .Howtopart .garyback .col-md-2::after{top: 15%;}
    .project-activities-block .participatepart .garyback .items{flex-wrap: wrap;}
    .project-activities-block .participatepart .garyback .items .left{width: 100%;margin-bottom: 20px;}
    .project-activities-block .newsbox .box .col-sm-12{width: 100%;}
    .project-activities-block .newsbox .box .col-sm-12>img{width: 100%;margin: 20px auto;}
    .project-activities-block .newsbox .box .col-md-6 a{top: 50px;}
    .stoy-block .Milestone .row .col-md-12 .date{width: calc(100% + 140px);}
    .stoy-block .Milestone .row .col-md-12:nth-child(even) .date{transform: translateX(-140px);}
    .project-activities-block .categories .left{width: 100%;height: auto;}
    .project-activities-block .categories .right{width: 100%;}

    
    
}
@media(max-width:1024px) {
    .page-banner .inner .page-banner-text{flex-wrap: wrap;}
    .page-banner .inner .page-banner-text .txt{width: 100%;}
    .page-banner .inner .page-banner-text .bread{width: 100%;}
    .page-banner{height: 300px;}
    .navbar .container{flex-wrap: wrap;}
    .navbar .container h2{width: 100%;padding: 20px 0px;}
    .navbar .container ul{width: 100%;border-left: none;border-top: 1px solid rgba(255, 255, 255, 0.1);}
    footer .foottop .row .col-md-3{width: 100%;}
    footer .foottop form{flex-wrap: wrap;justify-content: center;}
    footer .foottop form .form-group{width: 100%;margin: 10px 0px;}
    footer .foottop form button{width: 100%;margin-top: 10px;}
    footer .foottop form label{margin-bottom: 10px;}
    footer .foottop .row .col-md-9{width: 100%;}
    footer .logo img{display: block;margin: 0 auto;}
    footer .footbottom{margin-top: 60px;}
    footer .footbottom .row .col-md-3{width: 100%;margin-bottom: 0 !important;}
    footer .footbottom .border-right{padding: 0; padding-left: 0 !important;border: none !important;padding-right: 0 !important;}
    footer .footbottom nav{display: none;}
    footer .footbottom h4{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #DFE9E9 ;padding: 20px 0px;}
    footer .footbottom h4:after{
        content: "\f105";
        display: block;
        font-family: 'FontAwesome';

    }
    footer .footbottom h4.show::after{
        transform: rotate(90deg);
    }
    .links{display: flex;justify-content: center;}
    .copyright{flex-wrap: wrap;justify-content: center !important;}
  .copyright .c1{
  	width:100%;text-align:center;
  }
  
  .copyright .c2{
  	width:100%;text-align:center;
  }
    footer .footbottom .border-right .links a{margin-left: 15px;}

    footer .container{padding-left: 30px;padding-right: 30px;}
    .stoy-block .kbg{flex-wrap: wrap;padding-top: 80px;border-radius: 200px;}
    .stoy-block .work{width: 100%;margin-top: 30px;}
    .stoy-block .work>img{width: 100%;}
    .stoy-block .team .row .col-md-3{width: 50%;}
    .pup .pupcontent .puptext div{height: 160px;}
    .stoy-block .report .garyback{padding: 40px;}
    .stoy-block .report .row .col-md-4 a{padding: 20px;padding-bottom: 40px;}
    .stoy-block .clents .row .col-md-2{width: 25%;}
    .project-activities-block .row .col-md-4{width: 50%;}
    .project-activities-block .plasticity .conbox{width: calc(100% - 200px);}
    .project-activities-block .Programme .pic{width: 257px;}
    .project-activities-block .Programme .txtcon{width: calc(100% - 280px);}
    .project-activities-block .linksbox dl dd{width: 100%;flex-wrap: wrap;}
    
    .project-activities-block .linksbox dl dd:nth-child(1){padding-right: 0;margin-right: 0;border: none;}
    .project-activities-block .linksbox dl dd p{width: 100%;margin-left: 0;margin-top: 20px;text-align: center;}
    .project-activities-block .category .col-md-3{width: 50%;}
    .project-activities-block .Storypart .swiimg .swiper-button-next{right: 17%;}
    .project-activities-block .Storypart .swiimg .swiper-button-prev{left: 17%;}
    .project-activities-block .Howtopart .garyback .col-md-2{width: 100%;margin: 30px auto;}
    .project-activities-block .Howtopart .garyback .col-md-2 .imgs{width: 228px;height: 228px;}
    .project-activities-block .Howtopart .garyback .col-md-2::after{position: relative;margin: 40px auto auto auto;text-align: center;display: block;transform: rotate(90deg);top: 5%;font-size: 80px;}
    .stoy-block .tabcontent .items .list{flex-wrap: wrap;padding: 40px;}
    .stoy-block .tabcontent .items .list .con{width: 100%;margin-top: 30px;}
    .project-activities-block .recommendations .row .col-md-3{width: 50%;}
    .project-activities-block .enewsletter .pebar .datetime em{width: auto;padding: 10px 20px;}
    .radiolist .radiobox-inline{width: 16%;}
    .Support-Us-block .stepbox .steps li:nth-last-child(1){width: 140px;}
    .Support-Us-block .stepbox .steps li .circle{width: 110px;height: 110px;}
    .Support-Us-block .stepbox .steps li::after{top: 55px;}
    .Support-Us-block .stepbox .steps li:nth-last-child(1){width: 100px;}
    .stoy-block .Milestone .row .col-md-12 .date{width: calc(100% + 125px);}
    .stoy-block .Milestone .row .col-md-12:nth-child(even) .date{transform: translateX(-125px);}
    .stoy-block .Milestone .row .col-md-12::before{width: 100px;top: -90px;}
    .stoy-block .Milestone .row .col-md-12::after{width: 100px;}
    .stoy-block .Milestone .row .col-md-12:nth-child(even)::before{width: 100px;top: -90px;}
    .project-activities-block .bodyarticle .row .col-md-6{width: 100%;}
    .project-activities-block .events-detail dl dd .sp1{width: 100%;}
    .project-activities-block .events-detail dl dd .sp2{width: 100%;margin-top: 30px;}
    .project-activities-block .events-detail dl dd .sp2 .row .col-md-6{width: 50%;}
    .page-banner .boximg{height: 300px;}
    .project-activities-block .clentslist a .icos{height: 138px;}
    .Support-Us-block .volunteers form .form-group{flex-wrap: wrap;}
    .Support-Us-block .volunteers .accordion label{width: 100% !important;}
    .Support-Us-block .volunteers .accordion .frg{width: 100% !important;margin-top: 15px;}
    .Support-Us-block .volunteers form .form-group .radiolist{width: 100%;}
    .Support-Us-block .volunteers .accordion .radiolist{width: 100% !important;}
    html[lang="zh-HK"] .Support-Us-block .stepbox .steps2 li:nth-child(1) span{margin-left: 5%;}
    html[lang="zh-HK"] .Support-Us-block .stepbox .steps2 li span{margin-left: 20%;}
    html[lang="zh-HK"] .Support-Us-block .stepbox .steps2 li:nth-child(3) span{margin-left: 35%;}
    .checkboxlist.wid .checkbox-inline .bzbox{height: 90px;}
    .checkboxlist.wid .checkbox-inline .bzbox p img{display: block;margin: 0 auto;}
    .checkboxlist.wid .checkbox-inline .bzbox p span{padding-left: 0;}
    .paf-block h2{font-size: 24px;}
    .paf-block h3{font-size: 18px;}
    .paf-block table tr td, .paf-block table tr th{font-size: 16px;}
    
}
@media(max-width:820px) {
    .project-activities-block .Storypart .swiimg .swiper-button-next{right: 11%;}
    .project-activities-block .Storypart .swiimg .swiper-button-prev{left: 11%;}
    .project-activities-block .Storypart::before{height: 60%;}
    .project-activities-block .nativepart .row .col-md-3{width: 50%;}
    .project-activities-block .tagtreepart .articles .swiper-button-prev{left: -15px;}
    .project-activities-block .tagtreepart .articles .swiper-button-next{right: -15px;}
    .Support-Us-block .stepbox .slider .slide form .wid90{width: 100%;}
    .Support-Us-block .stepbox .slider .slide form .inp{width: 50%;}
    .Support-Us-block .stepbox .slider .slide .txtcon .pic{width: 247px;}
    .Support-Us-block .stepbox .slider .slide .txtcon .txt{width: calc(100% - 287px);}
    .Support-Us-block .stepbox .dpbox{width: 100%;}
    .radiolist .radiobox-inline{width: 28%;}
    .Support-Us-block .stepbox .dpbox .form-group .select-menu-div i{right: 0;}

    .stoy-block .Milestone .row .col-md-12 .date{width: calc(100% + 108px);}
    .stoy-block .Milestone .row .col-md-12:nth-child(even) .date{transform: translateX(-108px);}
    .stoy-block .Milestone .row .col-md-12::before{width: 80px;top: -90px;}
    .stoy-block .Milestone .row .col-md-12::after{width: 80px;}
    .stoy-block .Milestone .row .col-md-12:nth-child(even)::before{width: 80px;top: -90px;}
    .actiem{max-width: 90%;margin: 0 auto;}
    .Support-Us-block .stepbox .steps2 li span{width: 150px;}
    .Support-Us-block .stepbox .steps2 li span{}
    .Support-Us-block .stepbox .steps2 li:nth-child(3) span{margin-left: -50%;}
    html[lang="zh-HK"] .Support-Us-block .stepbox .steps2 li:nth-child(1) span{width: 70px;margin-left: 0;}
    html[lang="zh-HK"] .Support-Us-block .stepbox .steps2 li span{margin-left: 0;width: 70px;}
    html[lang="zh-HK"] .Support-Us-block .stepbox .steps2 li:nth-child(3) span{margin-left: 0;}
    .checkboxlist.wid .checkbox-inline .bzbox{height: auto;}



}
@media(max-width:768px) {
    .stoy-block .report .garyback{flex-wrap: wrap;}
    .stoy-block .report .garyback .conbox{width: 100%;}
    .stoy-block .address dl{width: 100%;}
    .project-activities-block .tagtreepart .articles .swiper-button-prev{left: -10px;}
    .project-activities-block .tagtreepart .articles .swiper-button-next{right: -10px;}
    .Support-Us-block .stepbox .steps{justify-content: space-between;}
    .Support-Us-block .stepbox .steps li::after{left: 40%;}
    .stoy-block .Milestone .boxcon{width: 100%;}
    .stoy-block .Milestone .row .col-md-12 .date{margin-bottom: 20px; width: 100%;color: #009640 !important;text-align: left !important;transform: none !important;}
    .stoy-block .Milestone .row .col-md-12::before{display: none;}
    .stoy-block .Milestone .row .col-md-12::after{display: none;}
    .stoy-block .Milestone .row .col-md-12 h4::after{display: none;}
    .stoy-block .Milestone .row .col-md-12:nth-child(even)::before{display: none;}
    .stoy-block .Milestone .row::after{display: none;}
    .stoy-block .Milestone .boxcon{padding-bottom: 30px;}
    .page-banner{height: auto;}
    .Support-Us-block .stepbox .steps2 li span{width: 200px;}
    .Support-Us-block .stepbox .steps2 li:nth-child(3) span{margin-left: 10%;}
    html[lang="zh-HK"] .Support-Us-block .stepbox .steps2 li:nth-child(1) span{width: 100px;margin-left: 5%;}
    html[lang="zh-HK"] .Support-Us-block .stepbox .steps2 li span{margin-left: 20%;}
    html[lang="zh-HK"] .Support-Us-block .stepbox .steps2 li:nth-child(3) span{margin-left: 25%;}
    .checkboxlist.wid .tabclick{width: 100%;}
    

}
@media(max-width:767px) {
    .banbox .swiper-slide{height: auto;}
    footer .container{padding-left: 15px;padding-right: 15px;}
    .Support-Us-block .volunteers{padding: 0 20px;}
    .Support-Us-block .volunteers form .form-group{flex-wrap: wrap;}
    .Support-Us-block .volunteers form .form-group label{width: 100%;}
    .Support-Us-block .volunteers form .form-group .form-control{width: 100%;margin-top: 1rem;}
    .stoy-block .kbg{border-radius: 100px;padding-top: 30px;}
    .pup .pupcontent{padding: 30px;}
    .pup .pupcontent h5{margin-top: 30px;}
    .pup .pupcontent .close{right: 10px;top: 10px;}
    .stoy-block .work dl dd .sp1{width: 100%;}
    .stoy-block .work dl dd .sp2{width: 100%;margin-top: 10px;}
    .stoy-block .clents .row .col-md-2{width: 50%;}
    .stoy-block .clents .row .col-md-2 .box{height: 100px;}
    .stoy-block h3 sub{top: -10px;}
    .swiper-button-next{right: -20px;}
    .swiper-button-prev{left: -20px;}
    .project-activities-block .row .col-md-4{width: 100%;}
    .project-activities-block .plasticity{flex-wrap: wrap;}
    .project-activities-block .plasticity em.cate{margin-top: 30px;}
    .project-activities-block .plasticity .conbox{width: 100%;padding-left: 20px;padding-top: 0px;margin-top: 20px;}
    .project-activities-block .plasticity .conbox .greenlightback{padding: 10px 20px;}
    .project-activities-block .plasticity .conbox .urla a{padding: 15px 20px;}
    .project-activities-block .plasticity .conbox .urla a{margin-top: 10px;}
    .project-activities-block .articles .arrow .swiper-btn{width: 140px;}
    .project-activities-block .articles .arrow .swiper-btn .swiper-button-next{right: 0;}
    .project-activities-block .articles .arrow .swiper-btn .swiper-button-prev{left: 0;}
    .project-activities-block .Programme{flex-wrap: wrap;}
    .project-activities-block .Programme .pic{width: 100%;}
    .project-activities-block .Programme .pic img{width: 100%;}
    .project-activities-block .Programme .txtcon{width: 100%;margin-top: 30px;padding-left: 0px;padding-top: 0;}
    .project-activities-block .linksbox dl{flex-wrap: wrap;}
    .project-activities-block .linksbox{padding: 20px;}
    .project-activities-block .linksbox{margin-top: 50px;}
    .project-activities-block .Programme .txtcon .felist .items{flex-wrap: wrap;}
    .project-activities-block .Programme .txtcon .felist .items .con{width: 100%;margin-top: 20px;}
    .project-activities-block .Programme .txtcon.border-none{padding-left: 0;}
    .project-activities-block .category .col-md-3{width: 100%;}
    .project-activities-block .eventpart .articles .wid{width: 100%;}
    .project-activities-block .eventpart .articles{flex-wrap: wrap;}
    .project-activities-block .Storypart .switab .swiper-wrapper{flex-wrap: nowrap;}
    .project-activities-block .Storypart .swiimg .swiper-slide-active{transform: scale(1);}
    .project-activities-block .Storypart .swiimg .swiper-slide{margin-top: 10px;margin-bottom: 0;}
    .project-activities-block .Storypart .swiimg .swiper-button-next{right: 0%;top: 43%;}
    .project-activities-block .Storypart .swiimg .swiper-button-prev{left: 0%;top: 43%;}
    .project-activities-block .Storypart::before{height: 50%;}
    .project-activities-block .nativepart .row .col-md-3{width: 100%;}
    .project-activities-block .hkpart{padding: 80px 0px;}
    .project-activities-block .tabbar a{padding: 10px 15px;width: 100%;text-align: center;}
    .stoy-block .yeartab a{padding: 10px 25px;}
    .stoy-block .tabcontent .items .list{padding: 15px;}
    .project-activities-block .recommendations .row .col-md-3{width: 100%;}
    .project-activities-block .enewsletter .pebar{flex-wrap: wrap;flex-direction: column-reverse;}
    .project-activities-block .enewsletter .pebar .datetime{margin-bottom: 20px; margin-left: 0;width: 100%; display:block}
    .project-activities-block .enewsletter .pebar .datetime a{margin-right:5px;}
    .project-activities-block .enewsletter .pebar .datetime em{width: max-content;margin: 0;margin-bottom:10px;}
    form .form-group .select-menu-div{width: 100%;}
    .project-activities-block .enewsletter .bgback{padding: 15px;}
    .project-activities-block .enewsletter .pebar form{width: 100%;}
    .project-activities-block .enewsletter .bgback .txt{flex-wrap: wrap;width: 100%;justify-content: center;}
    .project-activities-block .enewsletter .bgback .txt p{width: 100%;margin-top: 20px;text-align: center;}
    .project-activities-block .enewsletter .bgback form{width: 100%;}
    .project-activities-block .enewsletter .bgback form .form-group input{width: 100%;margin-top: 15px;}
    .project-activities-block .enewsletter .bgback form button{margin-top: 20px;}
    .Support-Us-block .volunteers form{margin: 30px auto;}
    .Support-Us-block .volunteers form .form-group-large .checkboxlist{margin-top: 10px;width: 100%;}
    .radiolist .radiobox-inline .radiobox .radiomark{margin-top: -10px;}
    .Support-Us-block .volunteers form .form-group .radiolist{width: 100%;margin-top: 10px;}
    .radiolist .radiobox-inline{margin-top: 5px;}
    .Support-Us-block .volunteers .txt{margin: 20px auto;}
    .Support-Us-block .volunteers form .form-group-large .checkboxlist .checkbox-inline{margin-bottom: 15px;}
    .Support-Us-block .volunteers form .form-group-large .checkboxlist .checkbox-inline .checkbox .checkmark{top: 3px;}
    .Support-Us-block .stepbox .whiteback{padding: 20px;}
    .Support-Us-block .stepbox{padding: 40px 20px;}
    .Support-Us-block .stepbox .slider .slide .txtcon .pic{width: 100%;}
    .Support-Us-block .stepbox .slider .slide .txtcon .pic img{width: 100%;}
    .Support-Us-block .stepbox .slider .slide .txtcon .txt{width: 100%;padding-left: 20px;margin-top: 30px;padding-top: 0;}
    .Support-Us-block .stepbox .slider .slide form .inp{width: 100%;}
    .Support-Us-block .stepbox .btnarrow{padding-bottom: 60px; position: relative;bottom: 0;left: auto;right: auto;width: 100%;}
    .Support-Us-block .stepbox button{padding: 12px 20px;}
    .Support-Us-block .stepbox .slider .slide .txtcon .pic{padding-top: 20px;}
    .Support-Us-block .stepbox .slider .slide form label{margin-top: 1.5rem !important;}
    .Support-Us-block .stepbox .slider .slide .radiolist{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .Support-Us-block .stepbox .slider .slide .radiolist .radiobox-inline{width: 48%;margin-right: 0;margin-top: 0.7rem !important;}
    .Support-Us-block .stepbox .steps li .circle{width: 70px;height: 70px;}
    .Support-Us-block .stepbox .steps li::after{top: 35px;}
    .Support-Us-block .stepbox .steps li:nth-last-child(1){width: 70px;}
    .Support-Us-block .stepbox .steps li span{text-align: center;display: block;}
    .Support-Us-block .stepbox .steps li span{margin-left: -30%;}
    .project-activities-block .tagtreepart::before{right: -10%;width: 400px;height: 400px;}
    .stoy-block .Milestone .boxcon .txtcon{padding: 40px 50px;}
    .stoy-block .Milestone .boxcon h4{padding: 13px 15px;}
    .project-activities-block .bodyarticle h3{padding-top: 30px;margin-top: 30px;}
    .project-activities-block .bodyarticle .txt ul li{margin-top: 20px;}
    .project-activities-block .bodyarticle .txt:nth-last-child(1){margin-bottom: 0;}
    .project-activities-block .events-detail dl dd .sp2 .row .col-md-6{width: 50%;}
    .pup .pupcontent .row .col-md-6 .puptext{margin-top: 20px;}
    .pup .pupcontent .row .col-md-6 .puptext h5{margin: 10px 0 20px 0px;}
    .stoy-block .team .row .col-md-3 .con .green-btn{padding: 0.8rem 1rem;width: 140px;}
    .page-banner .inner{left: 5%;width: 90%;}
    .report_btn{padding: 10px !important;}
    .page-banner .boximg{height: 400px;}
    .project-activities-block .categories .right .taba{flex-wrap: wrap;}
    .project-activities-block .categories .right .taba a{width: 48%;margin: 5px 0px;}
    .project-activities-block .categories .right .tabcontent .items .txt{margin-top: 0;}
    .project-activities-block .categories .right .tabcontent .items h4{padding-top: 2rem !important;}
    .project-activities-block .clentslist a .icos{height: auto;}
    .Support-Us-block .volunteers .whiteback{padding: 20px;margin-bottom: 1rem !important;}
    .Support-Us-block .volunteers{padding: 20px;}
    .Support-Us-block .volunteers .accordion .accordion-body{margin-top: 20px;}
    .Support-Us-block .volunteers .accordion .radiolist .radiobox-inline{width: 100% !important;}
    .Support-Us-block .volunteers .accordion .radiolist.rab .radiobox-inline .form-control{width: 50px !important;}
    .Support-Us-block .volunteers .accordion .greenlightback{padding: 10px 15px;}
    .Support-Us-block .volunteers form button{margin-top: 0 !important;}
    .Support-Us-block .volunteers .accordion .price-count input{margin-top: 0 !important;}
    .banbox .bani{height: 240px;}
    .page-banner .inner .page-banner-text{margin-top: 15px;}
    .Support-Us-block .stepbox .steps2 li span{width: 100px;}
    .Support-Us-block .stepbox .steps2 li:nth-child(2) span{margin-left: -15%;}
    .Support-Us-block .stepbox .steps2 li:nth-child(3) span{margin-left: -20%;}
    html[lang="zh-HK"] .Support-Us-block .stepbox .steps2 li:nth-child(1) span{width: 70px;margin-left: 0;}
    html[lang="zh-HK"] .Support-Us-block .stepbox .steps2 li span{margin-left: 0;}
    html[lang="zh-HK"] .Support-Us-block .stepbox .steps2 li:nth-child(3) span{margin-left: 0;}
    .Support-Us-block .volunteers form .form-group label.checkbox-inline{padding-left: 0;}
    .paf-block h2{font-size: 20px;}
    .paf-block h3{font-size: 16px;}
    .paf-block table tr td, .paf-block table tr th{font-size: 14px;}
    .project-activities-block .events-detail dl dd .sp2 .bodyarticle{overflow-y: scroll;}
    .project-activities-block .events-detail dl dd .sp2 .row {    flex-wrap: nowrap;}
    .project-activities-block .events-detail dl dd .sp2 .row .col-md-6{width: 70%;}
}