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

@font-face {
  font-family: 'chinese-base'; font-weight: normal;
  src: url("../../fonts/Noto-Sans-Regular.woff");
	font-display: swap;
}

@-moz-document url-prefix() {
.nav-links:not(.empty-li) {
    margin-right: 0px;
		scrollbar-color: transparent transparent!important;
		scrollbar-width: none!important;
  }
.nav-links .showMenu {
	scrollbar-color: transparent transparent!important;
		scrollbar-width: none!important;
}
}
.sidebarmenu .nav-links::-webkit-scrollbar{
  display: none!important;
	scrollbar-width: none!important;
}

.sidebarmenu {
  position: fixed;
  top: 0; left: 0;
  height: 100%; width: 260px;
  background-color: black;
  z-index: 100000;
  transition: all 1s ease;
}.sidebarmenu *{
	font-family: 'chinese-base';
}
.sidebarmenu.close{
  width: 78px;
}
.sidebarmenu .nav-links{
  height: 100%;
  padding: 10px 0px 0px 0px; /*150px*/
  overflow: auto;
}
.sidebarmenu.close .nav-links{
  overflow: visible;
}


.active-link i {
	color:black!important;
}
.active-link i:hover {
	color:#515151!important;
}
.active-link:not(.empty-li):hover {
  background-color: white!important;
}
.sidebarmenu .nav-links .active-link:not(.empty-li) {
  background-color: white; width: 100%;
}
.sidebarmenu .nav-links .active-link a .link_name {
  font-size: 15pt; line-height: 1.1;
  font-weight: bold; color: black;
  transition: all 0.4s ease;
}.sidebarmenu .nav-links .active-link a .link_name:hover {
  color:#515151!important;
}
.sidebarmenu .nav-links li .sub-menu .active-sublink {
  opacity: 1; padding:0px 5px 0px 25px!important;
  font-size: 15pt; line-height: 1.1;
  font-weight: bold; color: black;
	color: black; background-color: white;
	width: 100%!important;
}


/*empty li - white line divider*/
.sidebarmenu .nav-links .empty-li {
	margin:10px 0px!important;
	background-color: white;
	height: 5px;
}
.sidebarmenu .nav-links li:not(.empty-li) {
  position: relative;
  list-style: none;
  transition: all 0.4s ease;
	text-align: left;
	margin:0px 0px 5px 0px;
	padding: 0px;
}
.sidebarmenu .nav-links li:not(.empty-li):hover {
  background-color: dimgray; width: 100%;
}



.sidebarmenu .nav-links li .iocn-link{
  display: flex; align-items: center; justify-content: space-between;
}
.sidebarmenu.close .nav-links li .iocn-link{
  display: block;
}

.sidebarmenu .nav-links li i {
  height: 64px; min-width: 78px;
  text-align: center;
  font-size: 32px; line-height: 64px;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}
.sidebarmenu .nav-links .bxs-chevron-down {
		font-size: 30pt;
}
.sidebarmenu .nav-links li.showMenu i.arrow {
  transform: rotate(-180deg);
}
.sidebarmenu.close .nav-links i.arrow {
  display: none;
}


/*hidden part of menu*/
.sidebarmenu .nav-links li a {
  display: flex; align-items: center; justify-content: space-between;
  text-decoration: none;
	height:55px; 
}
.sidebarmenu .nav-links li a .link_name {
  font-size: 15pt; line-height: 1.25;
  font-weight: bold; color: white;
  transition: all 0.4s ease;
	align-items: center; justify-content: space-between;
	align-content: center;
}
.sidebarmenu.close .nav-links li a .link_name {
  opacity: 0;
  pointer-events: none;
}


/*submenu on hover*/
.sidebarmenu .nav-links li .sub-menu {
  padding: 5px 0px!important;
  margin-top: 0px!important;
  background-color: dimgray;
  display: none;
}
.sidebarmenu .nav-links li .sub-menu .link_name {
  color: white; font-size: 17pt; 
	line-height:1!important; font-weight: bold;
  padding: 0px 5px;
  white-space: nowrap;
  opacity: 1;
  transition: all 0.4s ease;
}
.sidebarmenu .nav-links li .sub-menu .link_other {
  color: white; font-size: 17pt!important;
	line-height:1!important; font-weight: bold;
  padding:0px 0px 0px 25px!important; margin:0px!important;
  white-space: nowrap;
  opacity: 1; height: 45px !important;
  transition: all 0.4s ease;
}
.sidebarmenu .nav-links li .sub-menu a:hover {
  opacity: 1; width:100%;
}
.sidebarmenu .nav-links li .sub-menu a:hover {
  opacity: 1; padding:0px;
	color: black; background-color: white;
	width:100%;
}


.sidebarmenu .nav-links li.showMenu .sub-menu {
  display: block;
	background-color: dimgray;
}


.sidebarmenu.close .nav-links li .sub-menu {
  position: absolute; display: block;
  left: 100%; top: 0px;
  margin-top: 0; padding: 0px 20px;
  border-radius: 0 6px 6px 0;
  opacity: 0;
  pointer-events: none;
  transition: 0s;
}
.sidebarmenu.close .nav-links li:hover .sub-menu{ /* on hover link */
  top: 0;
  opacity: 1;
  pointer-events: auto;
  transition: all 0.5s ease;
	background-color: dimgray;
	min-height:100%; width:250px;
}

