:root {
	--palegreen:#774eb8;
}
body {
	font-family: 'Poppins', sans-serif;
}
.bi {
	display: inline-block;
	vertical-align: -.125em;
	width: 1em;
	height: 1em;
	fill: currentColor;
	overflow: hidden;
}
.sitelogo {
	max-width: 15rem;
}
.sitetitle {
	color:#000000;
}
.bg-darkblue{
	background-color: #1a2380;
}
.gradient-primary {
	background-image: linear-gradient(to right, #198fdd 0%, #910f8b 100%);
}
.special-heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: .16rem;
  background-color: var(--palegreen);
}

.special-heading::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -.17rem;
  width: .5rem;
  height: .5rem;
  background-color: var(--palegreen);
  border-radius: 50%;
  transform: translateX(-50%);
}

/*导航菜单*/
.dropdown-toggle:after {
	background-color: currentcolor;
	border: 0 !important;
	content: "";
	flex-shrink: 0;
	height: 1.275em;
	margin-right: -.25rem;
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M8.7 13.7c.4-.4 1.1-.4 1.5 0l6 6 6-6c.4-.4 1.1-.4 1.5 0s.4 1.1 0 1.5L17 21.9c-.4.4-1.1.4-1.5 0l-6.7-6.7c-.5-.6-.5-1.1-.1-1.5'/%3E%3C/svg%3E") no-repeat 50% 50%;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M8.7 13.7c.4-.4 1.1-.4 1.5 0l6 6 6-6c.4-.4 1.1-.4 1.5 0s.4 1.1 0 1.5L17 21.9c-.4.4-1.1.4-1.5 0l-6.7-6.7c-.5-.6-.5-1.1-.1-1.5'/%3E%3C/svg%3E") no-repeat 50% 50%;
	-webkit-mask-size: cover;
	mask-size: cover;
	width: 1.275em;
}
.offcanvas.offcanvas-start {
	--bs-offcanvas-width: 350px;
}
.navbar-nav .nav-link {
	font-family: 'Barlow Condensed', sans-serif;
	align-items: center;
	display: flex;
  color: black;
  font-size: 1.2rem;
/*	border-radius: 0.313rem;*/
}
.dropdown-item.dropdown-toggle:after {
	margin-left: auto;
}
.navbar-nav>.nav-item>.nav-link {
	padding: var(--bs-nav-link-padding-y) var(--bs-navbar-nav-link-padding-x);
	position: relative;
}
.navbar-nav>.nav-item>.nav-link.dropdown-toggle:after {
	margin-left: auto;
}
.dropdown-toggle:focus-visible {
	box-shadow: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover {
  color: var(--palegreen);
/*	background-color: #ff0000;*/
}
.offcanvas.offcanvas-start {
	--bs-offcanvas-width: 350px;
}
.offcanvas{
	--bs-offcanvas-bg: var(--palegreen);
}
.dropdown-item {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	border-radius: var(--bs-dropdown-border-radius);
	transition: color .2s ease-in-out, background-color .2s ease-in-out;
	outline-width: 0;
}
.navbar-expand-lg .navbar-nav .dropdown > .dropdown-menu {
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid var(--bs-border-color);
}
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav>.nav-item>.nav-link.dropdown-toggle:after {
		margin-left: .15em;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu .dropend .dropdown-toggle:after {
		-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M12.7 9.7c.4-.4 1.1-.4 1.5 0l6.7 6.7c.4.4.4 1.1 0 1.5l-6.7 6.7c-.4.4-1.1.4-1.5 0s-.4-1.1 0-1.5l6-6-6-6c-.4-.5-.4-1 0-1.4'/%3E%3C/svg%3E") no-repeat 50% 50%;
		mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M12.7 9.7c.4-.4 1.1-.4 1.5 0l6.7 6.7c.4.4.4 1.1 0 1.5l-6.7 6.7c-.4.4-1.1.4-1.5 0s-.4-1.1 0-1.5l6-6-6-6c-.4-.5-.4-1 0-1.4'/%3E%3C/svg%3E") no-repeat 50% 50%;
	}
	.navbar-expand-lg .navbar-nav .dropdown > .dropdown-menu {
		-webkit-box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15);
		box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15);

		-webkit-animation-name: slideInUp;
		animation-name: slideInUp;
		-webkit-animation-duration: 300ms;
		animation-duration: 300ms;
	}
	.navbar-expand-lg .dropdown .dropdown-item.active,
	.navbar-expand-lg .dropdown .dropdown-item.show,
	.navbar-expand-lg .dropdown .dropdown-item:hover,
	.navbar-expand-lg .dropdown .dropdown-item:focus {
		color: #ffffff;
		background-color: var(--palegreen);
	}
	.navbar-expand-lg .navbar-nav .dropend .dropdown-menu {
		left: 100%;
		top: -.5rem;
	}
	.navbar-expand-lg .dropdown-menu[data-bs-popper] {
		margin-top: 0;
		margin-left: 0;
	}
}

.homeHeroes {
  padding: 200px 50px 150px 50px;
  background-color: #423563D1;
  background: url(https://malaysiaopticalfair.com.my/wp-content/uploads/2024/05/MOF2024-360.jpg) 50% 50%;
  background-size: cover;
}
.elementor-heading-title {
    font-family: "Orbitron", Sans-serif;
    font-size: 80px;
    font-weight: 600;
    letter-spacing: 5px;
    word-spacing: 3px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.64);
    color: #FFFFFF;
}

/* 首页新闻 */
.homeNews .news-img img {
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.homeNews .titlebar {
	font-size: 1.15rem;
	line-height: 1.6;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.homeNews:hover .titlebar {
	color: var(--palegreen) !important;
}

.hover-moveup{
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.hover-moveup:hover{
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

a.homeImgHover {
	display: block;
}
a.homeImgHover img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
a.homeImgHover h5 {
	display: block;
	position: absolute !important;;
	padding: 0 1rem 2rem 1rem;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #ffffff;
	margin-bottom: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
}
a.homeImgHover h5 span {
	display: block;
	width: 2.5rem;
	height: 0.3rem;
	background-color: #01aeea;
	margin-bottom: 0.3rem;
}

.navSub .list-group-item.active {
  /*color: #fff;*/
  background-color: var(--palegreen);
  border-color: var(--palegreen);
}

article.content img {
	max-width: 100% !important;
}

@-webkit-keyframes slideInUp {
	from {
	  -webkit-transform: translateY(10px);
			  transform: translateY(10px);
	}
	to {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
}
@keyframes slideInUp {
	from {
	  -webkit-transform: translateY(10px);
			  transform: translateY(10px);
	}
	to {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
}

@media screen and (min-width: 992px) {
	.homeNews .caption {
		text-overflow: ellipsis;
		display: -webkit-box !important;
		-webkit-line-clamp: 3;
		line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.homeNews:hover .news-img img {
		transform: scale(1.2);
		-ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
	}
}