/*--header--*/
.myBoxHeader_top
{
	position:fixed;
	top:0px;
	width:100%;
	z-index:999;
	
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.11), 0 0px 1px -1px rgba(0,0,0,0.1), 0 1px 1px 0 rgba(0,0,0,0.1);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.11), 0 0px 1px -1px rgba(0,0,0,0.1), 0 1px 1px 0 rgba(0,0,0,0.1);
	
	/* overflow: hidden; */
    text-overflow: ellipsis;
    white-space: nowrap;
	
	background-color: #fff;
}

.nav_left
{
	display:none;
	font-size:18px;
	color: var( --fonts-color );
	padding:4px;
	font-family: 'Noto Sans TC', sans-serif;
}
.nav_left img
{
	max-height:40px;
}
.nav_right
{
	position:relative;
	width:100%;
}
.nav_itemgroups
{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
	justify-content: flex-end;
    align-items: center; 
	
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
	
	margin:0px 5px;
}
.nav_item
{
    position: relative;
	font-size:16px;
    letter-spacing: 2px;
	color: var( --fonts-color );
	padding:16px 15px;
    
    -webkit-user-select: none;
    
	transition: all .2s ease-in-out;
}
.nav_item ul.sub_nav
{
	display:none;
	
	position:absolute;
	width:210px;
	top:56.8px;
	left:1px;
	padding-left: 0;
    margin-bottom: 0;
    list-style: none;
	z-index:100;
	background-color:#fff;
	
	-webkit-box-shadow: 0 2px 2px 3px rgba(0,0,0,0.11);
	box-shadow: 0 2px 2px 3px rgba(0,0,0,0.11);
	
	-webkit-user-select: none;
	
	transition: all .2s ease-in-out;
}
.nav_item ul.sub_nav > li
{
	position:relative;
	
	padding:8px;
	text-align:center;
	border-bottom:1px dashed var( --tag1-color );
	
	-webkit-user-select: none;
	
	transition: all .2s ease-in-out;
}
.nav_item ul.sub_nav > li:last-child
{
	border-width:0px;
}
.nav_item ul.sub_nav > li:hover
{
	color:#fff;
	background-color:var( --main-color );
}
.nav_item ul.three_nav
{
	display:none;
	
	position:absolute;
	width:150px;
	top:0px;
	left:210px;
	color: var( --fonts-color );
	padding-left: 0;
    margin-bottom: 0;
    list-style: none;
	z-index:100;
	background-color:#fff;
	
	-webkit-box-shadow: 0 2px 2px 3px rgba(0,0,0,0.11);
	box-shadow: 0 2px 2px 3px rgba(0,0,0,0.11);
	
	-webkit-user-select: none;
	
	transition: all .3s ease-in-out;
}
.nav_item ul.three_nav > li
{
	padding:8px;
	text-align:center;
	-webkit-user-select: none;
	border-bottom:1px dashed var( --tag1-color );
	
	transition: all .3s ease-in-out;
}
.nav_item ul.three_nav > li:last-child
{
	border-width:0px;
}
.nav_item ul.three_nav > li:hover
{
	color:#fff;
	background-color:var( --main-color );
}
.nav_item:before
{
	content:'';
	transition: all .3s ease-in-out;
}
.nav_item:hover
{
	color:var( --main-color );
}
.nav_item:hover:before
{
	content:'';
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	border-bottom:3px solid var( --main-color );
}
.nav_item:first-child
{
	padding:5px 8px;
	padding-right:30px;
}
.nav_item:first-child:before
{
	content:'';
	border-bottom-width:0px;
}
.nav_item img
{
	max-height:50px;
}
.nav_item:hover ul.sub_nav
{
	display:block;
}
.nav_item:hover ul.sub_nav li:hover ul.three_nav
{
	display:block;
}

