/* this year new */
.year-color {color:#0d9860!important;}
.year-bg-color {background-color:#0d9860!important;}

/* subnavigation overwrite */
.micrositeNav .msnav-wrap-pc .item-group-head .level-1 {color: #0d9860;}
.micrositeNav .msnav-wrap-pc .item-group-head .level-1 i {border-color: #0d9860;}
.micrositeNav .msnav-wrap-pc .item-group.active .level-1, .micrositeNav .msnav-wrap-pc .item-group:hover .level-1 {color: #0d9860;border-color: #0d9860;}
.micrositeNav .msnav-wrap-pc .item-group:hover .level-1 i {border-color:#0d9860;}
.micrositeNav .msnav-wrap-pc .item-group .level-1.active {color: #0d9860;}
.micrositeNav .msnav-wrap-pc .item-group .level-2 .content .item.active, .micrositeNav .msnav-wrap-pc .item-group .level-2 .content .item:hover {color: #0d9860;}
.micrositeNav .msnav-wrap-pc .item-group {padding: 0 20px;}
@media only screen and (max-width: 768px) {
    .micrositeNav .msnav-wrap-mb .nav-menu .title {color: #0d9860;}
	.micrositeNav .msnav-wrap-mb .nav-menu .title i {border-color: #0d9860;}
}

/* general overwrite */
.list .articleScroll .swiperOut .swiper-scrollbar, .list .articleScroll .swiperOut .swiper-scrollbar .swiper-scrollbar-drag {background-color:#0d9860!important;}
a.btn-2021-red {color:#0d9860!important;border: 1px solid #0d9860!important;width: unset!important;padding:0 30px;}
a.btn-2021-red:hover {background-color: #0d9860!important;}
span.btn-2021-red-arrow {background: url('data:image/svg+xml,<svg height="14" viewBox="0 0 8 14" width="8" xmlns="http://www.w3.org/2000/svg"><path d="m1 13 6-6-6-6" fill="none" stroke="%230d9860" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>') right bottom no-repeat;}

.share-2021 a {background: url(/en/news-events/impact-reports/sustainability-bond-impact/2024/_img/sprite.png) no-repeat 0 0;}


.feat .wrap .fright {position: relative;padding-right: 0; padding-left: 40px; float: right; padding-bottom: 20px; z-index: 1;}
.feat .wrap .pictureWrap img, .wrap .picListWrap img {width: 100%; height: auto; -webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;}
.feat .wrap .articleWrap {position: relative;}
@media only screen and (max-width: 1024px) {
    .feat .wrap .articleWrap {width: 100%; padding-right: 0; float: none; }
}

/* general for multi-sectoin */
.amountTable .tabalwrap .trow{display:flex;flex-direction: row; justify-content: space-evenly;}
.amountTable .tabalwrap .trow .tcol{box-sizing:border-box;display:flex;flex-direction: row; justify-content: center;align-items:center;padding:2rem 2rem;width:25%;}
.amountTable .tabalwrap .trow .tcol .countingup{font-size:24px;margin-right: 2px;}

.amountTable .tabalwrap .trow {background-color: #f3f8f5;border-bottom: 1px solid #0d9860;}
.amountTable .tabalwrap .trow:first-of-type{font-size: 14px;}
.amountTable .tabalwrap .tcol-1 {background-color: #c7ddce!important;}
.amountTable .tabalwrap .trow1, .amountTable .tabalwrap .trow1 .tcol-1 {color:#fff;background-color: #0d9860!important;}

@media only screen and (max-width: 768px){
	.amountTable .tabalwrap .trow .tcol{padding:1rem;font-size:1.2rem;}
	.amountTable .tabalwrap .trow .tcol .countingup{font-size:1.6rem;}
}