.sidebarmenu .nav-links li .sub-menu .link_name{
  display: none;
}
.sidebarmenu.close .nav-links li .sub-menu .link_name {
  /*font-size: 15pt;*/ border-bottom: solid 2px white;
  opacity: 1;
  display: flex; flex-direction: row; flex-wrap: nowrap;
	padding:0px !important; margin:0px!important;
	align-items: center!important; justify-content: center!important;
	align-content:center!important;
}
.sidebarmenu .nav-links li .sub-menu.blank {
  opacity: 1;
  pointer-events: auto;
  padding: 3px 0px 6px 0px;
  opacity: 0;
  pointer-events: none;
}
.sidebarmenu .nav-links li:hover .sub-menu.blank {
  top: 50%;
  transform: translateY(-50%);
}











/*LOGO + header*/
.sidebarmenu .logo-details {
  height: 85px; width: 100%;
  display: flex; align-items: center;
}
.sidebarmenu .logo-details-mobile{
  display: none;
	transition: 1s ease; transition-delay: 1s;
}
.logo-lc {
	background-color: white;
  -webkit-mask: url(../../images/favicon.svg) no-repeat center;
  mask: url(../../images/favicon.svg) no-repeat center;
}.logo-lc:hover {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transform: scale(0.9);
	-webkit-transform:scale(0.9);
  -moz-transform:scale(0.9);
  -ms-transform:scale(0.9);
}
.logo-link {
	display: inline-flex; padding:3px 0px!important; margin: 0px;
	justify-content: center; align-content: center; align-items: center;
	text-decoration: none!important;
}
.logo-link .logo_name:hover, .logo-link .logo_name-m:hover {
	border-bottom: solid 3px white;
	
}
.sidebarmenu .logo-details i {
  font-size: 5px;
  color: #fff;
  height: 50px; min-width: 78px;
  text-align: center; line-height: 50px;
}
.sidebarmenu .logo-details .logo_name{
  font-size: 20pt; font-weight: 600;
  color: #fff;
  transition: 0.6s ease; transition-delay: 0.25s;
}
.sidebarmenu.close .logo-details .logo_name {
  display:none; opacity: 0;
	transition-delay: 0s;
  pointer-events: none;
}


.main-section{
  position: relative; left: 260px;
  width: calc(100% - 260px);
  transition: all 1s ease;
}
.sidebarmenu.close ~ .main-section{
  left: 78px;
  width: calc(100% - 78px);
}
.main-section .header-content {
  display: flex; flex-wrap: nowrap;
	width: calc(100% - 78px); height: 90px;
  position:fixed; top:0;
  align-items:center;
	background-color: white;
	border-bottom: solid 5px black;
	z-index: 100000;
	padding:0px!important;
}
.header-content .bx-menu {
  color: black;
  font-size: 50pt;
	margin: 0px;
  cursor: pointer;
}

.logo_title {
	display:block; position: relative;
	width:100px;
	padding:0px; margin:0px;
	font-size: 11pt; line-height: 1.25; 
  font-weight: bold; text-align: center;
}
.header-content #logo_title1 {
  display: block; 
	letter-spacing: 2px;
}.header-content #logo_title2 {
  display: block;
	letter-spacing: 3px;
}.header-content #logo_title3 {
  display: block;
	letter-spacing: -0.5px;
}




@media screen and (max-width: 690px) {

@-moz-document url-prefix() {
  .nav-links {
    margin-right: -15px;
		scrollbar-color: transparent transparent!important;
 }
}


/*.sidebarmenu {
scrollbar-width: none!important;
overflow-y: hidden!important;
scrollbar-color: transparent transparent!important;
overflow-y: -moz-hidden-unscrollable;
}*/

.sidebarmenu.close{
  left: -78px!important;
}

.main-section{
  position: relative; left: 0px!important;
  width: 100%;
  transition: all 1s ease;
}
.sidebarmenu.close ~ .main-section{
  width: 100%!important;
	left: 0px!important;
}


.main-section .header-content {
  display: flex; flex-wrap: nowrap!important;
	width: 100%!important; height: 90px;
}
.header-content .bx-menu {
	margin: 0px 0px;
}
.logo_title {
	width:85px;
	padding:0px; margin:0px;
	font-size: 11pt; line-height: 1.2; 
  font-weight: bold; text-align: left;
}
.header-content #logo_title1 {
  display: block; 
	letter-spacing: 0px;
}.header-content #logo_title2 {
  display: block;
	letter-spacing: 0px;
}.header-content #logo_title3 {
  display: block;
	letter-spacing: 0px;
}


.sidebarmenu .logo-details-mobile {
  position:relative; margin-top: 50px!important;
	height: 85px; width: 100%;
  display: flex!important; align-items: center;
	transition: 1s ease; transition-delay: 1s;
}
.logo-lc-m {
	background-color: white!important;
  -webkit-mask: url(../../images/favicon.svg) no-repeat center;
  mask: url(../../images/favicon.svg) no-repeat center;
}
.sidebarmenu .logo-details-mobile i {
  font-size: 5px;
  color: white!important;
  height: 50px; min-width: 78px;
  text-align: center; line-height: 50px;
}
.sidebarmenu .logo-details-mobile .logo_name-m{

	font-size: 20pt; font-weight: 600;
  color: white!important;
  transition: 1s ease; transition-delay: 0.5s;
}
.sidebarmenu.close .logo-details-mobile .logo-link {
  transition-delay: 0.5s;
  opacity: 0;
  pointer-events: none;
}



}

@media screen and (max-width: 550px) {



}