/*共用屬性*/
.hrstyle{
    margin: 10px 0;
}

#section1, #section2, #section3, #section4, #section5{
    line-height: 1.5;
}

.imgw1237{
    max-width: 1237px;
    margin: 0 auto;
}
.imgw1180{
    max-width: 1237px;
    margin: 0 auto;
}
.imgw1040 {
    max-width: 1040px;
    margin: 0 auto;
}

.imgw48 {
    max-width: 48px;
    margin-right:5px;
}
.imgw520{
    max-width: 520px;
}
.imgw236{
    max-width: 236px;
    margin: 68px auto 30px auto;
}
.imgw996{
    max-width: 996px;
    margin: 0 auto;
}
.imgw930{
    max-width: 930px;
    margin: 0 auto;
}
.imgw874{
    max-width: 874px;
    margin: 0 auto;
}
.imgw672{
    max-width: 672px;
    margin: 0 auto;
}
.fontstyle-35 {
    font-size: 35px;
    font-weight: bold;
    color: #293A62;
}

.fontstyle-27 {
    font-size: 27px;
    font-weight: bold;
    color: #293A62;
    vertical-align: middle;
}
.fontsize-20{
    font-size: 20px;
}
.fontsize-34{
    font-size: 34px;
}
.fontsize-80{
    font-size: 80px;
}
.fontcolor{
    color: #1B2D58;
    font-weight: bold;
}
.inlineblock {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.verticalmiddle{
    vertical-align: middle;
}
.verticaltop{
    vertical-align: top;
}
.verticaltextbottom{
    vertical-align: text-bottom;
}
.textleft{
    text-align: left;
}
.textcenter{
    text-align: center;
}
.textright{
    text-align: right;
}
.paddingupdown-77{
    padding: 77px 0 77px 0;
}
.paddingleftright-45{
    padding: 0 45px 0 45px;
}
.paddingleft-21{
    padding-left: 21px;
}
.paddingleft-30{
    padding-left: 30px;
}
.margintopbottom-50{
    margin: 50px 0 50px 0;
}
.marginleftright-105{
    margin: 0 0 0 105px;
}
.marginleftright-22{
    margin: 0 22px 0 22px;
}
.marginbottom-90{
    margin-bottom: 90px;
}
.marginbottom-95{
    margin-bottom: 95px;
}
.marginbottom-58{
    margin-bottom: 58px;
}
.marginbottom-395{
    margin-bottom: 395px;
}
.marginbottom-84{
    margin-bottom: 84px;
}
.marginbottom-45{
    margin-bottom: 45px;
}
.marginbottom-36{
    margin-bottom: 36px;
}
.marginbottom-30{
    margin-bottom: 30px;
}
.marginbottom-136{
    margin-bottom: 136px;
}
.marginbottom-139{
    margin-bottom: 139px;
}
.marginbottom-180{
    margin-bottom: 180px;
}

.marginbottom-20{
    margin-bottom: 20px !important;
}
.margintop-240{
    margin-top: 240px;
}
.margintop-209{
    margin-top: 209px;
}
.margintop-160{
    margin-top: 160px;
}
.margin-top-73{
    margin-top: 73px;
}
.margintop-60{
    margin-top: 60px;
}
.margintop-110{
    margin-top: 110px;
}
.margintop-100{
    margin-top: 100px;
}
.margintop-138{
    margin-top: 138px;
}
.margintop-20{
    margin-top: 20px;
}
.maringleft-30{
    margin-left: 30px;
}
.marginright-16{
    margin-right: 16px;
}
.second-page {
    /*max-width: 1206px;*/
    /*margin: 0 auto;*/
    /* font-family: 'Noto Sans TC', sans-serif; */
    font-style: normal;
    /*padding: 0 12px 0 14px;*/
    position:relative;
}
.page-block{
    max-width: 1206px;
    margin: 0 auto;
    position: relative;
}
.page-block img{
    width:100%;
}
/*dot*/
.dot{
    position: fixed;
    right: 5%;
    top: calc(42% - 15px);
    z-index:99;
}
.dot > ul > li{
    border-radius: 20px;
    /*border: 2px solid #000;*/
    margin-bottom: 10px;
    background: #B5D2CD;
}
.dot > ul > li > a{
    width: 15px;
    height: 15px;
    display: block;
    text-decoration: none;
}
/*dot END*/
.c-title{
    font-weight: bold;
    font-size: 46px;
    color: #1B2D58;
    max-width: 335px;
    text-align: center;
    border: 2px solid #1B2D58;
    border-radius: 17px;
    box-shadow: 4px 6px;
    margin-bottom: 46px;
    display: inline-block;
    width: 100%;
    vertical-align: inherit;
}
.c-sdgline-block{
    display:flex;
    margin-top: 15px;
}
.c-sdgline{
    display: inline-block;
    width: 100%;
    position: relative;
    top: 40px;
}
.c-page-title {
    font-size: 46px;
    color: #16264A;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #1B2D58;
    max-width: max-content;
    margin: 132px auto 79px auto;
}
.c-page-title-s{
    font-size: 46px;
    color: #16264A;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #1B2D58;
    max-width: max-content;
    margin: 40px auto 3px auto;
}
.c-page-title-s-1{
    font-size: 46px;
    color: #16264A;
    text-align: center;
    font-weight: bold;
    max-width:610px;
    margin: 40px auto 3px auto;
}
.c-page-title-community{
    font-size: 46px;
    color: #16264A;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #1B2D58;
    max-width: max-content;
    margin: 205px auto 78px auto;
}
.c-page-count{
    max-width: max-content;
    margin: -3% auto 0 auto;
    color: #16264A;
    font-size: 24px;
}
.c-page-text-middle {
    font-weight: 500;
    font-size: 35px;
    text-align: center;
    color: #1B2D58;
    margin: 20px 0 10px 0;
    line-height: 1.5;
}

.c-page-text-normal {
    font-weight: normal;
    font-size: 20px;
    color: #4C5364;
    line-height: 1.5;
}
.c-count1,
.c-count2,
.c-count3,
.c-count4,
.c-count5,
.c-count6,
.c-count7,
.c-count8,
.c-count9,
.c-count10,
.c-count11,
.c-count12{
    color: #4D75B2;
}
.c-smallicon{
    margin-right:12px;
}
.c-date{
    max-width: max-content;
    margin: 0 auto;
    font-size: 24px;
    color: #16264A;
    border-top: 2px solid #1B2D58;
    line-height: 1.5;
}
.c-othere-title{
    font-size: 46px;
    color: #16264A;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #1B2D58;
    max-width: max-content;
    margin: 40px auto 90px auto;
}
.c-other-home-img{
    max-width: 236px;
    margin: 68px auto 30px auto;
}
.c-other-home-text1{
    margin-bottom: 250px;
    text-align: center;
    color: #1B2D58;
    font-weight: bold;
    font-size:53px;
}
.c-other-home-text2,
.c-other-home-text3{
    font-size: 73px;
}

.c-page-count-block{
    text-align: center;
}
.c-page-count-block-title{
    font-size: 35px;
    padding: 0 45px 0 45px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-weight: bold;
    color: #293A62;
}
.c-page-count-block-left{
    border-left: 2px solid #1B2D58;
    border-style: dashed !important;
    padding: 0 45px 0 45px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}
.c-page-count-block-right{
    border-left: 2px solid #1B2D58;
    border-right: 2px solid #1B2D58;
    border-style: dashed !important;
    padding: 0 45px 0 45px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}

.underline {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    text-align: center;
}

.hrstyle{
    background:#293A62;
    height:1px;;
}
.hrdashed{
    border: 2px solid #1B2D58;
    border-style: dashed;
    margin: 20px 0;
}
.dotline{
    border-left: 2px solid #1B2D58;
    border-style: dashed !important;
}
.dotlineleftright{
    border-left: 2px solid #1B2D58;
    border-right: 2px solid #1B2D58;
    border-style: dashed !important;
}
.squareicon{
    color: #1B2D58;
}
.squareicon:before{
    content: "";
    padding: 8px;
    background: #1B2D58;
    position: absolute;
    left: 0;
}
.circle{
    background: #1B2D58;
    color: #fff;
    border-radius: 50px;
    padding: 12px 22px 12px 22px;
}
.triangledown:after{
    content: "";
    width: 0; 
    height: 0; 
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 22px solid #1B2D58;
    position: absolute;
    bottom: -13px;
    left: 32px;
    z-index: -1;
}
.triangleup:after{
    content: "";
    width: 0; 
    height: 0; 
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 22px solid #1B2D58;
    position: absolute;
    top: -14px;
    left: 32px;
    z-index: -1;
}
.circlelink{
    background: #1B2D58;
    width: 256px;
    text-align: center;
    border-radius: 135px;
    font-size: 34px;
}
.c-other-info-link-block{
    text-align: center;
}
.c-other-info-link-block a{
    text-decoration: none;
    color: #fff;
}
.c-other-info-link-block a:hover{
    opacity: 0.6;
}
.c-other-info-link-block > div:nth-child(1){
    background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/images/stories/CategoryPage/CharityService/CommunityLongterm/bg1.jpg');
    background-size: cover;
}
.c-other-info-link-block > div:nth-child(2){
    background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/images/stories/CategoryPage/CharityService/CommunityLongterm/bg2.jpg');
    background-size: cover;
}
.c-hrdash{
    border-bottom: 2px dashed #1B2D58;
    margin: 30px auto 30px auto;
    max-width: 983px;
}
.c-news-card{
    text-align: center;
}
.c-news-card-block{
    max-width: 378px;
    display: inline-block;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.13);
    vertical-align: top;
    height: 623px;
    /*margin-bottom: 210px;*/
    text-align: left;
}
.c-news-card-image img{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.c-news-card-descrition{
    /*max-width: 272px;*/
    margin: 26px 53px 45px 53px;
}
.card-item-1{
    margin: 0 22px 0 22px;
}
.c-news-card-date{
    font-size: 18px;
    color: #969696;
}
.c-news-card-more{
    font-size: 18px;
}
.c-news-card-intro{
    font-size: 18px;
    color: #4C5364;
    margin-bottom: 10px;
}
.c-news-card-title{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}
.c-news-card-title > a{
    color: #16264A;
}
.c-block-title-2{
    margin: 30px auto 107px auto;
    font-size: 46px;
    color: #04346C;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #1B2D58;
    max-width: max-content;
}
.e-img-block{
    max-width: 1023px;
    margin: 0 auto 120px auto;
}
.e-img-block img{
    width:100%;
}
.e-img-item1{
    display: inline-block;
    margin-right: 133px;
}
.e-img-item2{
    display: inline-block;
}
.e-title{
    font-size: 46px;
    color: #16264A;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #1B2D58;
    max-width: max-content;
    margin: 73px auto 3px auto;
}

fieldset {
    border: 1px solid #000;
    color: #16264A;
    text-align: center;
    max-width: 906px;
    margin: 0 auto;
    border-radius: 10px;
    font-size: 20px;
    position: relative;
}
legend {
    padding: 0 10px;
    width: 69%;
    margin-bottom: inherit;
}
.n-title{
    font-weight: bold;
    font-size: 46px;
    color: #1B2D58;
    max-width: 310px;
    text-align: center;
    line-height: 1.5;
    border: 2px solid #1B2D58;
    border-radius: 17px;
    box-shadow: 4px 6px;
    margin-bottom: 46px;
    display: inline-block;
    width: 100%;
}
.n-sdgline-block{
    display: flex;
    margin-top: 15px;
}
.n-sdgline{
    display: inline-block;
    width: 73%;
    position: relative;
    top: 40px;
}
.SDGs-block{
    /*position: absolute;*/
    right: 0;
    top: -50px;
    width: 100%;
    text-align: right;
    top: -80px;
    position: relative;
}
.SDGs{
    max-width: 69px;
    display: inline-block;
    margin-left: 18px;
}
.SDGs-text{
    position: absolute;
    background: #fff;
    box-shadow: 0 0 10px #C4C4C4;
    width: 100%;
    max-width: 309px;
    text-align: left;
    z-index: 9999;
    padding: 15px 24px 19px 24px;
    border-radius: 9px;
    
}
.SDGs-text:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 49px 5px 0px 40px;
    border-color: transparent transparent transparent;
    z-index: -1;
    position: absolute;
    bottom: -22%;
    box-shadow: 2px 3px 0px rgb(0,0,0,0.1);
    background: #fff;
    border-radius: 15px;
    right: 7%;
    margin: auto;
    transform: rotate(57deg) skewX(31deg) scale(1, 0.866);
  
}
.SDGs-text-title{
	font-family: Noto Sans TC;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    color: #30559F;
}
.SDGs-text-content{
	font-family: Noto Sans TC;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: #4C5364;
}
.SDGs-close{
    display:none;
}
.n-block{
    text-align: center;
}
.n-block-title{
    text-align: center;
    border-bottom: 2px solid #1B2D58;
    max-width: 468px;
    margin: 0 auto;
    line-height: 1.5;
    font-weight: bold;
    color: #4D75B2;
    font-size: 36px;
}
.n-block-title-2{
    text-align: center;
    border-bottom: 2px solid #1B2D58;
    font-size: 46px;
    max-width:max-content;
    margin: 135px auto 0 auto;
    font-weight: bold;
    color: #16264A;
}
.n-block-title-3{
    text-align: center;
    border-bottom: 2px solid #1B2D58;
    font-size: 46px;
    max-width:max-content;
    /*margin: 135px auto 0 auto;*/
    font-weight: bold;
    display: inline-block;
    color: #16264A;
}
.n-block-title-4{
    text-align: center;
    border-bottom: 2px solid #1B2D58;
    font-size: 46px;
    max-width:max-content;
    /*margin: 135px auto 0 auto;*/
    font-weight: bold;
    color: #16264A;
    display: inline-block;
}
.n-text{
    padding: 42px 34px 42px 34px;
    line-height: 1.5;
}
.n-text-2{
    background: #62B79D;
    border-radius: 10px;
    padding: 67px 79px 77px 120px;
    max-width: 857px;
    line-height: 1.5;
    margin: 20px auto 200px auto;
    color: #fff;
    font-size: 20px;
    position: relative;
}
.n-flowerpot-correctitude{
    max-width: 74px;
    position: absolute;
    top: -44%;
    left: 16%;
}
.n-flowerpot-correctitude-2{
    max-width: 74px;
    position: absolute;
    top: -44%;
    right: 16%;
}
.n-think{
    max-width: 100px;
    position: absolute;
    bottom: -25%;
    right: 0;
}
.n-aunt{
    position: absolute;
    top: -57%;
    left: -10%;
}
.n-boy{
    position: absolute;
    bottom: -58%;
    right: 1%;
}
.n-medal{
    max-width: 68px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.n-flow-block{
    max-width: 978px;
    margin: 0 auto 136px auto;
}
.n-flow-item{
    background: #21A995;
    max-width: 166px;
    border-radius: 100px;
    padding: 33px 0 32px 0;
    display: inline-block;
    width: 100%;
}
.n-flow-item-date{
    font-size: 30px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.n-flow-item-hr{
    background: #fff;
    max-width: 125px;
    margin: 5px auto 5px auto;
}
.n-flow-item-text{
    font-size: 30px;
    text-align: center;
    color: #fff;
}
.n-flow-arrow{
    display: inline-block;
    position: relative;
    top: -10px;
}
.n-flow-arrow > i{
    border: solid #21A995;
    border-width: 0 8px 8px 0;
    display: inline-block;
    padding: 13px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border-radius: 5px;
    margin: 0 27px 0 27px;
}
.n-flowerpot-devious{
    max-width: 54px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: bottom;
}
.n-news-block-0,
.n-news-block-1,
.n-news-block-2{
    position: relative;
    margin-top:76px;
}
.n-news-title-0,
.n-news-title-1,
.n-news-title-2,
.n-news-title-3,
.n-news-title-4,
.n-news-date-0,
.n-news-date-1,
.n-news-date-2,
.n-news-date-3,
.n-news-date-4,
.n-news-image-0,
.n-news-image-1,
.n-news-image-2,
.n-news-image-3,
.n-news-image-4{
    max-width: 820px;
}
.n-news-title-0 > a,
.n-news-title-1 > a,
.n-news-title-2 > a,
.n-news-title-3 > a,
.n-news-title-4 > a{
    text-decoration: none;
    font-weight: bold;
    font-size: 24px;
    color: #16264A;
}
.n-news-date-0,
.n-news-date-1,
.n-news-date-2,
.n-news-date-3,
.n-news-date-4{
    font-size: 18px;
    color: #4C5364;
}
.n-news-item-img-0{
    position: absolute;
    top: -55%;
    right: 15%;
}
.n-news-item-img-1{
    position: absolute;
    top: -55%;
}
.n-news-item-img-2{
    position: absolute;
    top: -44%;
    right: 15%;
}
.n-news-title-1,
.n-news-date-1{
    margin: auto 0 auto auto;
    text-align: left;
}
.n-news-title-3,
.n-news-date-3{
    margin: auto 0 auto auto;
    text-align: left;
}
.n-news-date-0,
.n-news-date-1,
.n-news-date-2,
.n-news-date-3{
    padding-bottom:46px;
}
.n-news-image-1{
    margin: auto 0 auto auto;
}
.n-news-descrition-1,
.n-news-descrition-3{
    max-width: 513px;
    position: absolute;
    left: 0;
    background: #fff;
    border-radius: 10px;
    top: 23%;
    padding: 52px 68px 96px 68px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.13);
}
.n-news-descrition-0,
.n-news-descrition-2,
.n-news-descrition-4{
    max-width: 513px;
    position: absolute;
    right: 0;
    background: #fff;
    border-radius: 10px;
    top: 26%;
    padding: 52px 68px 96px 68px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.13);
}
.n-news-intro{
    font-size: 20px;
}
.n-news-more-0,
.n-news-more-1,
.n-news-more-2,
.n-news-more-3,
.n-news-more-4{
    text-align: right;
    margin-top: 10px;
}
.n-news-more-0 > a,
.n-news-more-1 > a,
.n-news-more-2 > a,
.n-news-more-3 > a,
.n-news-more-4 > a{
    font-size: 20px;
    background: #16264A;
    border-radius: 15px;
    padding: 10px 23px 10px 23px;
    color: #fff;
}
.n-slider-left{
    max-width:16px;
}
.n-slider-right{
    max-width:16px;
}
.n-slider-block{
    position:relative;
    margin-bottom:211px;
}
.n-slider-block .owl-carousel{
    max-width:780px;
    margin:0 auto;
}
.n-slider-block .n-slider-left{
    position: absolute;
    left: 10%;
    top: calc(47% - 15px);
}
.n-slider-block .n-slider-right{
    position: absolute;
    right: 10%;
    top: calc(47% - 15px);
}
.a-title{
    font-weight: bold;
    font-size: 46px;
    color: #1B2D58;
    max-width: 310px;
    text-align: center;
    line-height: 1.5;
    border: 2px solid #1B2D58;
    border-radius: 17px;
    box-shadow: 4px 6px;
    margin-bottom: 46px;
    display: inline-block;
    width: 100%;
}
.a-page-sub-title{
    font-size: 35px;
    text-align: center;
    color: #1b2d58;
    margin-bottom: 10px;
    margin-top: 30px;
    line-height: 1.5;
}
.a-sdgline-block{
    display:flex;
    margin-top: 15px;
}
.a-sdgline{
    display: inline-block;
    width: 73%;
    position: relative;
    top: 40px;
}
.a-sdgline img{
    width:100%;
}
.a-page-title {
    font-size: 46px;
    color: #16264A;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #1B2D58;
    max-width: 460px;
    margin: 0 auto;
}
.a-page-text-normal{
    font-size: 20px;
    color: #4C5364;
    line-height: 1.5;
}
.f-page-title {
    font-size: 46px;
    color: #1B2D58;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #1B2D58;
    max-width: max-content;
    margin:0 auto;
}
.f-page-sub-title{
    font-size: 35px;
    text-align: center;
    color: #1b2d58;
    margin-bottom: 10px;
    margin-top: 30px;
}
.f-page-text-normal{
    font-size: 20px;
    color: #4C5364;
    line-height: 1.5;
}
.f-title{
    font-weight: bold;
    font-size: 46px;
    color: #1B2D58;
    max-width: 494px;
    text-align: center;
    border: 2px solid #1B2D58;
    border-radius: 17px;
    box-shadow: 4px 6px;
    margin-bottom: 46px;
    line-height: 1.5;
    display: inline-block;
    width: 100%;
    vertical-align: inherit;
}
.f-sdgline-block{
    display:flex;
    margin-top: 15px;
}
.f-sdgline{
    display: inline-block;
    width: 57%;
    position: relative;
    top: 40px;
}
.s-title {
    font-weight: bold;
    font-size: 46px;
    color: #1B2D58;
    max-width: 310px;
    text-align: center;
    border: 2px solid #1B2D58;
    border-radius: 17px;
    box-shadow: 4px 6px;
    margin-bottom: 46px;
    display: inline-block;
    width: 100%;

}
.s-sdgline-block{
    display:flex;
    margin-top: 15px;
}
.s-sdgline {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 40px;
}
.s-pageimg1{
    max-width: 874px;
    margin: 110px auto 0 auto;
}
.s-page-title {
    text-align: center;
    border-bottom: 2px solid #1B2D58;
    font-size: 46px;
    max-width: max-content;
    margin: 180px auto 30px auto;
    font-weight: bold;
    color: #16264A;
}
.s-page-title-2{
    text-align: center;
    /*border-bottom: 2px solid #1B2D58;*/
    font-size: 46px;
    max-width: max-content;
    margin: 135px auto 0 auto;
    font-weight: bold;
    color: #16264A; 
}
.s-page-count-outer{
    margin:96px 0 180px 0;
}
.s-page-count{
    max-width: max-content;
    margin: 0 auto;
    line-height: 1.5;
    color: #16264A;
    font-size: 24px;
    border-top:2px solid #1B2D58;
}
.s-page-sub-title {
    font-size: 35px;
    text-align: center;
    color: #1b2d58;
    margin-bottom: 10px;
    margin-top: 30px;
    line-height: 1.5;
}
.s-page-text-normal {
    font-size: 20px;
    color: #4C5364;
    line-height: 1.5;
}
.s-list-block{
    text-align: center;
    margin-bottom: 180px;
}
.s-list{
    max-width: 244px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: left;
}
.s-list-img{
    max-width: 168px;
    margin: 0 auto;
}
.s-list-title{
    font-size: 20px;
    clip-path: polygon(0% 0%, 92% 0%, 100% 50%, 92% 100%, 0% 100%);
    background: #517CAE;
    color: #fff;
    padding: 17px 0 16px 0;
    text-align: center;
    margin: 24px 0 22px 0;
}
.s-list-title-clip{
    font-size: 20px;
    clip-path: polygon(90% 0, 100% 49%, 91% 100%, 0% 100%, 7% 47%, 0% 0%);
    background: #517CAE;
    color: #fff;
    padding: 17px 0 16px 0;
    text-align: center;
    margin: 24px 0 22px 0;
}
.s-list-item{
    position: relative;
    margin:0 auto;
}
.s-squareicon{
    color: #4C5364;
    padding-left: 21px;
    font-size: 20px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.s-squareicon:before {
    content: "";
    padding: 8px;
    background: #1B2D58;
    position: absolute;
    left: 0;
}
.s-page-count-block{
    margin: 50px 0 50px 0;
    text-align: right;
    max-width:970px;
    line-height: 1.5;
}
.s-page-count-block-title{
    padding: 0 45px 0 45px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 35px;
    font-weight: bold;
    color: #293A62;
}
.s-page-count-block-left{
    border-left: 2px solid #1B2D58;
    border-style: dashed !important;
    padding: 0 45px 0 45px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    text-align: center;
}
.s-page-count-block-right{
    border-left: 2px solid #1B2D58;
    border-right: 2px solid #1B2D58;
    border-style: dashed !important;
    padding: 0 45px 0 45px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    text-align: center;
}
.h-title {
    font-weight: bold;
    font-size: 50px;
    color: #1B2D58;
    max-width: 356px;
    text-align: center;
    border: 2px solid #1B2D58;
    border-radius: 17px;
    box-shadow: 4px 6px;
    margin-bottom: 46px;
    display: inline-block;
    width: 100%;
}
.h-sdgline-block{
    display:flex;
    margin-top: 15px;
}
.h-sdgline {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 40px;
}
.h-page-block{
    margin: 50px 0 50px 0;
    text-align: center;
}
.h-page-title {
    text-align: center;
    border-bottom: 2px solid #1B2D58;
    font-size: 46px;
    max-width: max-content;
    margin: 135px auto 0 auto;
    font-weight: bold;
    color: #16264A;
}
.h-page-sub-title {
    font-size: 35px;
    text-align: center;
    color: #1b2d58;
    margin-bottom: 10px;
    margin-top: 30px;
}
.h-page-title-s{
    font-size: 46px;
    color: #16264A;
    text-align: center;
    font-weight: bold;
    /*border-bottom: 2px solid #1B2D58;*/
    max-width: max-content;
    margin: 180px auto 3px auto;
}
.h-page-count{
    max-width: max-content;
    margin: 5px auto;
    color: #16264A;
    font-size: 24px;
    line-height: 1.5;
    border-top: 2px solid #1B2D58;
}
.h-page-text-normal {
    font-size: 20px;
    color: #4C5364;
    line-height: 1.5;
}
.h-pageimg2{
    max-width: 1179px;
    margin: 0 auto;
}
.h-page-count-block{
    margin: 50px 0 50px 0;
    text-align: center;
}
.h-page-count-block-title{
    padding: 0 45px 0 45px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 35px;
    font-weight: bold;
    color: #293A62;
}
.h-page-count-block-left{
    border-left: 2px solid #1B2D58;
    border-style: dashed !important;
    padding: 0 45px 0 45px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}
.h-page-count-block-right{
    border-left: 2px solid #1B2D58;
    border-right: 2px solid #1B2D58;
    border-style: dashed !important;
    padding: 0 45px 0 45px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}
.cic-title {
    font-weight: bold;
    font-size: 50px;
    color: #1B2D58;
    max-width: 356px;
    text-align: center;
    border: 2px solid #1B2D58;
    border-radius: 17px;
    box-shadow: 4px 6px;
    margin-bottom: 46px;
    display: inline-block;
    width: 100%;
    vertical-align: inherit;
}
.cic-sdgline-block{
    display:flex;
    margin-top: 15px;
}
.cic-sdgline {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 40px;
}
.cic-page-title {
    font-size: 46px;
    color: #16264A;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #1B2D58;
    max-width: max-content;
    margin: 40px auto 0 auto;
}
.cic-page-sub-title {
    font-size: 35px;
    text-align: center;
    color: #1b2d58;
    margin-bottom: 10px;
    margin-top: 30px;
}
.cic-page-text-normal {
    font-size: 20px;
    color: #4C5364;
    line-height: 1.5;
}
.cic-pageimg1{
    max-width: 990px;
    margin: 0 auto;
}
.cic-pageimg2{
    max-width: 997px;
    margin: 85px auto;
}
.cic-page-count-block{
    text-align: center;
    margin: 50px 0 139px 0;
}
.cic-page-count-block-title{
    font-size: 35px;
    font-weight: bold;
    color: #293A62;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding: 0 45px 0 45px;
}
.cic-page-count-block-left{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding: 0 45px 0 45px;
    border-left: 2px solid #1B2D58;
    border-style: dashed !important;
}
.cic-page-count-block-right{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding: 0 45px 0 45px;
    border-left: 2px solid #1B2D58;
    border-right: 2px solid #1B2D58;
    border-style: dashed !important;
}
.amp-title {
    font-weight: bold;
    font-size: 46px;
    color: #1B2D58;
    max-width: 400px;
    text-align: center;
    border: 2px solid #1B2D58;
    border-radius: 17px;
    box-shadow: 4px 6px;
    margin-bottom: 46px;
    display: inline-block;
    width: 100%;
    vertical-align:inherit;
}
.amp-sdgline-block{
    display:flex;
    margin-top: 15px;
}
.amp-sdgline {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 40px;
}
.amp-page-title {
    text-align: center;
    border-bottom: 2px solid #1B2D58;
    font-size: 46px;
    max-width: max-content;
    margin: 135px auto 0 auto;
    font-weight: bold;
    color: #16264A;
}
.amp-page-sub-title {
    font-size: 35px;
    text-align: center;
    color: #1b2d58;
    margin-bottom: 10px;
    margin-top: 30px;
    line-height: 1.5;
}
.amp-page-text-normal {
    font-size: 20px;
    color: #4C5364;
    line-height: 1.5;
}
.amp-pageimg2{
    max-width: 928px;
    margin: 0 auto;
}
.amp-page-block{
    margin: 96px 0 50px 0;
    text-align: center;
}
.amp-item{
    max-width: 840px;
    margin: 50px 0 50px 0;
    text-align: right;
    line-height: 1.5;
}
.amp-page-sub-title-2{
    font-size: 35px;
    font-weight: bold;
    color: #293A62;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding: 0 45px 0 45px;
}
.dpe-title {
    font-weight: bold;
    font-size: 46px;
    color: #1B2D58;
    max-width: 310px;
    text-align: center;
    border: 2px solid #1B2D58;
    border-radius: 17px;
    box-shadow: 4px 6px;
    margin-bottom: 46px;
    display: inline-block;
    width: 100%;
}
.dpe-sdgline-block{
    display:flex;
    margin-top: 15px;
}
.dpe-sdgline {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 40px;
}
.dpe-page-title {
    text-align: center;
    border-bottom: 2px solid #1B2D58;
    font-size: 46px;
    max-width: max-content;
    margin: 135px auto 0 auto;
    font-weight: bold;
    color: #16264A;
}
.dpe-page-sub-title {
    font-size: 35px;
    text-align: center;
    color: #1b2d58;
    margin-bottom: 10px;
    margin-top: 30px;
}
.dpe-page-text-normal {
    font-size: 20px;
    color: #4C5364;
    margin-bottom:180px;
    line-height: 1.5;
}
.dpe-pageimg1{
    max-width: 908px;
    margin: 33px auto 70px auto;
}
.dr-title {
    font-weight: bold;
    font-size: 46px;
    color: #1B2D58;
    max-width: 310px;
    text-align: center;
    border: 2px solid #1B2D58;
    border-radius: 17px;
    box-shadow: 4px 6px;
    margin-bottom: 46px;
    display: inline-block;
    width: 100%;
    vertical-align: inherit;
}
.dr-sdgline-block{
    display:flex;
    margin-top: 15px;
}
.dr-sdgline {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 40px;
}
.dr-page-title {
    text-align: center;
    border-bottom: 2px solid #1B2D58;
    font-size: 46px;
    max-width: max-content;
    margin: 135px auto 0 auto;
    font-weight: bold;
    color: #16264A;
}
.dr-page-sub-title {
    font-size: 35px;
    text-align: center;
    color: #1b2d58;
    margin-bottom: 10px;
    margin-top: 30px;
    line-height: 1.5;
}
.dr-page-text-normal {
    font-size: 20px;
    color: #4C5364;
    line-height: 1.5;
}
.dr-pageimg1{
    max-width: 1036px;
    margin: 127px auto 108px auto;
}
.dr-list-block{
    text-align: center;
    margin-bottom: 180px;
}
.dr-list{
    max-width: 244px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: left;
}
.dr-list-img{
    max-width: 168px;
    margin: 0 auto;
}
.dr-list-title{
    font-size: 20px;
    clip-path: polygon(0% 0%, 92% 0%, 100% 50%, 92% 100%, 0% 100%);
    background: #517CAE;
    color: #fff;
    padding: 17px 0 16px 0;
    text-align: center;
    margin: 24px 0 22px 0;
}
.dr-list-title-clip{
    font-size: 20px;
    clip-path: polygon(90% 0, 100% 49%, 91% 100%, 0% 100%, 7% 47%, 0% 0%);
    background: #517CAE;
    color: #fff;
    padding: 17px 0 16px 0;
    text-align: center;
    margin: 24px 0 22px 0;
}
.dr-list-item{
    position: relative;
    margin:0 auto;
}
.dr-squareicon{
    color: #4C5364;
    padding-left: 21px;
    font-size: 20px;
    line-height: 1.5;
    display: flex;
    align-items: center; /* 使文字垂直居中 */
    justify-content: flex-start; /* 使文字在水平方向上左對齊 */
}
.dr-squareicon:before {
    content: "";
    padding: 8px;
    background: #1B2D58;
    position: absolute;
    left: 0;
}
.dr-page-block{
    text-align: center;
    margin: 96px 0 180px 0;
}
.dr-page-subtitle{
    font-size: 35px;
    font-weight: bold;
    color: #293A62;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding: 0 45px 0 45px;
}
.dpt-title {
    font-weight: bold;
    font-size: 46px;
    color: #1B2D58;
    max-width: 310px;
    text-align: center;
    border: 2px solid #1B2D58;
    border-radius: 17px;
    box-shadow: 4px 6px;
    margin-bottom: 46px;
    display: inline-block;
    width: 100%;
    vertical-align: inherit;
}
.dpt-sdgline-block{
    display:flex;
    margin-top: 15px;
}
.dpt-sdgline {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 40px;
}
.dpt-page-title {
    text-align: center;
    border-bottom: 2px solid #1B2D58;
    font-size: 46px;
    max-width: max-content;
    margin: 135px auto 0 auto;
    font-weight: bold;
    color: #16264A;
}
.dpt-page-sub-title {
    font-size: 35px;
    text-align: center;
    color: #1b2d58;
    margin-bottom: 10px;
    margin-top: 30px;
    line-height: 1.5;
}
.dpt-page-text-normal {
    font-size: 20px;
    color: #4C5364;
    margin-bottom: 180px;
    line-height: 1.5;
}
.dpt-pageimg1{
    max-width: 975px;
    margin: 112px auto 94px auto;
}
.che-title {
    font-weight: bold;
    font-size: 50px;
    color: #1B2D58;
    max-width: 356px;
    text-align: center;
    border: 2px solid #1B2D58;
    border-radius: 17px;
    box-shadow: 4px 6px;
    margin-bottom: 46px;
    display: inline-block;
    width: 100%;
    vertical-align: inherit;
}
.che-sdgline-block{
    display:flex;
    margin-top: 15px;
}
.che-sdgline {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 40px;
}
.che-page-title {
    text-align: center;
    border-bottom: 2px solid #1B2D58;
    font-size: 46px;
    max-width: max-content;
    margin: 135px auto 0 auto;
    font-weight: bold;
    color: #16264A;
}
.che-page-sub-title {
    font-size: 35px;
    text-align: center;
    color: #1b2d58;
    margin-bottom: 10px;
    margin-top: 30px;
}
.che-page-text-normal {
    font-size: 20px;
    color: #4C5364;
    line-height: 1.5;
}
.che-pageimg1{
    max-width: 920px;
    margin: 84px auto 63px auto;
}
.che-pageimg2{
    max-width: 1064px;
    margin-bottom: 130px;
}
.rb-title {
    font-weight: bold;
    font-size: 46px;
    color: #1B2D58;
    max-width: 310px;
    text-align: center;
    border: 2px solid #1B2D58;
    border-radius: 17px;
    box-shadow: 4px 6px;
    margin-bottom: 46px;
    display: inline-block;
    width: 100%;
    vertical-align: inherit;
}
.rb-sdgline-block{
    display:flex;
    margin-top: 15px;
}
.rb-sdgline {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 40px;
}
.rb-page-title {
    text-align: center;
    border-bottom: 2px solid #1B2D58;
    font-size: 46px;
    max-width: max-content;
    margin: 135px auto 0 auto;
    font-weight: bold;
    color: #16264A;
}
.rb-page-sub-title {
    font-size: 35px;
    text-align: center;
    color: #1b2d58;
    margin-bottom: 10px;
    margin-top: 30px;
}
.rb-page-text-normal {
    font-size: 20px;
    color: #4C5364;
    line-height: 1.5;
}
.rb-page-title-2 {
    text-align: center;
    border-bottom: 2px solid #1B2D58;
    font-size: 46px;
    max-width: max-content;
    margin: 80px auto 30px auto;
    font-weight: bold;
    color: #16264A;
}
.rb-page-text-normal-2 {
    font-size: 20px;
    color: #4C5364;
    line-height: 1.5;
}
.rb-pageimg1{
    max-width: 905px;
    margin: 89px auto 70px auto;
}
.rb-pageimg2{
    max-width: 638px;
    margin: 79px auto 73px auto;
}
.rb-pageimg3{
    max-width: 652px;
    margin: 97px auto 97px auto;
}
.rb-pageimg4{
    max-width: 301px;
    margin: 40px auto 40px auto;
}
.rb-circlelink{
    background: #1B2D58;
    width: 256px;
    text-align: center;
    border-radius: 135px;
    font-size: 34px;
    display:inline-block;
    vertical-align: top;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 0px 6px #1B2D58;
}
.rb-other-info-link-block{
    text-align: center;
    margin-top: 84px;
}
.rb-other-info-link-block a{
    text-decoration: none;
    color: #fff;
}
.rb-other-info-link-block > div:nth-child(1){
    background:url('/images/stories/CategoryPage/CharityService/ReligiousBlessing/bg1.jpg');
    background-size: cover;
    padding: 90px 0;
}
.rb-other-info-link-block > div:nth-child(2){
    background:url('/images/stories/CategoryPage/CharityService/ReligiousBlessing/bg2.jpg');
    background-size: cover;
    padding: 107px 0;
    margin: 0 100px;
}
.rb-other-info-link-block > div:nth-child(3){
    background:url('/images/stories/CategoryPage/CharityService/ReligiousBlessing/bg3.jpg');
    background-size: cover;
    padding: 107px 0;
}
.rb-hrdash{
    border-bottom: 2px dashed #1B2D58;
    margin: 30px auto 30px auto;
    max-width: 983px;
}
.vt-title {
    font-weight: bold;
    font-size: 46px;
    color: #1B2D58;
    max-width: 310px;
    text-align: center;
    border: 2px solid #1B2D58;
    border-radius: 17px;
    box-shadow: 4px 6px;
    margin-bottom: 46px;
    display: inline-block;
    width: 100%;
}
.vt-page-block{
    text-align: center;
    margin-bottom: 180px;
}
.vt-sdgline-block{
    display:flex;
    margin-top: 15px;
}
.vt-sdgline {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 40px;
}
.vt-page-title {
    text-align: center;
    border-bottom: 2px solid #1B2D58;
    font-size: 46px;
    max-width: max-content;
    margin: 35px auto 0 auto;
    font-weight: bold;
    color: #16264A;
}
.vt-page-sub-title {
    font-size: 35px;
    text-align: center;
    color: #1b2d58;
    margin-bottom: 10px;
    margin-top: 30px;
}
.vt-page-title-s {
    font-size: 46px;
    color: #16264A;
    text-align: center;
    font-weight: bold;
    max-width: max-content;
    margin: 180px auto 0 auto;
    
}
.vt-date {
    max-width: max-content;
    margin: 0 auto 96px auto;
    font-size: 24px;
    line-height: 1.5;
    color: #16264A;
    border-top: 2px solid #1B2D58;
}
.vt-page-subtitle{
    max-width: 300px;
    padding: 0 45px 0 45px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 35px;
    font-weight: bold;
    color: #293A62;
}
.vt-page-text-normal {
    font-size: 20px;
    color: #4C5364;
    line-height: 1.5;
}
.ee-title {
    font-weight: bold;
    font-size: 46px;
    color: #1B2D58;
    max-width: 310px;
    text-align: center;
    border: 2px solid #1B2D58;
    border-radius: 17px;
    box-shadow: 4px 6px;
    margin-bottom: 46px;
    display: inline-block;
    width: 100%;
}
.ee-sdgline-block{
    display:flex;
    margin-top: 15px;
}
.ee-sdgline {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 40px;
}
.ee-page-title {
    text-align: center;
    border-bottom: 2px solid #1B2D58;
    font-size: 46px;
    max-width: max-content;
    margin: 60px auto 0 auto;
    font-weight: bold;
    color: #16264A;
}
.ee-page-title-s{
    font-size: 46px;
    color: #16264A;
    text-align: center;
    font-weight: bold;
    /*border-bottom: 2px solid #1B2D58;*/
    max-width: max-content;
    margin: 180px auto 0 auto;
}
.ee-page-sub-title {
    font-size: 35px;
    text-align: center;
    color: #1b2d58;
    margin-bottom: 10px;
    margin-top: 30px;
}
.ee-page-text-normal {
    font-size: 20px;
    color: #4C5364;
    line-height: 1.5;
}
.ee-page-block{
    text-align: center;
    margin-bottom: 180px;
}
.yc-title {
    font-weight: bold;
    font-size: 46px;
    color: #1B2D58;
    max-width: 310px;
    text-align: center;
    border: 2px solid #1B2D58;
    line-height: 1.5;
    border-radius: 17px;
    box-shadow: 4px 6px;
    margin-bottom: 46px;
    display: inline-block;
    width: 100%;
}
.yc-sdgline-block{
    display:flex;
    margin-top: 15px;
}
.yc-sdgline {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 40px;
}
.yc-page-title {
    text-align: center;
    border-bottom: 2px solid #1B2D58;
    font-size: 46px;
    max-width: max-content;
    margin: 60px auto 0 auto;
    font-weight: bold;
    color: #16264A;
}
.yc-page-sub-title {
    font-size: 35px;
    text-align: center;
    color: #1b2d58;
    margin-bottom: 10px;
    margin-top: 30px;
    line-height: 1.5;
}
.yc-page-title-s{
    text-align: center;
    border-bottom: 2px solid #1B2D58;
    font-size: 46px;
    max-width: max-content;
    margin: 180px auto 96px auto;
    font-weight: bold;
    color: #16264A;

}
.yc-page-text-normal {
    font-size: 20px;
    color: #4C5364;
    line-height: 1.5;
}
.yc-page-block{
    text-align: center;
    margin-bottom: 180px;
}
.yc-pageimg1{
    margin-bottom: 40px;
}
.second-page-menu{
    position: absolute;
    top: 160px;
    right: 1%;
    width: 100%;
    max-width: 280px;
    text-align: center;
}
.project-menu{
    display: none;
    background: #F1FAF9;
}
.project-menu-title{
    background: #D6EAE7;
    font-size: 25px;
    padding: 20px 0 19px 0;
    color: #16264A;
    font-weight: bold;
}
.project-menu > li:nth-child(1){
    padding-top: 30px;
}
.project-menu > li:last-child{
    padding-bottom: 30px;
}
.project-menu > li > span,
.project-menu > li > a{
    font-size: 25px;
    font-weight: bold;
    border-bottom: 1px solid #16264A;
    width: 100%;
    display: block;
    max-width: 218px;
    margin: 0 auto 20px auto;
    color:  #16264A;
}
.project-menu ul{
    text-align: left;
    max-width: 218px;
    margin: 0 auto;
    font-size: 18px;
    display: none;
}
.project-menu ul li{
    margin-bottom: 8px;
}
.project-menu ul li a{
    color: #4C5364;
}
.openclose{
    cursor: pointer;
}
.navopenclose{
    cursor: pointer;
    margin-left: 10px;
}
.a-sdgblock,
.f-sdgblock,
.c-sdgblock{
    text-align: center;
}
.second-banner img,
.img_caption img{
    width:100%; 
}
.itemContent .owl-carousel{
    max-width: 1650px;
    margin: 0 auto;
}
.itemContent .owl-nav{
    display:none;
}
.itemContent .owl-dots{
    text-align: center;
    margin:50px 0 0 0;
    padding:0 0 80px 0;
}
.itemContent .owl-dots .owl-dot{
    background: #BDBDBD;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    margin: 0 12px 0 12px;
}
.itemContent .owl-dots .active{
    background: #1B2D58;
}
.tzv-title{
    max-width: max-content;
    margin: 0 auto 5.5% auto;
    font-size: 4.9vmin;
    color: #16264A;
    border-bottom: 2px solid #16264A;
    font-weight: bold;
}
.tzv-item{
    display:inline-block;
    margin: 0 16px 0 16px;
}
.tzv-item-image{
    /*max-width:230px;*/
    width:24.4vmin;
}
.tzv-item-image img{
    border-radius:130px;
}
.tzv-item-name{
    max-width: max-content;
    margin: 11px auto 15px auto;
}
.tzv-item-name a{
    color: #16264A;
    font-weight: bold;
    font-size: 2.9vmin;
    /*border-bottom: 1px solid #16264A;*/
}
.tzv-list{
    text-align: center;
    margin:0 0 12% 0;
}
/*延伸閱讀模組*/
.keepread{
    text-align: center;
    margin-bottom:55px;
}
.keepread-block{
    max-width: 378px;
    display: inline-block;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.13);
    vertical-align: top;
    height: 623px;
    text-align: left;
    margin:0 11px;
}
.keepread-card .keepread-block{
    max-width: 370px;
}
.keepread-image img{
    width: 100%;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.keepread-descrition{
    margin: 26px 53px 45px 53px;
}
.keepread-title{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}
.keepread-intro{
    font-size: 18px;
    color: #4C5364;
    margin-bottom: 10px;
}
.keepread-date{
    font-size: 18px;
    color: #969696;
}
.keepread-title > a{
    color: #16264A;
}
/*----end-----*/
.sitemap-block{
    max-width: 1181px;
    margin: 0 auto;
    display: flex;
    flex-flow: wrap;
}
.sitemap-list{
    background: #F1FAF9;
    text-align: center;
    padding-bottom: 135px;
    width: 100%;
    margin-bottom: 4px;
}
.sitemap-list-title{
    font-family: Arial Black;
    font-style: normal;
    font-weight: 900;
    font-size: 27px;
    background: #D6EAE7;
    text-align: center;
    padding: 19px 0;
    margin-bottom: 30px;
}
.sitemap-list-title a{
    color: #1B2D58;
    text-decoration: none;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: -0.9em;
}
.sitemap-list-item{
    max-width: 227px;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    text-align: left;
}
.sitemap-list-item div:nth-child(2),
.sitemap-list-item-3 div:nth-child(2){
    margin-top:20px;
}
.sitemap-list-item-main{
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #1B2D58;
}
.sitemap-list-item-main a{
    text-decoration: none;
    color: #1B2D58;
}
.sitemap-list-item-sub{
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
}
.sitemap-list-item-sub a{
    color: #4C5364;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: -0.9em;
}
.sitemap-list-2{
    background: #F1FAF9;
    text-align: center;
    padding-bottom: 42px;
    /*max-width: 390px;*/
    display: inline-block;
    width: 33%;
    margin-right: 4px;
    margin-bottom: 4px;
}
.sitemap-list-title-2{
    font-family: Arial Black;
    font-style: normal;
    font-weight: 900;
    font-size: 27px;
    background: #D6EAE7;
    text-align: center;
    padding: 19px 0;
    margin-bottom: 30px;
}
.sitemap-list-title-2 a{
    color: #1B2D58;
    text-decoration: none;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: -0.9em;
}
.sitemap-list-item-2{
    max-width: 227px;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    text-align: left;
}
.sitemap-list-item-main-2{
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #1B2D58;
    max-width: max-content;
}
.sitemap-list-item-main-2 a{
    text-decoration: none;
    color: #1B2D58;
}
.sitemap-list-3{
    background: #F1FAF9;
    text-align: center;
    padding-bottom: 42px;
    /*max-width: 786px;*/
    display: inline-block;
    width: 66.6%;
    margin-bottom: 4px;
}
.sitemap-list-title-3{
    font-family: Arial Black;
    font-style: normal;
    font-weight: 900;
    font-size: 27px;
    background: #D6EAE7;
    text-align: center;
    padding: 19px 0;
    margin-bottom: 30px;
}
.sitemap-list-title-3 a{
    color: #1B2D58;
    text-decoration: none;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: -0.9em;
}
.sitemap-list-item-3{
    max-width: 227px;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    text-align: left;
}
.sitemap-list-item-main-3{
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #1B2D58;
}
.sitemap-list-item-main-3 a{
    text-decoration: none;
    color: #1B2D58;
}
.sitemap-list-item-sub-3{
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
}
.sitemap-list-item-sub-3 a{
    color: #4C5364;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: -0.9em;
}
.sitemap-list-4{
    background: #F1FAF9;
    text-align: center;
    padding-bottom: 48px;
    /* max-width: 390px; */
    display: inline-block;
    width: 33%;
    margin-right: 4px;
    margin-bottom: 4px;
}
.sitemap-list-title-4{
    font-family: Arial Black;
    font-style: normal;
    font-weight: 900;
    font-size: 27px;
    background: #D6EAE7;
    text-align: center;
    padding: 19px 0;
    margin-bottom: 30px;
}
.sitemap-list-title-4 a {
    color: #1B2D58;
    text-decoration: none;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: -0.9em;
}
.sitemap-list-item-4{
    max-width: 227px;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    text-align: left;
}
.sitemap-list-item-main-4{
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #1B2D58;
    max-width: max-content;
}
.sitemap-list-item-main-4 a {
    text-decoration: none;
    color: #1B2D58;
}
.sitemap-list-5{
    background: #F1FAF9;
    text-align: center;
    padding-bottom: 48px;
    /* max-width: 390px; */
    display: inline-block;
    width: 33%;
    margin-right: 4px;
    margin-bottom: 4px;
}
.sitemap-list-title-5{
    font-family: Arial Black;
    font-style: normal;
    font-weight: 900;
    font-size: 27px;
    background: #D6EAE7;
    text-align: center;
    padding: 19px 0;
    margin-bottom: 30px;
}
.sitemap-list-title-5 a {
    color: #1B2D58;
    text-decoration: none;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: -0.9em;
}
.sitemap-list-item-5{
    max-width: 227px;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    text-align: left;
}
.sitemap-list-item-main-5{
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #1B2D58;
    max-width: max-content;
}
.sitemap-list-item-main-5 a {
    text-decoration: none;
    color: #1B2D58;
}
.sitemap-list-6{
    background: #F1FAF9;
    text-align: center;
    padding-bottom: 48px;
    /* max-width: 390px; */
    display: inline-block;
    width: 33.2%;
    margin-bottom: 4px;
}
.sitemap-list-title-6{
    font-family: Arial Black;
    font-style: normal;
    font-weight: 900;
    font-size: 27px;
    background: #D6EAE7;
    text-align: center;
    padding: 19px 0;
    margin-bottom: 30px;
}
.sitemap-list-title-6 a{
    color: #1B2D58;
    text-decoration: none;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: -0.9em;
}
.sitemap-list-item-6{
    max-width: 227px;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    text-align: left;
}
.sitemap-list-item-main-6{
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #1B2D58;
    max-width: max-content;
}
.sitemap-list-item-main-6 a{
    text-decoration: none;
    color: #1B2D58;
}
.sitemap-list-7{
    background: #F1FAF9;
    text-align: center;
    padding-bottom: 44px;
    /* max-width: 390px; */
    display: inline-block;
    width: 33%;
    margin-right: 4px;
}
.sitemap-list-title-7{
    font-family: Arial Black;
    font-style: normal;
    font-weight: 900;
    font-size: 27px;
    background: #D6EAE7;
    text-align: center;
    padding: 19px 0;
    margin-bottom: 30px;
}
.sitemap-list-title-7 a {
    color: #1B2D58;
    text-decoration: none;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: -0.9em;
}
.sitemap-list-item-7{
    max-width: 227px;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    text-align: left;
}
.sitemap-list-item-main-7{
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #1B2D58;
    max-width: max-content;
}
.sitemap-list-item-main-7 a {
    text-decoration: none;
    color: #1B2D58;
}
.sitemap-list-8{
    background: #F1FAF9;
    text-align: center;
    padding-bottom: 44px;
    /* max-width: 390px; */
    display: inline-block;
    width: 33%;
    margin-right: 4px;
}
.sitemap-list-title-8{
    font-family: Arial Black;
    font-style: normal;
    font-weight: 900;
    font-size: 27px;
    background: #D6EAE7;
    text-align: center;
    padding: 19px 0;
    margin-bottom: 30px;
}
.sitemap-list-title-8 a {
    color: #1B2D58;
    text-decoration: none;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: -0.9em;
}
.sitemap-list-item-8{
    max-width: 227px;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    text-align: left;
}
.sitemap-list-item-main-8{
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #1B2D58;
    max-width: max-content;
}
.sitemap-list-item-main-8 a {
    text-decoration: none;
    color: #1B2D58;
}
.sitemap-list-9{
    background: #F1FAF9;
    text-align: center;
    padding-bottom: 44px;
    /* max-width: 390px; */
    display: inline-block;
    width: 33.2%;
}
.sitemap-list-title-9{
    font-family: Arial Black;
    font-style: normal;
    font-weight: 900;
    font-size: 27px;
    background: #D6EAE7;
    text-align: center;
    padding: 19px 0;
    margin-bottom: 30px;
}
.sitemap-list-title-9 a{
    color: #1B2D58;
    text-decoration: none;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: -0.9em;
}
.sitemap-list-item-9{
    max-width: 227px;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    text-align: left;
}
.sitemap-list-item-main-9{
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #1B2D58;
    max-width: max-content;
}
.sitemap-list-item-main-9 a{
    text-decoration: none;
    color: #1B2D58;
}
.result-report-banner{
    max-width: 1178px;
    margin: 0 auto 80px auto;
}
.result-report-banner img,
.result-report-list img{
    width:100%;
}
.result-report-list{
    max-width: 1110px;
    margin: 0 auto;
}
.result-report-2019-image,
.result-report-2018-image,
.result-report-2017-image,
.result-report-2016-image,
.result-report-2015-image{
    max-width: 274px;
}
.result-report-2019,
.result-report-2018,
.result-report-2017,
.result-report-2016,
.result-report-2015{
    display: inline-block;
    text-align: center;
    margin-bottom: 40px;
}
.result-report-2019-title,
.result-report-2018-title,
.result-report-2017-title,
.result-report-2016-title,
.result-report-2015-title{
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    max-width: 111px;
    margin: 0 auto;
    background: #04346C;
    border-radius: 10px;
    padding: 6px 0 0 0;
}
.result-report-2019-title a,
.result-report-2018-title a,
.result-report-2017-title a,
.result-report-2016-title a,
.result-report-2015-title a{
    text-decoration: none;
    color: #fff;
    display: block;
}

.backtotop{
    max-width: 29px;
    margin: 60px auto 123px auto;
}
.backtotop2{
    max-width: 62px;
    margin: 60px auto 123px auto;
    line-height: 1.2;
}
.backtotop img,
.backtotop2 img{
    width:100%;
}
.backtotop a{
    text-decoration: none;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #9B9B9A;
}
.backtotop2 a{
    text-decoration: none;
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    color: #9B9B9A;
}
.backtotop-2{
    max-width: 90px;
    position: fixed;
    bottom: 4%;
    right: 1%;
    z-index:9;
}
.backtotop-2 a{
    display:block;
}
.backtotop-2 img{
    width:100%;
}
.category-container{
    max-width: 1172px;
    margin: 0 auto;
}
.item-sidebar{
    display: inline-block;
    vertical-align: top;
    margin:23% 0 0 18.2%;
    text-align: left;
}
.item-center{
    text-align: center;
    position: relative;
    max-width: 1172px;
    margin: 0 auto;
    padding-bottom: 50px;
}
.item-container{
    display: inline-block;
    text-align: left;
}
@media only screen and (max-width:1218px){
.c-news-card-block{
    max-width: 350px;
}
.c-news-card-title{
    font-size: 21px;
}
.c-news-card-intro,
.c-news-card-date{
    font-size: 17px;
}
.keepread-block,
.keepread-card .keepread-block{
    max-width: 335px;
}
}
@media only screen and (max-width:1203px){
  .h-title{
    font-size: 43px;
    max-width: 300px;
  }
}
@media only screen and (max-width:1134px){
  .c-news-card-block {
    max-width: 300px;
  }
  .c-news-card-descrition{
    margin: 26px 30px 45px 30px;
  }
  .n-news-title-0, .n-news-title-1, .n-news-title-2, .n-news-title-3, .n-news-title-4, .n-news-date-0, .n-news-date-1, .n-news-date-2, .n-news-date-3, .n-news-date-4, .n-news-image-0, .n-news-image-1, .n-news-image-2, .n-news-image-3, .n-news-image-4{
    max-width: 750px;
  }
  .n-news-descrition-1, .n-news-descrition-3{
    max-width: 430px;
  }
  .n-news-item-img-1{
    top: -44%;
    left: 1%;
  }
  .n-news-descrition-0, .n-news-descrition-2, .n-news-descrition-4{
    max-width: 430px;
  }
}
@media only screen and (max-width:1103px){
  .tzv-item-image{
    width: 19.4vmin;
  }
  .keepread-block,
  .keepread-card .keepread-block{
    max-width: 280px;
  } 
  .keepread-descrition{
    margin: 26px 35px 45px 35px;
  }
}
@media only screen and (max-width:1090px){
.item-sidebar{
  margin: 27% 0 0 4%;
}
}
@media only screen and (max-width:1026px){
  .circlelink{
    width: 208px;
    padding: 59px 0 59px 0;
    font-size: 30px;
  }
  .marginleftright-105{
    margin: 0 0 0 60px;
  }
.n-aunt{
    left: -3%;
}
.sitemap-list-2{
    width: 32.5vw;
}
.sitemap-list-3{
    width: 65.5vw;
}
.sitemap-list-4,
.sitemap-list-5,
.sitemap-list-6,
.sitemap-list-7,
.sitemap-list-8,
.sitemap-list-9{
    width: 32.5vw;
}
}
@media only screen and (max-width:1000px){
    .item-center{
        padding:15px;
    }
    .project-menu-title,
    .project-menu{
        display: none;
    }
    .dot{
        display: none;
    }
    .second-page{
        padding:0 13px 0 13px;
    }
    .second-page-small-list{
        position: fixed;
        right: 0;
        
    }
    .second-page-small-share{
        background: linear-gradient(106.85deg, #1B2D58 28.39%, #4F7BBE 70.57%, #77C9DA 104.69%);
        border-radius: 1.4321px 0px 0px 1.4321px;
        padding: 2.5px 5.5px 2.5px 5.5px;
    }

.SDGs-block{
    top: -80px;
}
.f-title{
    zoom:0.8;
}
.f-sdgline{
    top: 27px;
}
.s-page-count-block-title,
.s-page-count-block-left,
.s-page-count-block-right{
    padding: 0 20px 0 20px;
}
.sitemap-list-item-3{
    margin: 0 7px;
}
.n-news-title-0, .n-news-title-1, .n-news-title-2, .n-news-title-3, .n-news-title-4, .n-news-date-0, .n-news-date-1, .n-news-date-2, .n-news-date-3, .n-news-date-4, .n-news-image-0, .n-news-image-1, .n-news-image-2, .n-news-image-3, .n-news-image-4{
    max-width: 600px;
}
.n-news-descrition-1, .n-news-descrition-3{
    padding: 38px 33px 54px 33px;
}
.n-news-item-img-1{
    top:-58%;
}

}
@media only screen and (max-width:992px){
.n-flow-block{
    text-align: center;
}
.n-flow-item {
    max-width: 150px;
    padding: 25px 0 25px 0;
}
.n-flow-arrow > i {
    margin: 0 9px 0 0px;
}
.n-flow-arrow{
    top: -22px;
}
}
@media only screen and (max-width:984px){
.c-news-card-block {
    max-width: 270px;
}
.rb-circlelink{
    zoom: 0.9;
}
.rb-other-info-link-block > div:nth-child(2){
    margin: 0 4%;
}
}
@media only screen and (max-width:950px){
.sitemap-list-item{
    margin: 0 7px;
}
.sitemap-list-3{
    width: 65vw;
}
.sitemap-list-4,
.sitemap-list-5,
.sitemap-list-6,
.sitemap-list-7,
.sitemap-list-8,
.sitemap-list-9{
    width: 32.4vw;
}
.sitemap-list-item-main,
.sitemap-list-item-sub,
.sitemap-list-item-main-2,
.sitemap-list-item-main-3,
.sitemap-list-item-sub-3{
    font-size:18px;
}
}
@media only screen and (max-width:926px){
.h-page-count-block-title,
.h-page-count-block-left,
.h-page-count-block-right{
    padding:0 24px;
}
.keepread-block,
.keepread-card .keepread-block{
    max-width: 240px;
}
.keepread-descrition{
    margin: 20px 29px 45px 29px;
}
.item-sidebar{
    display: block;
    text-align: center;
    margin: 1% 0 0 69px; 
}
}
@media only screen and (max-width:920px){
.dpe-title{
    max-width:245px;
}

}
@media only screen and (max-width:894px){
.c-news-card-block {
    max-width: 238px;
}
.c-page-count-block-title{
    padding: 0 30px 0 30px;
}
.c-page-count-block-left{
    padding: 0 30px 0 30px;
}
.c-page-count-block-right{
    padding: 0 30px 0 30px;
}
}
@media only screen and (max-width:856px){
.dr-page-subtitle{
    padding: 0 20px 0 20px;
}
.h-page-subtitle{
    padding: 0 20px 0 0 !important;
}
.cic-page-count-block-title,
.cic-page-count-block-left,
.cic-page-count-block-right{
    padding:0 35px;
}
.s-page-count-block{
    zoom: 0.94;
}
}
@media only screen and (max-width:826px){
.keepread-block,
.keepread-card .keepread-block{
    max-width: 230px;
}
}
@media only screen and (max-width:825px){
.sitemap-list-2{
    width: 32.1vw;
}
.sitemap-list-item-3{
    margin: 0 5px;
}
.sitemap-list-6,
.sitemap-list-9{
    width: 32.3vw;
}
}
@media only screen and (max-width:807px){
.tzv-list{
    text-align: left;
    width: 96vw;
    margin: 0 auto;
}
.tzv-item{
    margin: 0 11px 0 11px;
}
.tzv-item-image{
    width: 28.4vmin;
}
}
@media only screen and (max-width:800px){
.verticaltextbottom{
    margin-top: 13%;
    vertical-align:inherit;
}

.breadcrumbs li a, .breadcrumbs li span{
    font-size: 12px;
}
.a-title{
    font-size: 18px;
    max-width: 105px;
    padding: 2px 0 1px 0;
    border-radius: 8px;
    box-shadow: 1px 1px;
    margin-left: 2%;    
}
.a-sdgline{
    width: 83%;
    margin-left: -2px;    
    top: 17px;
}
.a-pageimg2{
    max-width: 400px;
}
.SDGs-block{
    top: -42px !important;     
}
.SDGs{
    max-width: 32px !important; 
    margin-left: 6px;
}
.SDGs-text{
    max-width: 75%;
    top: 1.5%;
    right: 0;
    width: 96%;
    left: 0;
    margin: auto;
}
.SDGs-text-title,
.SDGs-text-content{
    max-width: 160px;
    font-size: 13px;
    margin: 0 auto;
    line-height: 1.5;
}
.SDGs-close{
    max-width:24px;
    display:block;
    margin: -1% 1% auto auto;
}
.SDGs-text:after{
    display:none
}
.imgw930{
	max-width: inherit;
    width: 100%;    
}
.a-page-title{
	font-size: 17px;
    max-width: inherit;
    width: max-content;    
}
.a-page-sub-title{
    font-size: 14px;
    margin: 30px auto 10px auto;
    max-width: 210px;
}
.a-page-text-normal{
	font-size: 12px;    
}
.c-title{
    font-size: 18px;
    max-width: 135px;
    border-radius: 6px;
    box-shadow: 1px 1px;
    margin-left: 2%;
    padding:5px 0;
}
.c-sdgline{
    top:17px;
}
.c-page-title{
    margin: 59px auto 0 auto !important;    
    font-size: 17px;
}
.c-page-title-s{
    margin: 30px auto 3px auto;
    font-size: 17px;
}
.c-page-title-s-1{
    margin: 30px auto 3px auto;
    font-size: 17px;
}
.c-page-title-community{
    margin: 102px auto 0 auto;
    font-size: 17px;
}
.c-page-text-middle{
    font-size: 14px;
}
.c-page-text-normal{
    font-size: 12px;
}
.c-page-subtitle{
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
    display:block;
}
.c-page-count-block-title{
    display: block;
    margin: 16px 0 20px 0;
    font-size: 14px;
}
.c-smallicon{
    margin-right: 7px;
}
.c-news-card-block{
    margin-bottom: inherit;
    max-width: 255px;
    height: 430px;
}
.c-news-card::-webkit-scrollbar {
    display: none;
}
.c-news-card{
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.c-news-card > div{
    width: 810px;
    padding-bottom: 1%;
}
.c-news-card-title{
    font-size: 14px;
}
.c-news-card-intro,
.c-news-card-date{
    font-size: 12px;
}
.c-news-card-descrition{
    margin: 26px 35px 0 35px;
}
.c-date{
    font-size:13px;
}
.c-othere-title{
    margin: 30px auto 35px auto;
    font-size: 17px;
}
.c-other-home-img{
    max-width: 236px;
    margin: 68px auto 30px auto;
}
.c-other-home-text1{
    margin-bottom: 42px;
    font-size:14px;
    max-width: 430px;
    margin: 0 auto;
}
.c-other-home-text2,
.c-other-home-text3{
    font-size: 30px;
}
.c-block-title-2{
    margin: 30px auto 35px auto;
    font-size:17px;
}
.c-block{
    /*margin-top: 60px;*/
}
.circlelink{
    width: 100px;
    font-size: 14px;
    padding: 29px 0 29px 0;
}
.square-block{
    margin-left: 34%;
}
.square-block2{
    text-align: left;
}
.square-block3{
    text-align: left;
    margin-left: 22.5%;
}
.marginleftright-105{
    margin: 0 0 0 24px;
}
.pageimg1,
.pageimg2{
    max-width:347px;
}
.pageimg4{
    max-width: 347px;
    display: block;
    margin: 0 auto;
}
.pageimg5{
    display: block;
    max-width: 347px;
    margin: 0 auto;
    order: 1;
}
.pageimg6{
    display: block;
    max-width: 347px;
    margin: 0 auto;
}
.page-text{
    display: block;
    text-align: center;
    max-width: 347px;
    margin: 0 auto;
}
.page-text2{
    display: block;
    text-align: center;
    max-width: 347px;
    margin: 0 auto;
    order:2;
}
.page-container{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.fontstyle-35{
    font-size: 14px;    
}
.fontstyle-27{
    font-size: 12px;    
}
.imgw48{
	max-width: 32px;
}
.hrstyle{
    background: #293A62;
    height: 1px;
    margin: 0;
}
.n-block-title-2{
    font-size: 17px;
    margin: 64px auto 0 auto;
}
.n-block-title-4{
	font-size: 17px;
}
.n-news-date-0{
	font-size: 12px;    
}
.n-news-intro{
	font-size: 12px;    
}
.n-news-more-0 a{
    font-size: 9px;
    padding: 7px 12px 7px 12px;
}
.n-news-block-0,
.n-news-block-1,
.n-news-block-2{
    max-width: 375px;
    margin: 32px auto 0 auto;
}
.n-text-2{
    max-width: 500px;
    font-size: 12px;
    margin: 17px auto 30px auto;
    padding: 67px 60px 67px 60px;
}
.n-flowerpot-devious{
    max-width: 20px;
}
.e-img-item1{
    margin-right: 50px;
    width: 46%;
    float: left;
}
.e-img-item2{
    width: 46%;
}
.e-title{
    margin: 96px auto 3px auto !important;
    font-size: 17px;
}
.n-news-title-0 > a,
.n-news-title-1 > a,
.n-news-title-2 > a,
.n-news-title-3 > a,
.n-news-title-4 > a{
    font-size: 14px;
}
.n-news-descrition-0{
    top: inherit;
    max-width: inherit;
    position: relative;
    margin: -7% 0 auto auto;
    padding: 20px 20px 40px 20px;
    max-width: 216px;
}
.n-news-item-img-0{
    left: -60%;
    right: unset;
    top: 20%;
    max-width: 125px;
}
.n-news-block-1,
.n-news-block-2{
    margin-top:32px;
}
.n-news-descrition-1{
    top: inherit;
    max-width: inherit;
    position: relative;
    margin: -7% 0 auto auto;
    padding: 20px 20px 40px 20px;
    max-width: 216px;
}
.n-news-item-img-1{
    max-width: 126px;
    top: 16%;
    left: -65%;
}
.n-news-more-1 a{
    font-size: 9px;
    padding: 7px 12px 7px 12px;
}
.n-news-descrition-2{
    top: inherit;
    max-width: inherit;
    position: relative;
    margin: -7% 0 auto auto;
    padding: 20px 20px 40px 20px;
    max-width: 216px;
}
.n-news-item-img-2{
    max-width: 119px;
    top: 20%;
    right: inherit;
    left: -63%;
}
.n-news-more-2 a{
    font-size: 9px;
    padding: 7px 12px 7px 12px;
}
.n-news-date-0,
.n-news-date-1,
.n-news-date-2,
.n-news-date-3{
    padding-bottom: 17px;
}
.n-title{
    font-size: 18px;
    max-width: 105px;
    padding: 2px 0 1px 0;
    border-radius: 8px;
    box-shadow: 1px 1px;
    margin-left: 2%;
}
.n-sdgline{
    width: 83%;
    top: 17px;
    margin-left: -1px;
}
.n-block-title{
    font-size: 17px;
    color: #1B2D58;
    max-width: inherit;
    width: 47%;
    padding-bottom: 5px;
}
.n-text{
    font-size: 12px;
}
.n-flowerpot-correctitude{
    max-width: inherit;
    width: 7%;
    top: -7vw;
}
.n-flowerpot-correctitude-2{
    max-width: inherit;
    width: 7%;
    top: -7vw;
}
.n-think{
    max-width: inherit;
    width: 7%;
    right: 4%;
    bottom: -3vw;
}
.n-boy{
    max-width: 67px;
    bottom: -1%;
    right: 0;
}
.n-aunt{
    max-width: 117px;
    top: -20%;
    left: -2%;
}
.n-block-title-3{
    font-size: 17px;
    padding-bottom: 10px;
}
.n-medal{
    max-width: 22px;
}
.n-flow-item {
    max-width: 70px;
    padding: 12px 0 12px 0;
}
.n-flow-item-date, .n-flow-item-text {
    font-size: 12px;
}
.n-flow-item-hr {
    max-width: 46px;
}
.n-flow-block {
    text-align: center;
    margin: 0 auto 55px auto;
}
.n-flow-arrow > i {
    border-width: 0 5px 5px 0;
    padding: 5px;
    border-radius: 5px;
    margin: 0 5px 0 5px;
}
.n-slider-block{
    margin-bottom: 66px;
}
.f-page-title{
    font-size: 17px;
    max-width: inherit;
    width: max-content;
}
.f-page-sub-title{
    font-size: 14px;
    margin-top: 10px;
}
.f-page-text-normal{
    font-size: 12px;
}
.f-title{
    font-size: 13px;
    max-width: 155px;
    padding: 7px 15px;
    border-radius: 8px;
    box-shadow: 1px 1px;
    margin-left: 2%;
    zoom:inherit;
}
.f-sdgline{
    margin-left: -2px;
    top: 21px;
    width: 75%;
}
.h-page-block{
    margin: 0 0 50px 0;
}
.h-title{
    font-size: 13px;
    max-width: 115px;
    padding: 7px 0 7px 0;
    border-radius: 6px;
    box-shadow: 1px 2px;
}
.h-page-title{
    font-size: 17px;
    margin: 20px auto 13px auto;
}
.h-page-sub-title{
    font-size: 14px;
    margin-top: 13px;
    margin-bottom: 5px;
}
.h-page-text-normal{
    font-size: 12px;
}
.h-page-subtitle{
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
    display: block;
    padding: 0 !important;
}
.h-page-title-s{
    margin: 72px auto 19px auto;
    font-size: 17px;
}
.h-sdgline{
    top: 16px;
}
.h-page-count-block-title{
    display: block;
    font-size: 14px;
    margin-bottom: 20px;
}
.h-page-count-block{
    margin:0;
}
.cic-title{
    font-size: 13px;
    max-width: 105px;
    border-radius: 6px;
    padding: 7px 0 7px 0;
    box-shadow: 1px 1px;
}
.cic-sdgline{
    top:16px;
}
.cic-page-title{
    font-size: 17px;
    margin: 20px auto 0 auto;
}
.cic-page-sub-title{
    font-size: 14px;
    margin: 13px 0 5px 0;
}
.cic-page-text-normal{
    font-size: 12px;
    margin-bottom: 35px;
}
.cic-page-count-block-title{
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
}
.cic-page-count-block{
    margin: 32px 0 50px 0;
}
.cic-pageimg2{
    margin:40px auto;
}
.amp-title{
    font-size: 13px;
    max-width: 135px;
    border-radius: 6px;
    box-shadow: 1px 1px;
    padding:5px 0;
}
.amp-sdgline{
    top:16px;
}
.amp-page-title{
    font-size: 17px;
    margin: 15px auto 0 auto;
}
.amp-page-sub-title{
    font-size: 14px;
    margin: 10px 0 5px 0;
}
.amp-page-text-normal{
    font-size: 12px;
}
.amp-page-block{
    margin: 32px 0 72px 0;
}
.amp-item{
    margin: 0 auto;
    text-align: center;
}
.amp-page-block > .amp-item:nth-child(2){
    margin-top:20px;
}
.amp-page-sub-title-2{
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
}
.dpe-title{
    font-size: 13px;
    max-width: 90px;
    border-radius: 6px;
    box-shadow: 1px 2px;
    padding:5px 0;
}
.dpe-sdgline{
    top:16px;
}
.dpe-page-title{
    font-size: 17px;
}
.dpe-page-sub-title{
    font-size:14px;
}
.dpe-page-text-normal{
    font-size:12px;
    margin-bottom:72px;
}
.dr-title{
    font-size: 13px;
    max-width: 90px;
    border-radius: 6px;
    box-shadow: 1px 2px;
    padding:5px 0;
}
.dr-sdgline{
    top: 16px;
}
.dr-page-title{
    font-size:17px;
}
.dr-page-sub-title{
    font-size:14px;
    margin:10px 0 5px 0;
}
.dr-page-text-normal{
    font-size:12px;
}
.dr-list{
    max-width:173px;
}
.dr-list-img{
    max-width:119px;
}
.dr-list-title{
    font-size:14px;
    padding: 13px 0 13px 0;
    margin: 17px 0 14px 0;
}
.dr-squareicon{
    font-size:14px;
    padding-left: 16px;
}
.dr-squareicon:before{
    padding: 5.6px;
    margin-top: 5px;
}
.dr-list-title-clip{
    font-size:14px;
    padding: 13px 0 13px 0;
    margin: 17px 0 14px 0;
}
.dr-list-item{
    max-width: 100px !important;
}
.dr-page-block {
    margin: 0 0 72px 0;
    text-align: center;
}
.dr-page-subtitle{
    font-size: 14px;
    margin:32px 0 20px 0;
    display: block;
}
.dr-list-block{
    margin-bottom:73px;
}
.dpt-title{
    font-size: 13px;
    max-width: 90px;
    border-radius: 6px;
    box-shadow: 1px 2px;
    padding:5px 0;
}
.dpt-sdgline{
    top: 15px;
}
.dpt-page-title{
    font-size:17px;
    margin:0 auto;
}
.dpt-page-sub-title{
    font-size:14px;
    margin: 10px 0 5px 0;
}
.dpt-page-text-normal{
    font-size:12px;
    margin-bottom:72px;
}
.dpt-pageimg1{
    margin:112px auto 35px auto;
}
.che-title{
    font-size: 13px;
    max-width: 105px;
    border-radius: 6px;
    box-shadow: 1px 2px;
    padding: 5px 0;
}
.che-pageimg1{
    margin: 84px auto 20px auto;
}
.che-page-title{
    font-size:17px;
    margin:0 auto;
}
.che-page-sub-title{
    font-size:14px;
    margin:10px 0 5px 0;
}
.che-page-text-normal{
    font-size:12px;
}
.che-pageimg2{
    margin-bottom:105px;
}
.che-sdgline{
    top: 15px;
}

.rb-title{
    font-size: 13px;
    max-width: 80px;
    border-radius: 6px;
    box-shadow: 1px 2px;
    padding: 7px 0 7px 0;
}
.rb-page-title{
    font-size: 17px;
}
.rb-page-sub-title{
    font-size: 14px;
}
.rb-page-text-normal{
    font-size: 12px;
}
.rb-page-title-2{
    font-size:17px;
}
.rb-page-text-normal-2{
    font-size:12px;
}
.ee-title{
    font-size: 13px;
    max-width: 80px;
    border-radius: 6px;
    box-shadow: 1px 2px;
    padding: 5px 0;
}
.ee-sdgline{
    top:13px;
}
.ee-page-title{
    font-size: 17px;
    margin: 10px auto 0 auto;
}
.ee-page-sub-title{
    font-size: 14px;
    margin: 10px 0 5px 0;
}
.ee-page-text-normal{
    font-size:12px;
}
.ee-page-title-s{
    margin: 72px auto 35px auto;
    font-size: 17px;
}
.ee-page-block{
    margin-bottom: 72px;
}
.yc-title{
    font-size: 13px;
    max-width: 90px;
    border-radius: 6px;
    box-shadow: 1px 2px;
}
.yc-sdgline{
    top:10px;
}
.yc-page-title{
    font-size: 17px;
    margin: 0 auto;
}
.yc-page-sub-title{
    font-size: 14px;
    margin: 10px 0 5px 0;
    line-height: 1.5;
}
.yc-page-text-normal{
    font-size: 12px;
}
.yc-page-title-s{
    margin: 50px auto 35px auto;
    font-size: 17px;
}
.yc-page-block{
    margin-bottom:72px;
}
.vt-title{
    font-size: 13px;
    max-width: 90px;
    border-radius: 6px;
    box-shadow: 1px 2px;
}
.vt-sdgline{
    top:12px;
}
.vt-page-title{
    font-size: 17px;
    margin: 0px auto 0 auto;
}
.vt-page-sub-title{
    font-size: 14px;
    margin: 10px 0 5px 0;
}
.vt-page-text-normal{
    font-size:12px;
}
.vt-page-title-s{
    font-size: 17px;
    margin: 72px auto 0 auto;
}
.vt-page-subtitle{
    display: block;
    margin: 35px auto 20px auto;
    font-size:14px;
}
.vt-page-block{
    margin-bottom:72px;
}
.rb-sdgline{
    top: 20px;
}
.rb-other-info-link-block{
    margin: 0;
}
.rb-circlelink{
    width:100px;
    font-size: 14px;
}
.rb-other-info-link-block > div:nth-child(1){
    padding: 30px 0;
}
.rb-other-info-link-block > div:nth-child(2){
    padding: 30px 0;
    margin: 0 2.7%;
}
.rb-other-info-link-block > div:nth-child(3){
    padding: 40px 0;
}
.s-title{
    font-size: 13px;
    max-width: 90px;
    border-radius: 6px;
    box-shadow: 1px 2px;
    padding: 5px 0;
}
.s-sdgline{
    top: 15px;
}
.s-page-title{
    font-size: 17px;
    margin: 20px auto 0 auto;
}
.s-page-sub-title{
    font-size: 14px;
    margin: 10px 0 5px 0;
}
.s-page-text-normal{
    font-size: 12px;
}
.s-page-title{
    font-size: 17px;
    margin: 72px auto 35px auto;
}
.s-list-block .s-list:nth-child(2){
    margin-top: -12px !important;
}
.s-list{
    max-width: 173px;
}
.s-list-img{
    max-width: 119px;
}
.s-list-title{
    font-size: 14px;
    padding: 13px 0 13px 0;
    margin: 17px 0 14px 0;
}
.s-squareicon{
    padding-left: 12px;
    font-size: 14px;
    align-items: baseline;
}
.s-squareicon:before{
    width:inherit;
    height:inherit;
    padding: 4px;
    margin-top: 6px;
}
.s-list-title-clip{
    font-size: 14px;
    padding: 13px 0 13px 0;
    margin: 17px 0 14px 0;
}
.s-list-item{
    max-width: 130px !important;
}
.s-list-block{
    margin-bottom: 72px;
}
.s-page-title-2{
    font-size: 17px;
    padding: 0 21px 0 21px;
    margin: 0 auto;
}
.s-page-count{
    font-size: 13px;
}
.s-page-count-outer{
    margin: 0 0 72px 0;
}
.s-page-count-block{
    margin: 0;
    text-align: center;
}
.s-page-count-block-title{
    font-size: 14px;
    display: block;
    margin: 16px 0 20px 0;
}
.result-report-banner{
    margin: 0 auto 40px auto;
}
.result-report-2019,
.result-report-2018,
.result-report-2017,
.result-report-2016,
.result-report-2015{
    display: block;
}
.result-report-2019-image,
.result-report-2018-image,
.result-report-2017-image,
.result-report-2016-image,
.result-report-2015-image{
    max-width: 164px;
    margin: 0 auto;
}
.result-report-2019-title,
.result-report-2018-title,
.result-report-2017-title,
.result-report-2016-title,
.result-report-2015-title{
    font-size: 21px;
    max-width: 66px;
}
.backtotop{
    margin: 56px auto 83px auto;
}
.backtotop2{
    margin: 56px auto 83px auto;
    max-width: 28px;
}
.backtotop2 a{
    font-size: 16px;
}
.sitemap-block{
    display: inherit;
}
.sitemap-list,
.sitemap-list-3{
    margin:inherit;
}
.sitemap-list-title,
.sitemap-list-title-2,
.sitemap-list-title-3,
.sitemap-list-title-4,
.sitemap-list-title-5,
.sitemap-list-title-6,
.sitemap-list-title-7,
.sitemap-list-title-8,
.sitemap-list-title-9{
    font-size:25px;
}
.sitemap-list-item,
.sitemap-list-item-3{
    display: block;
    margin: 0 auto;
}
.sitemap-list-item-main,
.sitemap-list-item-main-3{
    margin-top: 30px;
    font-size: 20px;
}
.sitemap-list-item-sub,
.sitemap-list-item-sub-3{
    margin-bottom: 5px;
}
.sitemap-list-2,
.sitemap-list-3,
.sitemap-list-4,
.sitemap-list-5,
.sitemap-list-6,
.sitemap-list-7,
.sitemap-list-8,
.sitemap-list-9{
    width:100%;
    display:block;
}
.sitemap-list-item-main-2,
.sitemap-list-item-main-3,
.sitemap-list-item-main-4,
.sitemap-list-item-main-5,
.sitemap-list-item-main-6,
.sitemap-list-item-main-7,
.sitemap-list-item-main-8,
.sitemap-list-item-main-9{
    font-size:20px;
    margin-bottom:13px;
}
.backtotop-2{
    max-width: 40px;
    bottom: 8%;
    right: 1%;
}
.keepread-block{
    /*max-width: 251px;*/
    height: 410px;
    width:100% !important;
}
.keepread-title{
    font-size: 14px;
}
.keepread-intro,
.keepread-date{
   font-size:12px;
}
.keepread .owl-carousel .owl-item{
  padding-bottom: 10px;
}
.keepread-descrition{
  margin: 17px 30px 0px 30px;
}
.item-sidebar{
    display: block;
    text-align: center;
    margin: 1% 0 0 69px;
}

}
@media only screen and (max-width:720px){
.e-img-item1{
    margin-right: 40px;
    width: 43%;
}
.e-img-item2{
    width: 43%;
}
}
@media only screen and (max-width:684px){
.tzv-item-image {
    width: 27.4vmin;
}
}
@media only screen and (max-width:605px){
.paddingleftright-45{
    padding: 0 12px 0 12px;
}
.c-smallicon{
    margin-right: 2px;
}
}
@media only screen and (max-width:570px){
.s-list {
    max-width: 123px;
}
}
@media only screen and (max-width:536px){
.tzv-item-image {
    width: 26.4vmin;
}
.cic-page-count-block-title,
.cic-page-count-block-left,
.cic-page-count-block-right{
    padding: 0 12px;
}
}
@media only screen and (max-width:450px){
.f-title{
    max-width:130px;
    padding:7px 4px;
}
}
@media only screen and (max-width:440px){
.tzv-item-image {
    width: 25.4vmin;
}
.h-title{
    max-width: 90px;
    padding: 5px 0 5px 0;
}
.h-sdgline{
    top: 15px;
}
}
@media only screen and (max-width:405px){
.s-list-item{
    max-width:130px !important;
}
.s-list-img{
    max-width:85px;
}
.s-list-block .s-list:nth-child(2){
    margin-top: -8px !important;
}
.s-list{
    max-width: 95px;
}
.n-flow-item {
    max-width: 62px;
    padding: 7px 0 7px 0;
}
.n-flow-arrow > i{
    border-width: 0 4px 4px 0;
    padding: 4px;
    margin: 0 0 0 -5px;
}
}
@media only screen and (max-width:381px){
.circlelink{
    padding: 24px 0 24px 0;
    width: 90px;
}
.marginleftright-105 {
    margin: 0 0 0 8px;
}
}
@media only screen and (max-width:375px){
.dr-list {
    max-width: 145px;
}
.n-news-descrition-0,
.n-news-descrition-1,
.n-news-descrition-2,
.n-news-descrition-3{
    max-width: 57.6vw;
}
.n-news-item-img-0,
.n-news-item-img-1,
.n-news-item-img-2,
.n-news-item-img-3{
    left: -34vw;
    max-width: 31vw;
}
.cic-page-count-block-title,
.cic-page-count-block-left,
.cic-page-count-block-right{
    padding: 0px 3px;
}
}
@media only screen and (max-width:373px){
.tzv-item-image {
    width: 23.4vmin;
}
}
@media only screen and (max-width:360px){
.amp-title{
    max-width: 123px;
}
}
@media only screen and (max-width:350px){
.square-block{
    margin-left: 38%;
}
.square-block3{
    margin-left: 25.5%;
}
.keepread-descrition{
    margin: 17px 20px 0px 20px;
}
}