@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, .pc_nav>li>a>.pc_menuLiDiv
{
	padding-bottom:8px;
}
.navbar-inverse .navbar-nav>li>a:hover>.menuLiDiv, .navbar-inverse .navbar-nav>li>a:focus>.menuLiDiv, .pc_nav>li>a:hover>.pc_menuLiDiv, .pc_nav>li>a:focus>.pc_menuLiDiv
{
	color: var(--main-color);
}

.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
{
    height: 2px;
	margin: 5px 0;
}
.fluid-no-padding
{
	padding-right:0px;
	padding-left:0px;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: var(--main-color);
}

/*---------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; */
	width:28px;
	
	position: absolute;
	top:25%;
	left:50%;
	transform: translateX(-50%) translateY(-150%);
	transition:all 0.8s ease-in-out;
}
/* .cross .line2
{
	position: absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(150%);
	transition-duration: 0.8s;
} */
.cross .line2
{
	width:24px;
	
	position: absolute;
	top:25%;
	left:53%;
	transform: translateX(-50%) translateY(150%);
	transition:all 0.8s ease-in-out;
}
.cross .line3
{
	width:18px;
	
	position: absolute;
	top:50%;
	left:60%;
	transform: translateX(-50%) translateY(150%);
	transition:all 0.8s ease-in-out;
}
.cross_active .line1
{
	top:50%;
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cross_active .line2
{
	display:none;
}
.cross_active .line3
{
	width:28px;
	left:50%;
	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: var(--main-color);
    background-color: transparent;
}

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


/*--------20210616 add----------*/
.pc_nav
{
	float:none;
	display:inline-block;
}
ul.pc_nav
{
	margin-bottom:0px;
}
.pc_nav li
{
	float: left;
	position: relative;
    display: block;
}
/*--------20210616 add----------*/

@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,.pc_nav>li>a:hover>.pc_menuLiDiv, .pc_nav>li>a:focus>.pc_menuLiDiv
	{
		border-bottom-color: var(--main-color);
	}
}

@media (max-width: 768px)
{
	.navbar-nav
	{
		margin-top: 0;
	}
	
	.navbar-inverse .navbar-nav>li:hover, .navbar-inverse .navbar-nav>li:focus
	{
		background-color:var(--menu-hover-color);
	}
}

.nav_flex
{
	position:relative;
	width:100%;
}
.pc_logo
{
	position:absolute;
	top:0px;
	left:calc( 50% - 40px );
}
.pnav_left
{
	float:left;
}
.pnav_right
{
	float:right;
}