@charset "utf-8";
/* CSS Document */

.navbar {
    min-height: 35px;
    margin-bottom: 0;
    border: 0;
}

.navbar-inverse .navbar-nav>li>a>.menuLiDiv, .navbar-inverse .navbar-nav>li>a>.menuLiDiv
{
	/* padding-bottom:8px; */
	padding-bottom:2px;
}
.navbar-inverse .navbar-nav>li>a:hover>.menuLiDiv, .navbar-inverse .navbar-nav>li>a:focus>.menuLiDiv
{
	color: #c8d4eb;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
{
	border:0;
}

.navbar-brand
{
	max-height: 40px;
	padding: 3px;
}
*:focus
{
	outline: none;
}
.nav>li>a
{
	padding:5px 10px;
}
/* toggle button */
.navbar-toggle
{
	border: 0;	
	margin: 5px 0;
	margin-right: 5px;
	padding: 0;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus
{
	background-color: transparent;
}
.navbar-toggle .icon-bar
{
	width: 28px;
    height: 2px;
	margin: 5px 0;
}
.fluid-no-padding
{
	padding-right:0px;
	padding-left:0px;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #c8d4eb;
}

/*---------navbar ---------*/
.cross
{
	position: relative;
	transition-duration: 0.5s;
	cursor: pointer;
	width:40px;
	height:40px;
	margin:0px;
}
.navbar-toggle .icon-bar
{
	margin:0px;
}
.cross .line1
{
	position: absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-150%);
	transition-duration: 0.8s;
}
.cross .line2
{
	position: absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(150%);
	transition-duration: 0.8s;
}
.cross_active .line1
{
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cross_active .line2
{
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cross_active .icon-bar+.icon-bar
{
	margin-top:0px;
}
/*---------navbar ---------*/

/*---------nav modify ---------*/
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    color: #c8d4eb;
    background-color: transparent;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: #fff;
    border-color: #c8d4eb;
}
/*---------nav modify ---------*/

@media (min-width: 768px)
{
	.navbar {
		border-radius: 0;
	}
	
	.navbar-nav
	{
		/* float: right; */
		float: none;
		display: inline-block;
	}
	
	.navbar-nav>li>a
	{
		padding-top: 0;
		padding-bottom: 0;
	}
	
	
	.navbar-inverse .navbar-nav>li>a:hover>.menuLiDiv, .navbar-inverse .navbar-nav>li>a:focus>.menuLiDiv
	{
		border-bottom-color: #c8d4eb
	}
}

@media (max-width: 768px)
{
	.navbar-nav
	{
		margin-top: 0;
	}
	
	.navbar-inverse .navbar-nav>li:hover, .navbar-inverse .navbar-nav>li:focus
	{
		background-color:rgba(76,115,189, 0.2);
	}
}


/*---------20210215 add -------------*/
.thead-dark
{
	background-color:#666;
	color:#fff;
}