@CHARSET "UTF-8";

.hist								{margin: 20px 0;}
.hist h3{margin:30px 0 0 0; border-bottom:1px solid #999; color:#333; position:relative; padding-left:15px; padding-bottom:10px;}
.hist h3:before{content:'';width: 3px;height: 15px;display:block;background-color: #183a6a;position:absolute;left:0;top: 12px;border-radius: 10px;}
.hist .hisTab						{margin-bottom:20px;}
.hist .hisTab ul li				{display:inline-block;margin-right: 20px; margin-bottom: 40px;}
.hist .hisTab ul li a				{padding:10px 30px;border-bottom:5px solid #c7cad3; font-size:1.2em;}
.hist .hisTab ul li a._on			{color:#4563a1;font-weight:500;border-color:#4563a1;}

.hist .row							{width:100%;position:relative;padding-left:100px;box-sizing: border-box; min-height:100px;}
.hist .row .year					{position:absolute;left: 0px;top: 15px;}
.hist .row .year					{font-weight:500;width: 70px;height: 70px;background-color:#5376be;border:5px solid #e7e7e7;color:#fff;text-align:center;border-radius:100%;padding-top: 15px;box-sizing: border-box;}
.hist .row:before				{content:'';width:1px;height:100%;display:block;background-color:#ddd;position:absolute;left: 35px;top: 30px;}
.hist .row ul						{padding: 40px 0 0;}
.hist .row ul li					{width:100%;position:relative;padding-left: 130px;margin-bottom: 10px;box-sizing: border-box;}
.hist .row ul li strong,
.hist .row ul li span.text				{display:inline-block; position:relative;padding-left:10px;box-sizing: border-box;}
.hist .row ul li span.text:before	{content:'';width: 3px;height: 3px;display:block;background-color: #a9a9a9;position:absolute;left:-2px;top: 11px;border-radius: 10px;}
.hist .row ul li strong			{position:absolute;left:0;font-weight: 500;}
.hist .row + .row				{/*overflow:hidden;*/}


._histTitle{display:none;}

@media only screen and (max-width: 600px){
	.hist .row{padding-left:0;}
	.hist .row:before{display:none;}
	.hist .row .year{    font-weight: 500;width: 100%;height: auto;border-radius: 0;padding: 15px;position: relative;}
}