#pageContent > div {}
section.sperate {min-height:300px;background-color:transparent;}

.sectionDescription {    font-size: 26px;font-weight: 300;max-width: 500px;margin: 5px auto 40px;text-align: center;line-height: 30px;}

#history ul {list-style:none;margin:0px}
#history .item > div {border: solid 1px #AAA;border-radius: 6px;    box-shadow: 0 0 0 rgb(0 0 0 / 0);    margin: 0px;margin-bottom:20px;position:relative;}
#history .item:hover > div{    box-shadow: 1px 1px 16px rgb(0 0 0 / 16%)!important;}
#history .item .info {    padding: 10px 20px 18px;}
#history .item .info .cover {position:absolute;width: 100%;height: 100%;left: 0px;top: 0px;opacity: 0.1;}
#history .item .year {    font-size: 24px;font-weight: 700;}
#history .item .year > span {font-weight: 500;font-size: 14px;background: red;color: #FFF;padding: 2px 6px;position: relative;top: -4px;left: 5px;}
#history .item .year > span > span {}
#history .item .detail {height:124px}
#history .item .date {margin-right:20px;}
#history .item .description p {    font-weight: 500;color: #000;padding: 0px 20px;}
#history .item img {width: 100%}

@media only screen and (max-width: 40.063em) {

}