:root {
	--ff-main-tc: 'Noto Sans TC', sans-serif;
	--ff-main-sc: 'Noto Sans SC', sans-serif;
}
html {
	font-size: 16px
}
html[lang=en-US] .body-text{
	font-family: Opensans, sans-serif;
}
/* html[lang=zh-hk] body{
	--body-text: var(--ff-main-tc);
	--mid-title: var(--ff-main-tc);
	--special-title: var(--ff-main-tc);
	--big-title: var(--ff-main-tc);
}
html[lang=zh-cn] body{
	--body-text: var(--ff-main-sc);
	--mid-title: var(--ff-main-sc);
	--special-title: var(--ff-main-sc);
	--big-title: var(--ff-main-sc);
} */
.tc-only, .tc-font {
	font-family: var(--ff-main-tc);
}
.sc-only, .sc-font {
	font-family: var(--ff-main-sc);
}
html.lenis {
	height: auto;
}
html {
	scroll-behavior: auto !important;
}
.lenis.lenis-smooth {
	scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}
.lenis.lenis-stopped {
	overflow: hidden;
}
.lenis.lenis-scrolling iframe {
	pointer-events: none;
}
p a {
	display: inline;
	color: inherit;
}
/* p:first-child{
	margin-top: 0;
}
p:last-child{
	margin-bottom: 0;
} */
.wb_height-full {
	height: 100vh;
	height: var(--vh, 100vh);
}
.wb_height-full-header {
		height: 100vh;
	height: calc(var(--vh, 100vh) - var(--header-height));
}
.wb_height-full-header-min {
		min-height: 100vh;
	min-height: calc(var(--vh, 100vh) - var(--header-height));
}
.wb_height-full-max {
	max-height: 100vh;
	max-height: var(--vh, 100vh);
}
.wb_height-full-min {
	min-height: 100vh;
	min-height: var(--vh, 100vh);
}
.wb_height-full-responsive {
	height: 100vh;
	height: var(--vhr, 100vh);
}
.wb_side_wrapper {
	width: auto!important;
}
body.agreed-disclaimer .disclaimer-popup {
		display:none!important;
}
.hamburger-2 .hamburger-2-middle {
	transition: width 0.2s;
}
.menu-toggle.active .hamburger-2 .hamburger-2-middle {
	width: 0;
	background-color: #fff;
}
.hamburger-2 .hamburger-2-bottom {
	transition: all 0.4s;
}
.menu-toggle.active .hamburger-2 .hamburger-2-bottom {
	transform: translateY(-8px) rotateZ(45deg);
	background-color: #fff;
}
.hamburger-2 .hamburger-2-top {
	transition: all 0.4s;
}
.menu-toggle.active .hamburger-2 .hamburger-2-top {
	transform: translateY(8px) rotateZ(-45deg);
	background-color: #fff;
}
.menu-toggle.active + .side-menu-2 {
	transform: none;
}
.otgs-development-site-front-end {
	display: none;
}
.teaser-header .menu-button {
	display: none;
}
@media screen and (max-width: 767px){
	.menu-button+.navigation-items {
		transition: 0.5s;
	}
	.menu-button.active+.navigation-items {
		transform: none;
	}
	.teaser-header .menu-button {
		display: block;
	}
	.teaser-header .side-menu-list-wrapper.sub-menu {
		width: auto;
		padding-left: 0;
		border-left:none;
	}
}
.wb_scrollable-wrapper.ps--active-y {
	padding-right: 20px;
}
html .ps--active-y > .ps__rail-y {
	display: block;
	opacity: 1;
}
html .ps .ps__rail-y.ps--clicking {
	opacity: 1;
}
html .ps__thumb-y {
	box-sizing: border-box;
	width: 5px;
	margin-right: -2px;
}
.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus>.ps__thumb-y, .ps__rail-y:hover>.ps__thumb-y {
	background-color: var(--bg-color);
	width: 5px;
}
html .ps:hover > .ps__rail-y {
	opacity: 1;
}
.lenis.lenis-smooth {
	scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}
.lenis.lenis-stopped {
	overflow: hidden;
}
.lenis.lenis-scrolling iframe {
	pointer-events: none;
}
.wb_scrollable-wrapper.ps--active-y {
padding-right: 20px;
}
html .ps--active-y > .ps__rail-y {
	display: block;
	opacity: 1;
}
html .ps .ps__rail-y.ps--clicking {
	opacity: 1;
}
html .ps__thumb-y {
	box-sizing: border-box;
	width: 5px;
	margin-right: -2px;
}
.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus>.ps__thumb-y, .ps__rail-y:hover>.ps__thumb-y {
	background-color: var(--bg-color);
	width: 5px;
}
html .ps:hover > .ps__rail-y {
	opacity: 1;
}
body.fixed {
		overflow: hidden;
}
@media screen and (max-width: 991px){
	.wb_side_wrapper {
		width: 100%!important;
	}
}
@media screen and (max-width: 767px){
	.menu-button+.navigation-items {
		transition: 0.5s;
	}
	.menu-button.active+.navigation-items {
		transform: none;
	}
	.teaser-header .menu-button {
		display: block;
	}
	.teaser-header .side-menu-list-wrapper.sub-menu {
		width: auto;
		padding-left: 0;
		border-left:none;
	}
}
@media screen and (orientation: landscape){
	.landscape {
		display: block;
	}
	.portrait {
		display: none;
	}
}
@media screen and (orientation: portrait){
	.landscape {
		display: none;
	}
	.portrait {
		display: block;
	}
}