.pageTitleBox h2,.pageTitleBox h2::before,.pageTitleBox h2::after,.pageTitleBox em,.area .Img,.area .Txt,.soupBox .Img,.soupBox .Txt,.descriptionBox::before,.descriptionList>li,.roundContent>*,.historyList li+li::before,.historyList .year,.historyList .Txt p,.historyList h3{transition:all .5s ease-out}
.historyBox{position:relative;padding-bottom:70px}
.historyBox .blockHr{text-align:center;font-size:30px;margin:0 20px;position:relative;margin-bottom:50px;font-weight:500;color:var(--info);letter-spacing:1.5px;font-weight:400}
.historyBox .blockHr::after{max-width:415px}
.historyBox .pageTitleBox{margin-bottom:45px}
.historyList::before{bottom:5%;left:0}
.historyList::after{top:40%;right:0}
.historyList li{position:relative}
.historyList li.show h3{transition-delay:.3s}
.historyList li.show .Txt p{transition-delay:.5s}
.historyList li+li::before{content:'';position:absolute;z-index:1;width:1px;height:0;border-left: 1px dashed #d1cbc7;}
.historyList .item{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.historyList .item:hover .year{color:#fff;background-color: #c5beb8;}
.historyList .year{position:relative;margin-right:20px;text-align:center;border-radius:50%;border: 1px solid #dbdada6e;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:500}
.historyList .year::before{content:'';position:absolute;top:4px;bottom:4px;left:4px;right:4px;z-index:1;border-radius:50%;border: 2px solid #cbc5bf7a;pointer-events:none}
.historyList .Txt{display:flex;flex-direction:row;align-content:center;align-items:center}
.historyList .Txt .TxtBox{margin-left:10px;width: calc(100% - 110px);}
.historyList .Txt .Img{width: 110px;margin-bottom: 20px;}
.historyList li:nth-child(even) .Txt{display:flex;align-content:flex-end;flex-direction:row-reverse;flex-wrap:wrap}
.historyList li:nth-child(even) .Txt .TxtBox{margin-right:10px;margin-left:0}
.historyList li:nth-child(even) .Txt .TxtBox p{text-align:right}
.historyList li:nth-child(even) .Txt .Img{margin-left:auto}
.historyList .Txt p{line-height:1.8;letter-spacing:1px}
.historyList h3{margin-bottom:3px;letter-spacing:1px;font-size:16px;font-weight:400}
.historyList h3::before{content:'['}
.historyList h3::after{content:']'}

@media (max-width:1140px){
	.historyList .Txt .TxtBox{margin-left:10px;width: calc(100% - 0px);}

}

@media (min-width:781px){
	.historyList li.show::before{height: 55px;}
	.historyList li+li{padding-top:35px}
	.historyList li+li::before{top:0px;left:50%;margin-left:-.5px}
	.historyList li:nth-child(odd) .item{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
	.historyList li:nth-child(even) .year{-webkit-order:1;-ms-flex-order:1;order:1}
	.historyList li:nth-child(even) .Txt{-webkit-order:0;-ms-flex-order:0;order:0;text-align:right}
	.historyList .year{width:100px;height:100px;margin-left:20px;font-size:24px;color: #c5beb8;font-family: 'Americana', sans-serif;}
	.historyList .Txt{width:calc(50% - 70px)}
}
@media (max-width:780px){
	.historyList li.show::before{height:20px}
	.historyList li+li{padding-top:30px}
	.historyList li+li::before{top:6px;left:29px;height:20px}
	.historyList .year{width:60px;height:60px;font-size:16px;margin-right:15px}
	.historyList .Txt{width:calc(100% - 80px)}
	.historyList .Txt .Img{width:90px}
	.historyList li:nth-child(even) .Txt{display:flex;flex-direction:row}
	.historyList .Txt .TxtBox{margin-left: 0;width: calc(100% - 30px);}
	.historyList li:nth-child(even) .Txt .Img{margin-right:auto;margin-left:0}
	.historyList li:nth-child(even) .Txt .TxtBox p{text-align:left}
	.historyList li.show .Txt p{font-size:14px}
	.historyBox,.supplyBox{margin-top:10px}
	.historyBox .blockHr{margin-bottom:30px;font-size:22px;margin:0 10px 40px}
	.historyBox{padding-bottom:0px}
}