@charset "utf-8";

/**/

.hash_wrap{position:relative; z-index:9;}
.hash_bx {margin:0 auto; padding: 0; width:100%; text-align:center;  border-bottom: 3px solid #1d549d; box-sizing:border-box; overflow: hidden;}

.hash_bx { scrollbar-3dLight-Color: #f9f9f9; scrollbar-arrow-color: #f1f1f1; scrollbar-base-color: #f9f9f9; scrollbar-Face-Color: #f1f1f1; scrollbar-Track-Color: #f9f9f9; scrollbar-DarkShadow-Color: #f9f9f9; scrollbar-Highlight-Color: #f9f9f9; scrollbar-Shadow-Color: #f9f9f9}
.hash_bx::-webkit-scrollbar {marginn-bottom:-20px; width: 5px; height: 5px; border: 5px solid #fff; }
.hash_bx::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 5px; background:#f9f9f9}
.hash_bx::-webkit-scrollbar-track {background: #f9f9f9; -webkit-border-radius: 0px; border-radius:0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.0)}
.hash_bx::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: #ddd;-webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.05)}

.hash_bx li {position: relative; float:left; width:12.5%; }
.hash_bx.w5 li{width:20%}
.hash_bx li a {text-decoration: none; width:100%; height:65px; line-height: 65px; display: block; background:#fff; color:#525252; font-size:1.025em;  border-top:1px solid #dedede; box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.hash_bx li a.on  { color:#fff; background:#1d549d; font-weight:400; border:1px solid #1d549d;  }
.hash_bx li a:before { content:''; width: 1px; height: 10px; background-color:#d9d9d9; position: absolute; left:0; top: 50%; margin-top:-5px; }
.hash_bx li:first-child a { border-left: 1px solid #dedede; }
.hash_bx li:first-child a:before{display:none;}
.hash_bx li:last-child a { border-right: 1px solid #dedede; }

.hash_bx.fixed{position:fixed;  top:100px; left:0; width:100%; max-width:100%; z-index:99; background-color:#FFF;}
.hash_bx.fixed li a{border-top:0;}
.hash_bx.fixed li:first-child a,
.hash_bx.fixed li:last-child a { border-left:0; border-right:0;}


@media screen and (max-width:1000px) {
	.hash_bx {}
	.hash_bx li { width: 25%; }
	.hash_bx li a { height: 55px; line-height: 55px; border-right: 1px solid #dedede; font-size:0.9em; }
	.hash_bx li.active a { border:1px solid #1d549d !important;  }
	.hash_bx li a:before { display: none; }

	.hash_bx.fixed {overflow-x: auto; white-space: nowrap;}
	.hash_bx.fixed li{display:inline-block; float:unset; max-width:100px; }
	.hash_bx.fixed li a{border-right:0;}
	.hash_bx.fixed li a:before { display: block; }

}
@media screen and (max-width:550px) {
	.hash_bx.w5 li{width:50%}
	.hash_bx.w5 li:nth-child(4){border-bottom:1px solid #dedede;}
	.hash_bx li { width: 50%; }
	.hash_bx li a { height: 45px; line-height: 45px; font-size:0.9em;}
	.hash_bx li:nth-child(odd) a { border-left: 1px solid #dedede; }

	.hash_bx.col3 li { width: 33.33%; }
	.hash_bx.col3 li:last-child a { border-left: 0px; }

	.hash_bx.fixed li:nth-child(odd) a { border-left:0px; }
}