.mob_barbox
{
	position:absolute;
	top:0px;
	right:0px;
	font-size:1em;
	height:43px;
	text-align: center;
	color: var( --fonts-color );
    padding: 5px;
    transition: background-color .15s ease-in-out;
}
.mob_barboxin
{
	position:absolute;
	top:-45px;
	right:0px;
	font-size:1em;
	height:43px;
	text-align: center;
	color: var( --fonts-color );
    padding: 5px;
    transition: background-color .15s ease-in-out;
}

@media (max-width: 767px)
{
    .nav_left
    {
		display:block;
		width:100%;
		text-align:center;
    }
}
/*--header--*/

/*---------navbar ---------*/
.navbar-toggle_modify .icon-bar {
    background-color: var(--main-color);
}

.cross
{
	position: relative;
	transition-duration: 0.5s;
	cursor: pointer;
	width:40px;
	height:40px;
	margin:0px;
}
.navbar-toggle_modify .icon-bar
{
	margin:0px;
}
.cross .line1
{
	position: absolute;
	top:25%;
	left:50%;
	transform: translateX(-50%) translateY(-150%);
	transition:all 0.8s ease-in-out;
}
.cross .line2
{
	position: absolute;
	top:25%;
	left:50%;
	transform: translateX(-50%) translateY(150%);
	transition:all 0.8s ease-in-out;
}
.cross .line3
{
	position: absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(150%);
	transition:all 0.8s ease-in-out;
}
#set_navbar_in.cross_active .line1
{
	top:50%;
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
#set_navbar_in.cross_active .line2
{
	display:none;
}
#set_navbar_in.cross_active .line3
{
	left:50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
#set_navbar_in.cross_active .icon-bar+.icon-bar
{
	margin-top:0px;
}
/*---------navbar ---------*/
/*---------mobile start ---------*/
body.bodyin
{
	overflow:hidden;
}

.mobile_menu
{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#fff;
	z-index:1000;
}
.mobile_mainbox
{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.mobile_menu.in
{
	display:block;
}

.m_csection
{
	width:100%;
	height:calc( 100% - 45px );
	margin-top:45px;
	overflow-y:auto;
}
.m_cStitle
{
	text-align:center;
	font-weight:500;
	font-size: 18px;
	letter-spacing: 5px;
	line-height:1.5;
	color:var( --fonts1-color );
	cursor:pointer;
	padding:10px 0;
	border-bottom:1px solid var( --sub2-color );
	
	-webkit-user-select: none;
	
	transition: all .15s ease-in-out;
}
.m_cStitle:hover
{
	color:var( --footerbottom-color );
	background-color:var( --sub2-color );
}

.m_cStitle_open .panel-default
{
	border-width:0px;
	border-color:#fff;
}
.m_cStitle_open .panel
{
	margin-bottom:0px;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.m_cStitle_open .panel-default>.panel-heading
{
	font-weight:500;
	position:relative;
	color:var( --fonts1-color );
	background-color: #fff;
	border-width:0px;
	padding:0px;
	
	transition: all .15s ease-in-out;
}
.panel-title
{
	font-size:18px;
}
.m_cStitle_open .panel-default>.panel-heading:hover
{
	color:var( --footerbottom-color );
}
.m_cStitle_open .panel-default>.panel-heading+.panel-collapse>.panel-body
{
	background-color:var( --bg-color );
	padding:10px 0px;
	border-width:0px;
}

.m_cStitle_open .panel-heading .accordion-toggle:after{
	position:absolute;
	padding-left:8px;
	content: "-";
	color:var( --fonts1-color );
	font-size:16px;
}
.m_cStitle_open .panel-heading .accordion-toggle.collapsed:after{
	position:absolute;
	padding-left:8px;
	content: "+";
	color:var( --fonts1-color );
	font-size:16px;
}

.m_cSli
{
	font-weight:600;
	color:var( --fonts-color );
	cursor:pointer;
	padding:5px 0;
	
	-webkit-user-select: none;
	
	transition: all .15s ease-in-out;
}
.m_cSli:hover
{
	color:var( --main-color );
}
/*---------mobile end ---------*/