@import "../default-skin.less";
@import "../../global/mixin.less";

.l_level {
	position:relative; overflow-x:auto; overflow-y:hidden; text-align:center;
	.l_levelUl {
		margin:0 1em;
		.l_levelUl {
			margin-top:1em; padding-top:1em; display:inline-block; white-space:nowrap; position:relative;
			&:after { content:""; height:1em; width:1px; position:absolute; top:-1em; left:50%; background:@fg-light-8;}
		}
		.l_levelLi {
			vertical-align:top; position:relative; display:inline-block; margin:0 -0.5em; white-space:normal;
			&:before { content:""; display:block; position:absolute; height:1em; width:50%; overflow:hidden; border-top:1px solid @fg-light-8; border-right:1px solid @fg-light-8; top:-1em; left:0%;}
			&:after { content:""; display:block; position:absolute; height:1em; width:50%; overflow:hidden; border-top:1px solid @fg-light-8; border-left:1px solid @fg-light-8; top:-1em; left:50%;}
		}
		.l_levelLi:first-child:before { display:none;}
		.l_levelLi:last-child:after { display:none;}
		.l_levelLi:first-child:last-child:before { display:block; border-top:0 none;}
		.l_levelContent { margin:0 1em; line-height:2;}
		.l_levelContent .c_box { text-align:left;}
	}
}