/*-- ten pic styles --*/
#ten_pic img {height: 197px; object-fit: cover;}
#ten_pic #row1 { padding-bottom: 1em;}
#ten_pic #row2 { padding-bottom: 1em;}
#ten_pic #pic1 { padding-right:0em; }
#ten_pic #pic2 { padding-left: 0em; padding-right:0em }
#ten_pic #pic3 { padding-left:0em; }
#ten_pic #pic4 { padding-right: 0em}
#ten_pic #pic5 { padding-left:0em; padding-right:0em }
#ten_pic #pic6 { padding-left:0em; }
#ten_pic #pic7 { padding-left:0em }
#ten_pic #pic8 { padding-right:0em }
#ten_pic #pic9 { padding-left: 0em; padding-right:0em }
#ten_pic #pic10 { padding-left:0em }
#ten_pic #row2 .col-md-3 {
    overflow: hidden;
}
#ten_pic #pic2 img {object-view-box: inset(0% 5% 0% 0%);}
#ten_pic #pic3 img {object-view-box: inset(0% 5% 0% 0%);}

#ten_pic div.story_pic_title { bottom: 0%;}
#ten_pic div.story_pic_title h3 { font-size: 18px !important; margin-bottom: 0; }
#ten_pic #pic1 div.story_pic_title { left:4.5%; right:0}
#ten_pic #pic2 div.story_pic_title { left:0; right:0%}
#ten_pic #pic3 div.story_pic_title { left:0%; right:5%}
#ten_pic #pic4 div.story_pic_title { left:7%; right:0%}
#ten_pic #pic5 div.story_pic_title { left:0%; right:0%}
#ten_pic #pic6 div.story_pic_title { left:0%; right:7%}
#ten_pic #pic7 div.story_pic_title { left: 0%; right: 7%;}
#ten_pic #pic8 div.story_pic_title { left:4.5%; right:0%}
#ten_pic #pic9 div.story_pic_title { left:0%; right:0%}
#ten_pic #pic10 div.story_pic_title { left:0%; right:5%}

@media (max-width: 993px) {
    #ten_pic div[id^='pic']{padding: 0; max-width: 100%;} /* reset div shape in mobile view */
    #pic1,#pic2,#pic3,#pic4 { max-width: 100%; }
    #ten_pic #row2 col-md-4 { height: initial; }
    #ten_pic #row1 { padding-bottom: 0em;}
    #ten_pic #row2 { padding-bottom: 0em;}
    #ten_pic img {
        height: initial;
        float: none;
        margin-bottom: 0px;
    }
    #ten_pic div.story_pic_title {
        position: static;
        background: rgba(102,102,102,0.75);
        margin-bottom: 14px;
    }
    #ten_pic div.story_pic_title h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 1.375em;
        text-align: left;
    }
}

div.story_pic_title {
    position: absolute;
    left: 3%;
    right: 4%;
    bottom: 5%;
    text-align: left;
    padding: 1em;
    background: rgba(146, 144, 144, 0.57);
    color: white;
}

.subsection-25th-Anniv-zh div.story_pic_title  {
   word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 35px; /* fallback */
   max-height: 70px; /* fallback */
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
   margin-bottom: 0;
}
.subsection-25th-Anniv-en div.story_pic_title {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 35px; /* fallback */
   max-height: 72px; /* fallback */
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
   margin-bottom: 0;
}

div.story_pic_title h3 {
    color: white;
    font-size: 1.4em;
}

div#aniv_stories {
  margin-bottom: 2em;
}

.portlet_25thAnnivHistory {
  /* display: none; */
}

.portlet_25thAnnivVideo {
  display: none;
}

dl.portlet.portlet25AnnivSearch dd.portletItem {
    padding: 3em 2em 1em 2em;
}

dl.portlet.portlet_25thAnnivHistory dd.portletItem {
    padding: 2em;
}

dl.portlet.portlet_25thAnnivHistory dd.portletItem img {
    margin-bottom: 1em;
}
.listing_entry {
  border-bottom: none;
}

#events_list .listing_entry .col-sm-3,
#updates_list .listing_entry .col-sm-3 {
    padding-left: 0;
}

#events_list .listing_entry .col-sm-9,
#updates_list .listing_entry .col-sm-9 {
    padding-right: 0;
}

#report_desc_container h3 {
    clear: left;
}

#myCarousel div.carousel-inner div.item:nth-child(1) .carousel-caption {
    left: 3%;
    right: auto;
}

body.section-25th-Anniv-Stories-zh #myCarousel .carousel-caption h3.carousel-caption-title {
    text-align: left;
}

div#focalnews {
    margin-bottom: 1em;
}

div#aniv_stories .imgContainer {
    max-width: 100%
}

div#content h1.documentFirstHeading {
    text-align: center;
}