/*menuBar toggle*/
.menuBar-toggle-visible-xs{height:38px;overflow:hidden;}

@media screen and (max-width: 767px) {
 .menuBar-toggle-visible-xs{padding-top:5px;}	
 #menuBar{margin-top:8px !important;}
}
.menuBar-toggle-visible-xs .navbar-toggle{padding:0;margin-bottom:0;border:0;}
.menuBar-toggle-visible-xs .title{margin-left:0px;font-size:1.2em;color:#000;line-height:44px;height:44px;}

#ctrl-menuBar.menuBar-toggle-visible-xs{display:none;}
#ctrl-menuBar.menuBar-toggle-visible-xs .title{margin-left:10px;font-size:1.2em;color:#FFFFFF;line-height:35px;height:35px;}

img#menuBar-btn, 
img#ctrl-menuBar-btn{width:25px;height:25px;cursor:pointer;}

/*Custom top menu*/
#menuBar-wrapper .navbar{background:none;border:none;all:none;}

.my-navbar > li > a,
.my-navbar > li > a:focus,
.my-navbar > li > a:hover {
	background:none !important; /*remove default onmouseover background */
	text-decoration:none !important;
}
.my-navbar,
.my-navbar > li > a,
.my-navbar > .active > a,
.my-navbar > .active > a:hover,
.my-navbar > .active > a:focus {
	padding:0;margin:0;border:0;
}

.my-navbar-panel li.topMenu_bt, .my-navbar-panel li.topMenu_bt_on{font-family:'Comfortaa', 'Noto Sans TC', sans-serif;font-size:13px;font-weight:500;}
body[ATL="zh-hk"] .my-navbar-panel li.topMenu_bt, 
body[ATL="zh-hk"] .my-navbar-panel li.topMenu_bt_on{font-size:18px;}

.my-navbar-panel ul.dropdown-menu li{line-height:35px;}

@media screen and (min-width: 768px) {

	.navbar-bg{ background: #000; display: flex; padding: 15px; }

	.my-navbar{margin: auto;} 
	/*body[ATL="zh-hk"] .my-navbar{margin-top:22px;}*/

	.my-navbar li{padding:0;}
	
	.my-navbar-panel{padding: 0;}
	
	.my-navbar li.topMenu_bt, 
	.my-navbar li.topMenu_bt_on{margin-right:0px;margin-bottom:0px;}
	
	.my-navbar > li:first-child{margin-left:0px;}
	.my-navbar > li:last-child{margin-right:0px;}

	.my-navbar > li:last-child div.R,
	.my-navbar > li:last-child div.R:hover{padding-right:0px;} /*UXREU2025*/

	/*.topMenu_bt {height:60px;}*/
	
	.topMenu_bt A{text-decoration:none;}
	
	/*IE FF m.default*/
	
	.topMenu_bt A div.L{padding-left:15px;padding-right:15px;text-decoration:none;} /*L.off*/
	/*FF m.over*/
	.topMenu_bt A div.L:hover{padding-left:15px;padding-right:15px;text-decoration:none;} /*L.on*/
	
	.topMenu_bt A div.R{text-align:center;color:#fff;white-space:nowrap;text-decoration:none;text-transform:uppercase;} /*R.off*/
	/*FF m.over*/
	.topMenu_bt A div.R:hover{text-align:center;color:#7dd7eb;white-space:nowrap;text-decoration:none;text-transform:uppercase;} /*R.on*/
	
	/*IE FF selected*/
	.topMenu_bt_on div.L{padding-left:15px;padding-right:15px;} /*L.selected*/
	.topMenu_bt_on div.R{text-align:center;color:#7dd7eb;white-space:nowrap;cursor:default;text-transform:uppercase;} /*R.selected*/

	body[ATL="zh-hk"] .topMenu_bt A div.L,
	body[ATL="zh-hk"] .topMenu_bt A div.L:hover,
	body[ATL="zh-hk"] .topMenu_bt_on div.L{padding-left:20px;padding-right:20px;}
	
	[mobilelike-toggle="on"] .my-navbar{min-height:auto;margin-top:15px;}
	[mobilelike-toggle="on"] .topMenu_bt_on div,
	[mobilelike-toggle="on"] .topMenu_bt,
	[mobilelike-toggle="on"] .topMenu_bt div,
	[mobilelike-toggle="on"] .topMenu_bt li{height:35px !important;line-height:35px !important;}

	.my-navbar-panel li.topMenu_bt_on > a > .L::before,
	.topMenu_bt a > .L:hover::before{
		content:url('/cfolder/CustomSet/UXREU2025/RWD-UI/topmenu_on.png');
		position:absolute;
		z-index:1;
		left:calc(50% - 8px);right:50%;top:23px;
	}
	/*
	.my-navbar-panel li.topMenu_bt_on > a > .L::before{
		content:url('/cfolder/CustomSet/UXREU2025/RWD-UI/topmenu_off.png');
		position:absolute;
		z-index:1;
		top:23px;left:calc(50% - 8px);
	}
	*/
	
	.my-navbar-panel ul.dropdown-menu li{font-size:1em;color:#555555;text-transform:none;}

	li.root-level > ul.dropdown-menu{top:calc(100% + 6px) !important;}

	.dropdown-menu{border:none;}

}

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

	.my-navbar-panel{padding-top:5px;padding-bottom:5px;padding-left:18px;}
	
	.my-navbar{margin-left:5px !important;}
	.my-navbar .root-level .caret{
		margin:6px 0 0 0;
		background-color:#fff;color:#000;font-weight:bold;
	}
	/*custom #menuBar > root -/+ carets*/
	.my-navbar .root-level .root-caret.caret.plus:before {
		content: '+';
		font-family: monospace;
		font-weight: bold;
	}
	.my-navbar .root-level .root-caret.caret.minus:before {
		content: '-';
		font-family: monospace;
		font-weight: bold;
	}
				
	.topMenu_bt A div.L{line-height:40px;} /*L.off*/
	/*FF m.over*/
	.topMenu_bt A div.L:hover {line-height:40px;} /*L.on*/
	/*IE m.over*/
	.topMenu_bt A:hover div.L {line-height:40px;} /*L.on*/
	
	.topMenu_bt A div.R{line-height:40px;color:#000;} /*R.off*/
	/*FF m.over*/
	.topMenu_bt A div.R:hover {line-height:40px;color:#7dd7eb;} /*R.on*/
	/*IE m.over*/
	.topMenu_bt A:hover div.R {line-height:40px;color:#7dd7eb;} /*R.off*/
	
	/*IE FF selected*/
	.topMenu_bt_on div.L{line-height:40px;} /*L.selected*/
	.topMenu_bt_on div.R{line-height:40px;color:#7dd7eb;font-weight:bold;} /*R.selected*/
	
	/*.dropdown-menu > li{border-bottom:1px dashed #555;}*/
	.dropdown-menu > li > a{color:#000;} /*change the color of sub-dropdowns*/
}