.history ul.nocenter{padding-bottom:160px}
.history ul.nocenter:after{content:'';display:block;width:0px;height:0px;clear:both}
.history ul.nocenter li{position:relative;height:130px;width:50.6%;background-size:auto 80% !important}
.history ul.nocenter li h2{color:var(--fontcolor);font-size:40px;white-space:nowrap;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.history ul.nocenter li:hover h2{color:var(--color)}
.history ul.nocenter li p{color:var(--introcolor);-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;max-height:170px;overflow:hidden}
.history ul.nocenter li:hover p{color:var(--color)}
.history ul.nocenter li.left,.history ul.nocenter li:nth-of-type(2n+1){float:left;background:url(https://css02.v15cdn.com/m419/red/img/history_01.webp) 100% 100% no-repeat}
.history ul.nocenter li.left h2,.history ul.nocenter li:nth-of-type(2n+1) h2{position:absolute;bottom:10%;right:10%}
.history ul.nocenter li.left p,.history ul.nocenter li:nth-of-type(2n+1) p{position:absolute;top:105%;right:10%;width:84%;text-align:right}
.history ul.nocenter li.right,.history ul.nocenter li:nth-of-type(2n){float:right;background:url(https://css02.v15cdn.com/m419/red/img/history_02.webp) 0 100% no-repeat}
.history ul.nocenter li.right h2,.history ul.nocenter li:nth-of-type(2n) h2{position:absolute;bottom:10%;left:10%}
.history ul.nocenter li.right p,.history ul.nocenter li:nth-of-type(2n) p{position:absolute;top:105%;left:10%;width:84%}
@media(max-width:540px){.history ul.nocenter li h2{font-size:var(--fontsize26)}}
@media(max-width:415px){.history ul.nocenter li p{max-height:2.7rem}}