/* common */
.s-wrap{ max-width: 1180px; margin: auto; padding: 0 1rem;}
.s-kv{max-width: 1680px; margin: auto;}
.s-kv img{ width: 100%; }
.s-kv-footer{ max-width: 1680px; margin: auto !important; text-align: right; padding-top: 10px; font-size: 1rem; color: var(--color-gray);}
.s-title{ color: #333; font-size: 3rem; padding-bottom: 1rem; margin-top: 4rem; border-bottom: 1px solid #999; line-height: 1.5; }
.s-article{ font-size: 1.2rem; font-family: "AvenirLTProBook"; padding-top: 4rem; line-height: 1.5; text-align: justify;
    text-justify: inter-word;}
.s-content{ padding: 4rem 0; font-size: 1.1rem; line-height: 1.5;}
.s-indent{ text-indent: 2em;}
.s-flex{ display: flex; justify-content: space-between;}
.s-center{ text-align: center;}
.s-right{ text-align: right;}
.s-item-header{ border-top: 1px solid #999; color:var(--color-green); padding: 1.6rem 0; font-size: 1.6rem; margin-top: 5rem;}

/* article detail */
.article-detail .s-post-title{  font-size: 3rem; padding-bottom: 1rem; margin-top: 3rem; border-bottom: 1px solid #999; line-height: 1.3;}
.article-detail .s-post-time{ width: 100%; font-size: 1.2rem; color: var(--color-gray); padding-top: 2rem;  padding-bottom: 2rem;}
.article-detail .s-post-content{ width: 100%; color: var(--color-gray); font-size: 1.1rem;

}
.article-detail .s-post-content a, .entry-content a{ color: var(--color-green); text-decoration: underline;}
.article-detail .s-post-content a:hover, .entry-content a:hover{ color: var(--color-green-hover); text-decoration: none;}

.s-icon-img{ background-position: center center; background-size: cover; background-repeat: no-repeat;}

/* admin */
.entry-footer{ text-align: center;}

/* Founder Philosophy */
.founders-life-left{ flex: 1;}
.founders-life-right{ width: 270px; margin-left: 70px;}
.founders-life-right-header{ height: 5.6rem; line-height: 6rem; margin-top: 4rem; border-bottom: 1px solid #999; }
.founders-life-right-header a{ font-size: 1.6rem; color: var(--color-green);}
.founders-life-right-name{ font-size: 1.5rem;  padding: 3rem 0; font-weight: bold;}
.founders-life-right-desc{ font-size: 1.1rem;  padding-bottom: 2rem;}
.founders-life-right-img img{ width: 100%;}
.founders-history-kv{ max-width: 1680px; margin: 5rem auto 0 auto;}
.founders-history-knowmore li{ margin-top: 2rem;}
.founders-history-knowmore li a{ color: #435d5d; padding-left: 50px; background-image: url(../image/icon-arrow-radius.png); background-size: 33px 33px; background-repeat: no-repeat; background-position: left center; display: block; height: 33px; line-height: 33px; font-size: 1.2rem;}


/* Mission */
.s-mission-kv{ width: 100%; max-width: 1600px; height: 760px; margin: auto; background-image: url(../image/8.jpg); background-position: center center; }
.s-mission-kv-content{ width: 100%; height: 100%; max-width: 1000px; margin: auto; display: flex; justify-content: center; align-items: center; color: #FFF;}
.s-mission-kv-content .s-sign{ font-size: 16rem; line-height: 5rem; font-family: 'Times New Roman', Times, serif;}
.s-mission-kv-content .s-sign-end{ text-align: right; padding-top: 5.5rem;}
.s-mission-kv-intro{ font-size: 3rem; font-family: "AvenirLTProBlack"; }
.s-mission-kv-footer{ font-size: 1.5rem; margin-top: -5rem;}

.mission-whatwedo{ display: flex; justify-content: space-between; margin-left: -2rem;}
.whatwedo-item-block {
    width: 33.33%;
    border-top: 1px solid #999;
    flex: 1;
    margin-left: 2rem;
}

.whatwedo-item-content{ font-size: 1rem; margin: 1rem 0; color: #706c68; 

    min-height: 135px;
    text-align: justify;
text-justify: inter-word;
}
.whatwedo-item-img{ margin-top: 3rem;}
.whatwedo-item-img img{ display: block; width: 100%;}
.whatwedo-item-img a{ position: relative; display: block; color: #FFF; font-size: 2rem; font-family: "AvenirLTProBlack";}
.whatwedo-item-img a:hover{ color: #EEE;}
.whatwedo-item-img p{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;  display: flex; align-items: center;  }
.whatwedo-item-img p span{ display: block; margin: auto; text-align: center; width: 90%; color: #FFF;}

.s-mission-core-values{ padding: 3rem 0 4rem;}
.s-mission-core-values-img img{ display: block; width: 100%;}
.s-mission-core-values-img{ position: relative;}
.s-mission-core-values-img p:nth-child(2){ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center;}
.s-mission-core-values-img p:nth-child(2) span{ display: block; width: 100%; text-align: center; color: #FFF; font-size: 3.2rem; font-family: 'AvenirLTProBlack';}
.s-mission-core-values-content{ padding-top: 2rem;}

/* read more */
.s-item-body{ display: flex; justify-content: space-between;}
.readmore-item-body{ display: flex; justify-content: space-between; margin: 0 -1rem;}
.readmore-item-block{ max-width: 370px; border-top: 1px solid #999; flex: 1; margin: 0 1rem; }

.readmore-item-tag{ font-size: 1.3rem; padding-top: 3rem;}
.readmore-item-title{ font-size: 2rem; padding-top: 30px; height: 90px; line-height: 1.4; color: #231f20; font-family: 'AvenirLTProMedium';}

.readmore-item-content{ font-size: 1rem; margin: 10px 0 0 0; color: #706c68; 				
    min-height: 135px;
    text-align: justify;
    text-justify: inter-word;
}
.readmore-item-img{ margin-top: 10px;}
.readmore-item-img img{ width: 100%;}
.readmore-item-desc{ font-size: 1rem; padding-top: 0.5rem; height: 20px; color: #b2b2b2;}

/* whats new */

.whats-new-item-block{ display: flex; justify-content: space-between; margin-bottom: 4rem; width: 100%;}
.whats-new-item-left{ flex: 1;  border-top: 1px solid #999; margin-right: 3rem; }
.whats-new-item-right{ width: 41%;}
.whats-new-item-right img{ width: 100%; max-height: 296px; object-fit: cover;}
.whats-new-item-tag{ color: #4c4641; font-size: 1rem; padding-top: 1rem;}
.whats-new-item-tag.whats-new-item-time{ display: flex; justify-content: space-between;}
.whats-new-item-title{ margin: 2rem 0; font-size: 2rem; 
    word-wrap: break-word;
    text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;					
	-webkit-box-orient: vertical;
    font-family: 'AvenirLTProMedium';
    color: #333;
}
.whats-new-item-desc{  font-size: 1.1rem; color: #4c4641;text-align: justify;
    text-justify: inter-word; }
.whats-new-img-footer{ color: #b2b2b2; padding-top: 0.5rem; font-size: 1.1rem;  text-align: right;}
.whats-new-item-more-link {
    padding-top: 1rem;
}

.btn-arrow-only {
    background-image: url(../image/more-arrow-gray.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 40%;
    display: inline-block;
    padding: 20px;
    border: 1px solid #8a8a8a;
    border-radius: 50%;
}
.btn-arrow-only:hover {
    background-image: url(../image/more-arrow-white.svg);
    background-color:var(--color-green-hover);
    border-color:var(--color-green-hover)
}




/* The board Profile*/
.flex-box{ display: flex;}
.justify-content-between{ justify-content: space-between;}



/* over view */
.overview-kv{ padding: 50px 0;}
.s-item-over-view{ display: flex; justify-content: space-between; width: 100%;  margin-bottom: 4rem;}

.s-item-over-view .s-item-header{ color: #4c4641; font-size: 1.2rem;}
.s-item-over-view .s-item-body{ position: relative;}
.s-item-over-view .s-item-body img{ display: block; max-width: 330px; }
.s-item-over-view .s-item-content{ position: absolute; height: 220px; bottom: 28px; left: 28px; right: 28px; background-color: rgba(51, 51, 51, 0.45); color: #FFF; text-align: center; display: flex; flex-direction: column; justify-content: space-between; text-transform: uppercase; padding: 25px 0; }
.s-item-over-view .s-item-content>div:nth-child(1){ height: 35px; font-size: 1.4rem;}
.s-item-over-view .s-item-content>div:nth-child(2){ height: 20px; font-size: 0.7rem;}
.s-item-over-view .s-item-content>div:nth-child(3){ height: 95px; font-size: 1.2rem;}
.s-item-over-view .s-item-content>div:nth-child(4){ font-size: 0.8rem;}

.overview-video img{ display: block; width: 100%;}

.overview-explore-nav{ display: flex; justify-content: space-between; margin-top: 3rem; padding-bottom: 3rem;}
.overview-explore-nav .left ul{ display: flex;}
.overview-explore-nav .left ul a{ display: block; color: #4c4641; font-size: 1.2rem; padding: 10px; border: 1px solid #FFF;}
.overview-explore-nav .left ul a.active{ border: 1px solid var(--color-green); color: var(--color-green);}
.overview-explore-nav .left ul a:hover{color: var(--color-green);}
.overview-explore-nav .left ul li{ margin-right: 1.2rem;}

.overview-explore-nav .left ul li:nth-child(1){ order: 2;}
.overview-explore-nav .left ul li:nth-child(2){ order: 1;}
.overview-explore-nav .left ul li:nth-child(3){ order: 3;}
.overview-explore-nav .left ul li:nth-child(4){ order: 4;}

html[lang="en-US"] .overview-explore-nav .left ul li:nth-child(1){ order: 3;}
html[lang="en-US"] .overview-explore-nav .left ul li:nth-child(2){ order: 1;}
html[lang="en-US"] .overview-explore-nav .left ul li:nth-child(3){ order: 2;}

.overview-explore-nav .right{ display: flex; justify-content: right;}
.overview-explore-nav .right .select{ position: relative;}
.overview-explore-nav .right .selected, .overview-explore-nav .right .btn-submit{ padding: 10px;}
.overview-explore-nav .right .selected{ min-width: 100px; display: flex; align-items: center; justify-content: center; border: 1px solid #999; color: #4c4641; font-size: 1.2rem; cursor: pointer; text-align: center;}
.overview-explore-nav .right .selected .arrow-icon-green{ margin-left: 5px; width: 20px; height: 20px; background-image: url(../image/icon-arrow-green.png);}
.overview-explore-nav .right .btn-submit{  background-color: var(--color-green); font-size: 1.2rem; color: #FFF; text-align: center; border: 1px solid var(--color-green); margin-left: 15px; cursor: pointer; }
.overview-explore-nav .right .btn-submit:hover{ background-color:var(--color-green-hover);}

.overview-explore-nav .year-list{ display: none; position: absolute; left: 0; top: 49px; width: 100%; z-index: 2; background-color: #FFF; box-shadow: rgba(0, 0, 0, 0.18) 0px 2.4px 7.2px, rgba(0, 0, 0, 0.22) 0px 12.8px 28.8px;}
.overview-explore-nav .year-list a{ display: block; cursor: pointer; color: #231f20; font-size: 1.1rem; padding: 5px 0 5px 20px;}
.overview-explore-nav .year-list a:hover{ background-color: #f8f8f8;}
.overview-explore-nav .year-list a.active{ background-color: var(--color-green); color: #FFF;}
.overview-explore-nav .select:hover .year-list{ display: block;}

/* overview items */
.overview-explore{ padding-bottom: 4rem;}
.overview-explore-items{ margin-top: -2rem;}
.overview-explore-items .s-item{ margin-top: 2rem; display: flex; justify-content: space-between; border: 2px solid #bcbcbc;}
.overview-explore-items .s-item .year{ width: 116px; background-color: #bcbcbc;}
.overview-explore-items .s-item .year p{ font-size: 2rem; font-family: AvenirLTProBlack; text-align: center; padding-top: 30px; color: #FFF;}
.overview-explore-items .s-item .content{ flex: 1; padding: 30px; display: flex; flex-direction: column; justify-content: space-between;}
.overview-explore-items .s-item .content p:nth-child(1){ font-size: 2rem;}
.overview-explore-items .s-item .content p:nth-child(2){ font-size: 1.2rem; color: #666; padding: 2rem 0;}
.overview-explore-items .s-item .content p:nth-child(3){ text-align: right;}
.overview-explore-items .s-item .content .btn-more{
    display: inline-block;
    background-color: var(--color-green);
    border: 1px solid var(--color-green);
    font-size: 1.1rem;
    color: #FFF;
    text-align: center;
    font-family: AvenirLTProBook;
    width: 200px;
    height: 44px;
    line-height: 44px;
    transition: all 0.5s;
}
.overview-explore-items .s-item .content .btn-more:hover{ background-color: #FFF; color: var(--color-green);}
.overview-explore-items .s-item .photo{ width: 270px;  border-left: 1px solid #bcbcbc;}
.overview-explore-items .s-item .photo img{ display: block; width: 100%;}

.overview-read-more .prize-name{ padding-top: 30px; font-size: 1.1rem;}
.overview-read-more .s-item-title{ min-height: 160px;}
.overview-read-more .s-item-body{ margin-left: -2rem;}

/* Logo and Trophy */

.overview-trophy .s-item-content{ display: flex; padding-top: 2rem;}
.overview-trophy .s-item-content .left{ width: 340px;}
.overview-trophy .s-item-content .right{ flex: 1; margin-left: 80px;}
.overview-trophy .s-item-content .right-title{ font-size: 1.8rem; padding-bottom: 4rem; color: #231f20;}
.overview-trophy .s-item-content .right-content{ font-size: 1.1rem; }
.overview-trophy .s-item-content .right-content p{ padding-bottom: 2.5rem;}

/* selection */
.s-panel-article-header .s-article{ padding-bottom: 4rem; }
.s-panel-article-item{border: 1px solid #999; padding: 2rem;}
.s-panel-article-item-top{ font-size: 2.4rem; padding-bottom: 2rem; color: var(--color-green); font-family: "AvenirLTProHeavy";}
.s-panel-article-item-body{ font-size: 1.2rem; color: #333;}
.s-panel-article-item-bottom{ text-align: right;}
.s-panel-article-item-bottom a{ color: #666; font-size: 1.1rem; display: inline-block; background-image: url(../image/icon-plus.png); background-size: 19px 19px;
    background-position: center right; padding-right: 25px;
}
.s-panel-article-item-bottom a:hover{ color: var(--color-green);}

.s-panel-article-space{ padding: 1rem 0; text-align: center;}
.s-panel-article-space span{ display: inline-block;}

.s-selection-process-title{ margin-top: 4rem; font-family: "AvenirLTProHeavy"; font-size: 2rem; color: #FFF; background-color: var(--color-green); height: 60px; display: flex; align-items: center; padding-left: 20px;}
.s-selection-process-desc{ font-size: 1.2rem;  color: #333;  padding: 2rem 0;}
.s-selection-process-year-list{ display: flex; flex-wrap: wrap;}
.s-selection-process-year-list a{ display: block; border: 1px solid #acacac; color: #999; padding: 12px 40px; margin-right: 2rem; font-family: "AvenirLTProHeavy"; font-size: 1.3rem; margin-bottom: 1rem;}
.s-selection-process-year-list a:hover{ border: 1px solid var(--color-green); color: var(--color-green);}

/* Sustainability-Prize */
.s-sustainability-prize-green-btn{ display: flex; align-items: center; justify-content: center; background-color: var(--color-green); color: #FFF; text-align: center; font-size: 1.5rem; height: 50px; font-family: "AvenirLTProHeavy";}



/* what's news */
.news-header{ margin-top: 0;}
.news-year{ justify-content: right;}
.news-list .s-mission-item-tag{ display: flex; justify-content: space-between;}
.news-list .s-mission-item-tag p:nth-child(2){ font-family: "AvenirLTProHeavy"; color: #888; font-size: 1.1rem;}

/* inspiration */
.inspiration{ padding-top: 5rem;}
.inspiration-item-body{grid-gap: 40px; display: grid; grid-template-columns: repeat(3,minmax(180px,1fr));}
.inspiration-item-block{ max-width: 100%; border: none; margin-bottom: 5rem; display: flex; justify-content: space-between; flex-direction: column;}
.inspiration-item-title{ margin: 10px 0 0; font-size: 2rem; 
    word-wrap: break-word;
    text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;					
	-webkit-box-orient: vertical;
    font-family: 'AvenirLTProMedium';
    height: 90px;
}
.inspiration-item-img img{ width: 100%; vertical-align: top;}
.inspiration-item-prize-name{ width: 100%; border-bottom: 1px solid #999; padding-bottom: 2rem; font-size: 1.4rem; color: var(--color-gray);}
.inspiration-item-page{ padding-top: 0;}
.inspiration-item-read-more{ padding-top: 1rem;}

/* Programs */
.programs-categories .s-item-title{ font-size: 1.2rem; text-align: center;}
.explore-our-programs .left ul a{ height: auto; padding: 10px 10px;}
.programs-categories .s-item-img img{ width: 100%; max-width: 370px;}

/* sponsorship */ 
.sponsorship-list{
    padding-top: 5rem;
}


.sponsorship-video img{ width: 100%;}

/* */
.nodata{ text-align: center; padding:  5rem 0;}
.selection-panels-nav{ display: flex; justify-content: space-between; margin-bottom: 2rem;}
.selection-panels-nav .left{ display: flex; align-items: center; font-size: 2rem;}
.selection-panel-header{ padding-bottom: 1rem;}
.selection-panels-list{ margin-bottom: 6rem;}
.selection-panels-item{  padding: 2rem;  display: flex;border: 1px solid #999; margin-top: 2rem;}
.selection-panels-item .left{ width: 16rem; padding-right: 2rem;}
.selection-panels-item .left img{ display: block; width: 100%;}
.selection-panels-item .right{ flex: 1;}
.selection-panels-item .right-title{ font-size: 2.5rem;}
.selection-panels-item .right-content{ font-size: 1.4rem; color: var(--color-gray); margin-top: 4rem; }

.s-prize-article-header{ padding-top: 2rem; padding-bottom: 2rem;}

/* Perspectives */
.perspectives .item-category-header{ display: flex; justify-content: space-between;  border-bottom: 1px solid #999; margin-bottom:40px; padding-bottom: 20px; }
.perspectives .item-category-header .cat-name{ font-size: 1.5rem; color: #666;}
.perspectives .item-category-header a{ color:var(--color-green); font-size: 1.2rem;}
.perspectives .item-category-header a:hover{ color: var(--color-green-hover);}

/* Contact Us */
.contact-main{ display: flex; justify-content: space-between; color:var(--color-gray);}
.contact-form{ flex: 1; margin-right: 4rem;}
.wpcf7-form-control {
    border: 1px solid #a5a5a5;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    font-size: 1rem;
}
.contact-info{ width: 380px;}
.form-required-tips{ color: #666; font-size: 1rem; text-align: right; }
.contact-form-body{ padding-top: 5.5rem;}
textarea.wpcf7-form-control{ height: 100px;}
.contact-form label{ display: block; margin-bottom: 1rem;}
.wpcf7-form-control[type="submit"] {
    width: 220px;
    height: 50px;
    line-height: 50px;
    background-color: var(--color-green);
    color: #FFF;
    font-size: 1.2rem;
    cursor: pointer;
    border: none;
}


.contact-info-title{ color: var(--color-green); font-size: 2rem; border-bottom: 1px solid #999; padding: 5rem 0 2rem;}
.contact-info-body{ padding-top: 2rem; font-size: 1.1rem;}
.contact-info-body p{ padding-bottom: 2rem;}

/* start : article tpl 1 */

.item-flex{ display: flex; margin-bottom: 2rem;}
.item-flex-photo{ width: 100%;}
.item-flex-photo div[style="font-size: x-small;"]{ font-size: 13px !important;}
.item-flex-photo>p:nth-child(1){ padding-bottom: 10px;}

.item-flex-text{ width: 100%;}
.item-flex img{ display: block; width: 100%;}
.item-flex>div:nth-child(1){ margin-right: 4rem;}
.item-flex-title{ font-size: 2rem; padding-bottom: 2rem; font-family: 'AvenirLTProMedium'; line-height: 1.3;

}
.item-flex-content{
    font-size: 1.1rem;
    text-align:justify;
    text-justify:inter-word;
}
.item-flex-contetn{
    text-align:justify;
    text-justify:inter-word;}


/* end : article tpl 1 */

/* start : article tpl 2 */

.color-green{ color: var(--color-green);}
.prize-laureates-content{font-size: 1.1rem; }
.prize-laureates-content .item-top-title{ font-size: 1.8rem; padding-bottom: 4rem;}
.prize-laureates-content .item-body{ margin-bottom: 4rem; text-align: justify;
text-justify: inter-word;}
.prize-laureates-content .item-body .p{ padding-top: 2rem;}

.prize-laureates-content .item-header{ font-size: 2rem; padding: 1.5rem 0 ; border-bottom: 1px solid #999;}

.prize-laureates-content{ padding: 4rem 0; color: var(--color-gray);}
.prize-laureates-content .item{ display: flex; justify-content: space-between;}
.prize-laureates-content .item .item-left{ flex: 1; margin-right: 3rem;}
.prize-laureates-content .item .item-right{ width: 370px;}
.prize-laureates-content .item .item-right.photo img{ width: 100%;}
.prize-laureates-content .item .item-right .know-more a{ display: block; height: 33px; line-height: 33px; margin-top: 1.5rem ; padding-left: 5rem; color: #435d5d; font-size: 1.3rem; font-family: 'AvenirLTProHeavy'; background-image: url(../image/icon-arrow-radius.png); background-size: 33px 33px; background-repeat: no-repeat; background-position: left center;}
.prize-laureates-content .item .item-right .know-more a:hover{ color: var(--color-green-hover);}

.prize-laureates-content .quote{position: relative; font-weight: bold; font-size: 4rem; padding:50px 100px; line-height: 1.2; color: #222; text-align: center;}
.prize-laureates-content .quote::before, .prize-laureates-content .quote::after{ position: absolute; width: 100px; height: 100px; background-image: url(../image/quotation.png); background-size: auto 100%; background-repeat: no-repeat; content: '';}
.prize-laureates-content .quote::before{ left: 0; top: 0; }
.prize-laureates-content .quote::after{ transform: rotate(180deg); right: 0; bottom: 0;}

.youtube-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #f8f8f8;
    margin-top: 50px;
}
.youtube-container .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}


.other-laureates{ display: flex; justify-content: space-between; margin-left: -2rem;}
.other-laureates-item{ margin-left: 2rem; flex: 1; border-top: 1px solid #999;}
.other-laureates-content{ display: flex; justify-content: space-between;}
.other-laureates-photo{ width: 230px;}
.other-laureates-intro{ flex: 1; margin-left: 2rem;}
.other-laureates-photo img{ width: 100%; }
.other-laureates-intro div{ word-wrap: break-word;}
.other-laureates-item h3{ font-weight: normal; color: var(--color-gray); font-size: 1.1rem; padding: 2rem 0;}
.other-laureates-intro h4{ font-size: 1.5rem;}
.other-laureates-desc{ color: var(--color-gray); margin-top: 2rem; margin-right: 2rem;
    font-size: 1rem;
    color: #706c68;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 67px;
}
.other-laureates-link{ padding-top: 1rem;}

/* end : article tpl 2 */

@media screen and (max-width: 1108px) {
    .s-wrap{ padding: 0 2rem;}

    .s-title {
        font-size: 3rem;
        padding-bottom: 1rem;
        margin-top: 3rem;
    }
    .s-item-header {
        padding: 1.2rem 0;
        font-size: 1.2rem;
        margin-top: 4rem;
    }

    .s-item-title {
        font-size: 2rem;
        padding-top: 1rem;
    }
    .s-item-content {
        font-size: 1rem;
        padding-top: 1.5rem;
        padding-bottom: 1rem;
    }
    
    .s-mission-kv{ height: 500px;}

    .s-mission-kv-intro {
        font-size: 2rem;
    }
    .s-mission-kv-content .s-sign {
        font-size: 10rem;
        line-height: 2rem;
    }

    .s-mission-kv-footer {
        font-size: 1.2rem;
        margin-top: -5rem;
    }
    .s-mission-core-values-img p:nth-child(2) span {
        font-size: 2.2rem;
    }
    .overview-video {
        padding: 4rem 0 3rem;
    }

    .overview-explore-nav{ flex-wrap: wrap;}

    .overview-explore-nav .right .selected {
        font-size: 1.1rem;
    }


    .overview-explore-nav .right .selected .arrow-icon-green {
        width: 18px;
        height: 18px;
    }
    .overview-explore-nav .year-list{ top: 42px;}
    .overview-explore-nav .year-list a {
        font-size: 1rem;
        padding: 5px 0 5px 20px;
    }

    .overview-trophy .s-item-content .left{ width: 30%;}
    .overview-trophy .s-item-content .left img{ width: 100%;}
    .overview-trophy .s-item-content .right-title {
        font-size: 1.5rem;
        padding-bottom: 2rem;
    }
    .overview-trophy .s-item-content .right-content {
        font-size: 1rem;
    }
    .overview-trophy .s-item-content .right {
        margin-left: 2rem;
    }
    .s-item-over-view{ margin-left: -2rem;}
    .s-item-over-view .s-item-box{ margin-left: 2rem;}

    .inspiration .s-item-title {
        min-height: 150px;
    }
    .inspiration .s-item-block {
        margin-bottom: 4rem;
    }
    .sponsorship-list .s-item-body{ padding-top: 4rem;}

    .article-detail .s-post-title {
        font-size: 3rem;
        padding-bottom: 1rem;
        margin-top: 2rem;
    }
    .article-detail img{ max-width: 100%; vertical-align: top;}
    .article-detail .s-post-content {
        font-size: 1rem;
    }
}

@media screen and (max-width: 980px) {
    .overview-explore-nav{ flex-wrap: wrap;}
    .s-item-over-view{ margin-left: 0; flex-direction: column;}
    .s-item-over-view .s-item-box{ margin-left: 0;}
    .s-item-over-view .s-item-body{ max-width: 330px; margin: auto;}
    .s-item-over-view .s-item-body img{ width: 100%; }
    .explore-our-programs .left ul a{ line-height: 1.2;}


}

@media screen and (max-width: 640px) {
    .mo-br{ display: block;}
    .overview-explore-nav {
        margin-top: 2rem;
    }
    .overview-explore-nav .left ul li {
        margin-right: 0rem;
    }

    .overview-video {
        padding: 2rem 0 2rem;
    }
    .news-list .s-item-header {
        margin-top: 2rem;
    }
    .overview-explore-nav .right .selected, .overview-explore-nav .right .btn-submit {
        padding: 0 1rem;
        height: 36px;
        line-height: 36px;
    }
    .overview-explore-nav .right .selected .arrow-icon-green {
        width: 14px;
        height: 14px;
    }
    .s-item-header {
        padding: 1.5rem 0;
        margin-top: 1rem;
    }

    .s-item-desc {
        padding-top: 0.5rem;
    }

    .s-item-block {
        max-width: 100%;
        flex: 1;
        margin-left: 0;

    }
    .s-mission-kv-intro {
        font-size: 1.5rem;
    }
    .s-mission-kv-content>div{ padding: 0 1.5rem;}
    .s-mission-kv-content .s-sign {
        font-size: 6rem;
    }
    .s-mission-kv-content .s-sign-end {
        padding-top: 3rem;
    }
    .s-mission-kv-footer {
        font-size: 1rem;
        margin-top: -1rem;
    }
    .s-kv-footer {
        padding-top: 5px;
        font-size: 12px;
        margin-right: 10px !important;
    }
    .s-mission-core-values-img p:nth-child(2) span {
        font-size: 1.6rem;
    }
    .s-mission-core-values-content {
        padding-top: 2rem;
    }
    .s-mission-core-values {
        padding: 2rem 0 2rem;
    }
    .mission-whatwedo{ flex-direction: column;}
    .whatwedo-item-block{ width: auto; margin-top: 2rem;}
    .whatwedo-item-img a{ font-size: 1.5rem;}
    .mission-whatwedo.s-item-body .whatwedo-item-block:nth-child(1){ margin-top: 0;}

    .s-title {
        font-size: 2rem;
        margin-top: 2rem;
    }
    .whats-new-item-block {
        flex-direction: column;
        margin-bottom: 2rem;
    }
    .whats-new-item-left {
        margin-right: 0;
    }
    .whats-new-item-tag {
        font-size: 1rem;
        padding-top: 1rem;
        text-align: left;
    }
    .news-list .whats-new-item-tag p:nth-child(2) {
        font-size: 1rem;
    }
    .whats-new-item-title {
        margin: 1.5rem 0 1.5rem;
        font-size: 1.5rem;
        overflow: auto;
        -webkit-line-clamp: 20;
    }
    .whats-new-item-desc {
        font-size: 1rem;
        padding-right: 0;
    }
    .whats-new-img-footer {
        font-size: 1rem;

    }
    .whats-new-item-more-link {
        padding: 1rem 0;
    }
    .btn-arrow-only {
        padding: 15px;

    }
    .whats-new-item-right {
        width: 100%;
    }
    .article-detail .s-post-title {
        font-size: 1.5rem;
        padding-bottom: 1rem;
        margin-top: 1rem;
    }
    .search-wrap .search-field {
        width: 140px;
    }
    .s-selection-process-desc {
        padding: 2rem 0 1rem 0;
        font-size: 1rem;
    }
    .s-selection-process-year-list{  flex-wrap: wrap; margin-right: -1rem;}
    .s-selection-process-year-list p{ margin-top: 1rem; width: 50%; }
    .s-selection-process-year-list a {
        padding: 6px 1rem;
        margin-right: 1rem;
        font-size: 1.2rem;
        text-align: center;
    }
    .s-panel-article-item-top {
        font-size: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .s-selection-process-title {
        margin-top: 2rem;
        font-size: 1.2rem;
        padding: 8px 10px;
        height: 30px;
    }
    /* read more */
    .readmore-item-body{ display: block; width: 100%; margin-left: 0;}
    .readmore-item-block {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
    .readmore-item-tag {
        font-size: 1rem;
        padding-top: 1.5rem;
    }
    .readmore-item-title {
        font-size: 1.5rem;
        padding-top: 1.5rem;
        height: auto;
    }
    .readmore-item-content{ min-height: 10px; padding-bottom: 10px;}


    .inspiration {
        padding-top: 2rem;
    }
    .inspiration .s-item-body {
        display: block;
        
    }
    .inspiration .s-item-title {
        min-height: 10px;
        padding-bottom: 1rem;
    }
    .inspiration .s-item-block .prize-name {
        font-size: 1.1rem;

    }

    .sponsorship-list .s-item-body {
        padding-top: 2rem;
    }

    .sponsorship-video {
        padding: 40px 0 20px;
    }
    .s-article {
        font-size: 1rem;
        padding-top: 2rem;
        line-height: 1.5;
    }

    .programs-categories .s-item-body {
        flex-direction: column;
    }
    .programs-categories .s-item-title {
        min-height: 10px;
        font-size: 1.2rem;
        text-align: center;
    }

    .overview-explore-nav {
        flex-direction: column;
        margin-top: 2rem;
    }
    .overview-explore-nav .left ul {
        flex-direction: column;
    }
    .overview-explore-nav .left li {
       margin-bottom: 1rem;
    }
    .overview-explore-nav .left li a{
        border: 1px solid #CCC;
     }



    .overview-explore-nav .right {
        margin-top: 10px;
        justify-content: left;
    }


    .overview-explore-items .s-item{ flex-direction: column;}
    .overview-explore-items .s-item .year{ order: 1; width: auto;}
    .overview-explore-items .s-item .year p {
        font-size: 1.2rem;
        padding: 0.4rem 0;
    }
    .overview-explore-items .s-item .photo{ order: 2; width: auto;}
    .overview-explore-items .s-item .content{ order: 3; padding: 1rem;}
    .overview-explore-items .s-item .content p:nth-child(1) {
        font-size: 1.5rem;
    }
    .overview-explore-items .s-item .content p:nth-child(2) {
        font-size: 1rem;
        padding-bottom: 1rem;
    }
    .overview-explore-items .s-item .content .btn-more {
        font-size: 1rem;
        width: 100%;
        height: 40px;
        line-height: 40px;
    }
    .overview-read-more .s-item-body {
        margin-left: 0;
    }
    .overview-read-more .s-item-title {
        min-height: 10px;
    }
    .s-item-title {
        font-size: 1.5rem;
        padding-top: 1rem;
    }
    .overview-read-more .s-item-block {
        padding-bottom: 2rem;
    }

    .overview-trophy .s-item-content {
       flex-direction: column;
    }
    .overview-trophy .s-item-content .left {
        width: 100%;
        text-align: center;
    }
    .overview-trophy .s-item-content .right {
        margin-left: 0;
    }
    .overview-trophy .s-item-content .right-title {
        padding: 2rem 0;
        text-align: center;
    }
    .overview-kv {
        padding: 2rem 0;
    }
    .overview-explore {
        padding-bottom: 2rem;
    }

    .founders-life{ flex-direction: column;}
    .founders-life-right {
        width: auto;
        margin-left: 0;
    }
    .founders-life-right-name {
        font-size: 1.5rem;
        padding: 2rem 0;
    }
    .founders-life-right-header {
        height: auto;
        line-height: 1.5;
        margin-top: 2rem;
        padding-bottom: 2rem;
    }
    .founders-life-right-header a, .founders-history-knowmore a{ text-decoration: none !important;}
    .founders-history-knowmore li a {
        padding-left: 40px;
        background-size: 28px 28px;
        height: 33px;
        line-height: 33px;
    }
    .founders-history-knowmore li {
        margin-top: 1rem;
    }
    .founders-history-kv {
        margin: 2rem auto 0 auto;
    }


    .s-item-img{ text-align: center;}
    .home-newsletter {
        margin-top: 2rem;
    }

    .programs-categories .s-item-body img{ width: 80%;}

    .s-sustainability-prize-green-btn{ font-size: 1.2rem; line-height: 1.2; padding: 1rem 0; height: auto;}
    .s-panel-article-item{ padding: 1rem;}
    .s-panel-article-space img{ height: 20px;}
    .s-panel-article-header .s-article{ padding-bottom: 2rem;}
    .selection-panels-nav .left{ font-size: 1.5rem;}

    /* inspiration */
    .inspiration-item-body {
        display: block;
    }
    .inspiration-item-title {
        margin: 1.5rem 0;
        font-size: 1.5rem;
        overflow:visible;
        text-overflow:initial;
        display: block;
        height: auto;
    }
    .inspiration-item-block {
        margin-bottom: 2rem;
        display: block;
    }
    .inspiration-item-prize-name {
        padding-bottom: 2rem;
        font-size: 1rem;
    }

    /* whats news */
    .overview-explore-nav{ padding-bottom: 2rem;}
    .whats-new-item-tag.whats-new-item-time {
        display: block;
    }
    .whats-new-item-tag.whats-new-item-time p{ padding: 0.2rem 0;}
    .article-detail .s-post-time{ padding: 1rem 0; font-size: 0.9rem;}
    
    /* perspectives */
    .perspectives .item-category-header{
        margin-bottom: 20px;
        padding-bottom: 10px;}
    .perspectives .inspiration-item-read-more{ border-bottom: 1px solid #999; padding-bottom: 10px;}

    /* Selection Process */
    .the-board-content{ flex-direction: column;}
    .the-board-content>div:nth-child(1){ order: 2; margin-top: 1rem;}
    .the-board-content>div:nth-child(2){ margin-left: 0 !important;}
    .the-board-content img{ width: 100%;}
    .selection-panels-nav{ margin-bottom: 1rem;}
    .selection-panels-item{ padding: 1rem; flex-direction: column;}
    .selection-panels-item .right-title{ font-size: 1.5rem;}
    .selection-panels-item .right-content {
        font-size: 1rem;
        margin-top: 1rem;
    }
    .selection-panels-item .left{ padding-right: 0; width: auto;}

    /* contact us */
    
    .contact-main {
        flex-direction: column;
        padding: 0;
    }
    .contact-form-body{ padding-top: 30px;}
    .contact-form {
        margin-right: 0;
    }
    .contact-info{ width: auto;}
    .contact-info-title {
        font-size: 1.5rem;
        padding: 3rem 0 1.5rem;
    }
    .contact-info-body {
        padding-top: 1rem;
        font-size: 1rem;
    }
    .contact-info-body p {
        padding-bottom: 1rem;
    }


    

    /* start : article tpl 1 */

    .item-flex{ flex-direction: column;  margin-bottom: 2rem;}
    .item-flex-photo{ width: 100%; order: 2;}
    .item-flex-text{ width: 100%; order: 1;}
    .item-flex img{  margin-top: 2rem;}
    .item-flex>div:nth-child(1){ margin-right: 0;}
    .item-flex-title{ font-size: 1.5rem; padding-bottom: 1rem; padding-top: 1rem; line-height: 1.4; font-weight: normal;}
    .item-flex-content{
        line-height: 1.5;
        font-size: 1rem;
    }
    .perspectives .item-category-header .cat-name{ font-size: 1.2rem;}
    .perspectives .item-category-header a{ font-size: 1rem;}
    .back-btn a {
        padding: 4px 10px;
        font-size: 1rem;
    }

    /* end : article tpl 1 */

        
    /* start : article tpl 2 */

    .prize-laureates-content{font-size: 1rem;}
    .prize-laureates-content .item{flex-direction: column; }
    .prize-laureates-content .item-top-title{ font-size: 1.1rem; padding-bottom: 2rem;}
    .prize-laureates-content .item-body{ line-height: 1.6; margin-bottom: 2rem;}
    .prize-laureates-content .item-body .p{ padding-top: 1.5rem;}

    .prize-laureates-content .item-header{ font-size: 1.2rem; padding: 1rem 0 ;}

    .prize-laureates-content{ padding:2rem 0;}
    .prize-laureates-content .item .item-left{margin-right: 0;}
    .prize-laureates-content .item .item-right{ width: auto;}
    .prize-laureates-content .item .item-right.photo{ padding-bottom: 2rem;}

    .prize-laureates-content .item .item-right .know-more a{ height: 28px; line-height: 28px; padding-left: 4rem;font-size: 1.2rem; background-size: 28px 28px;}
    
    .prize-laureates-content .quote{ font-size: 2rem; padding:30px 0 30px 0; line-height: 1.2; text-align: center;}
    .prize-laureates-content .quote::before, .prize-laureates-content .quote::after{height: 40px;}
    .prize-laureates-content .quote::before{margin-left: 0px; }
    .prize-laureates-content .quote::after{ margin-right: 0px; }


    .other-laureates{ display: block;  margin-left: 0rem;}
    .other-laureates-item{ margin-left: 0rem;}
    .other-laureates-content{display: block;}
    .other-laureates-photo{ width: auto;}
    .other-laureates-intro{ margin-left: 0;}
    .other-laureates-photo img{ width: 100%; }
    .other-laureates-intro div{ word-wrap: break-word;}
    .other-laureates-item h3{  font-size: 1rem; padding: 2rem 0;}
    .other-laureates-intro h4{ font-size: 1.1rem; padding: 1rem 0; text-align: center;}
    .other-laureates-desc{margin-top: 1rem; margin-right: 0rem;}
    .other-laureates-link{ padding-top: 0; text-align: right;}

    /* end : article tpl 2 */


    
}