body,
html {
	margin: 0;
	padding: 0;
	font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #343a40;
	line-height: 1.8;
	font-size: .8rem;
}
#top-stroke {
  stroke: red; 
}
.container {
	width: 100%;
	margin: auto;
}

.banner{
	position: relative;
	width: 100%;
}
.banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.banner-carousel {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.carousel-images {
	display: flex;
	transition: transform 0.5s ease-in-out;
	height: 100%;
}

.carousel-images img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	flex-shrink: 0;
}

.carousel-indicators {
	position: absolute;
	bottom: .5rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: .4rem;
	z-index: 10;
}

.indicator {
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: background-color 0.3s;
}

.indicator.active {
	background-color: rgba(255, 255, 255, 1);
}

.carousel-navigation {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	padding: 0 .5rem;
	z-index: 10;
}

.carousel-nav-prev,
.carousel-nav-next {
	width: 2rem;
	height: 2rem;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: .9rem;
	font-weight: bold;
	user-select: none;
}

.carousel-nav-prev:hover,
.carousel-nav-next:hover {
	background-color: rgba(0, 0, 0, 0.7);
}
.banner-shadow{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: .25rem;
}

header .logo img {
	height: 2.75rem;
	margin-left: 1rem;
	margin-top: .65rem;
}
header nav {
	margin-right: 1rem;
}
header nav ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

header nav ul li {
	display: inline;
	margin-left: 1.25rem;
}

header nav ul li a {
	color: #028270;
	text-decoration: none;
	font-weight: 500;
	font-size: .85rem;
	transition: color 0.3s ease, border-bottom-color 0.3s ease;
	padding-bottom: .4rem;
}
/* 
header nav ul li a:hover,
header nav ul li a.active {
	font-weight: 600;
} */

.hero-slider {
	position: relative;
	width: 100%;
	height: 18rem;
	overflow: hidden;
	background-color: #e9ecef;
}

.hero-slider .slide {
	display: none;
	width: 100%;
	height: 18rem;
}

.hero-slider .slide img {
	width: 100%;
	height: 18rem;
	object-fit: cover;
}

.hero-slider .slide.active {
	display: block;
}

.hero-slider .slide-text {
	position: absolute;
	bottom: 1.5rem;
	left: 5%;
	max-width: 40%;
	color: #fff;
	background-color: rgba(42, 96, 83, 0.8);
	padding: 1rem;
	border-radius: .4rem
}

.hero-slider .slide-text h2 {
	margin-top: 0;
	font-size: 1.3em;
	margin-bottom: .5rem;
}

.hero-slider .slide-text p {
	font-size: 0.9em;
	line-height: 1.0;
}

.hero-slider .prev,
.hero-slider .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: 2.4rem;
	height: 2.4rem;
	padding: .5rem;
	text-align: center;
	margin-top: -1.25rem;
	color: white;
	font-weight: bold;
	font-size: 1.4rem;
	transition: 0.6s ease;
	border-radius: 50%;
	user-select: none;
	background-color: rgba(0, 0, 0, 0.4);
}

.hero-slider .prev {
	left: 1rem;
}

.hero-slider .next {
	right: 1rem;
}

.hero-slider .prev:hover,
.hero-slider .next:hover {
	background-color: rgba(56, 128, 112, 0.9);
}

.content-section {
	background-color: #fff;
}

.content-section:last-child {
	border-bottom: none;
}

.container-enTitle{
	font-size: .7rem;
	color: #388070;
	text-align: left;
	margin: 0rem;
}
.container-title {
	color: #388070;
	font-size: 1rem;
	margin: 0rem;
	font-weight: 600;
}

.container-subtitle {
	font-size: .7rem;
	color: #6c757d;
	margin: 0rem;
	margin-bottom: .5rem;
	margin-top: 1rem;
	width: 25.6rem;
}
.section-title {
	color: #388070;
	margin-bottom: 2rem;
	text-align: center;
	font-size: 1rem;
	font-weight: 600;
	padding-top: 2rem;
	border-top: .05rem solid #666;
}

.section-subtitle {
	text-align: center;
	font-size: .7rem;
	color: #6c757d;
	max-width: 40rem;
	margin: -1.5rem auto 2rem auto;
}

#home-services .core-services-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	gap: 1.5rem;
	margin-top: 2rem;
}
#home-services .non-highlight-grid {
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
}
.overseas-trust-dropdown, .capital-advisor-dropdown {
    position: relative;
}
.capital-advisor-menu a{
	display: block;
	font-size: .6rem;
	margin: .25rem;
	color: #fff;
	text-decoration: none;
	transition: background-color 0.3s;
	border-bottom: .005rem solid #f0f0f0;
}
.overseas-trust-menu, .capital-advisor-menu {
   position: absolute;
    top: 90%;
    left: -1.5rem;
	outline: none;
	box-shadow: none;
	margin: 0;
	padding: 1.5rem 0rem 0rem 0rem;
    border: none;
    width: 5.9rem;
    display: none;
    z-index: 1001;
    background: linear-gradient(to bottom,transparent, #24958e 55% ,transparent);
}

.overseas-trust-menu li, .capital-advisor-menu li {
    padding: .5rem .75rem;
    border-bottom: .05rem solid #eee;
}
.overseas-trust-menu a{
	display: block;
	font-size: .6rem;
	margin: .25rem;
	color: #fff;
	text-decoration: none;
	transition: background-color 0.3s;
	border-bottom: .005rem solid #f0f0f0;
}
.overseas-trust-menu li:last-child, .capital-advisor-menu li:last-child {
    border-bottom: none;
}

.capital-advisor-menu a {
	display: block;
	font-size: .6rem;
	padding-left: .25rem;
	margin: .25rem;
	color: #fff;
	text-decoration: none;
	transition: background-color 0.3s;
	border-bottom: .005rem solid #f0f0f0;
}

.service-icon:hover{
	width: 3.5rem !important;
	height: 3.5rem !important;
}
.core-service-img{
	width: 13.95rem;
	height: 8.45rem;
	position: relative;
    display: block;
	border: none;
}
.image-gradient {
	position: absolute; 
	bottom: 0;
	left: 0; 
	width: 100%; 
	height: 6rem; 
	background: linear-gradient(to top, 
		rgba(56, 128, 112,0.8), 
		rgba(0, 50, 100, 0) 
	);
	pointer-events: none; 
}
.core-service-item img.service-icon {
	width: 3rem;
	height: 3rem;
	margin-bottom: .75rem;
	transform: scale(1.1);
	filter: drop-shadow(0 0 .4rem rgba(56, 128, 112, 0.3));
}

.core-service-item h4 {
	font-size: 1.4em;
	color: #388070;
	margin-bottom: .5rem;
}

.core-service-item.highlight {
	background-color: #e0f2f1;
	border-left: .25rem solid #c83737;
	box-shadow: 0 .4rem 1.25rem rgba(200, 55, 55, 0.15);
	grid-column: span 1;
}

@media (min-width: 49.6rem) {
	#home-services .core-services-grid.has-highlights {
		grid-template-columns: repeat(2, 1fr);
	}
}

.core-service-item.highlight h4 {
	color: #c83737;
}
.core-service-title{
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .25rem .5rem;
}
.core-service-name{
	color: #fff;
	font-size: .8rem;
	margin: .25rem;
}
.core-service-icon{
	width: .75rem;
	height: .75rem;
}
#success-cases-section {
	background-color: #fff;
}
.learn-more{
	text-decoration: none;
}
.core-service-content{
	font-size: .6rem;
    margin: 3.3rem .5rem 0rem .5rem;
    padding: .4rem 0rem;
    color: #fff;
    border-top: .05rem solid #fff;
}

.case-study-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
	gap: 1.5rem;
	margin-top: 1.5rem;
}

.case-study-card {
	background-color: #f8f9fa;
	border-radius: .4rem;
	overflow: hidden;
	box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.05);
	transition: box-shadow 0.3s ease;
}

.case-study-card:hover {
	box-shadow: 0 .3rem .75rem rgba(0, 0, 0, 0.1);
}

.case-study-card img.case-image {
	width: 100%;
	height: 11rem;
	object-fit: cover;
}

.case-study-card .case-content {
	padding: 1rem;
}

.case-study-card h4 {
	font-size: 1.3em;
	color: #388070;
	margin-top: 0;
	margin-bottom: .5rem;
}

.case-study-card p {
	font-size: 0.9em;
	color: #6c757d;
	margin-bottom: .75rem;
}

.case-study-card a.read-more {
	color: #388070;
	text-decoration: none;
	font-weight: bold;
}

.case-study-card a.read-more:hover {
	text-decoration: underline;
}


#services-overview-page .service-detail-item {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin-bottom: 2.5rem;
	padding: 1.5rem;
	background-color: #fff;
	border-radius: .4rem;
	box-shadow: 0 .15rem .5rem rgba(0, 0, 0, 0.06);
}

#services-overview-page .service-image {
	flex: 1;
	max-width: 100%;
	height: auto;
	text-align: center;
}

#services-overview-page .service-image img {
	width: 70%;
	max-height: 17.5rem;
	object-fit: cover;
	border-radius: .4rem;
}

#services-overview-page .service-text {
	flex: 2;
}

#services-overview-page .service-text h3 {
	font-size: 1.9em;
	color: #388070;
	margin-top: 0;
	margin-bottom: .75rem;
	text-align: left;
}

#services-overview-page .service-text p {
	font-size: 1.05em;
	line-height: 1.9;
	color: #495057;
	margin-bottom: .75rem;
}

@media (min-width: 38.4rem) {

	#services-overview-page .service-detail-item {
		flex-direction: row;
	}

	#services-overview-page .service-detail-item:nth-child(even) {
		flex-direction: row-reverse;
	}

	#services-overview-page .service-image {
		max-width: 40%;
	}
}

#longma-international-page .content-section {
	padding-top: 2rem;
}

#longma-international-page .about-intro {
	text-align: center;
	margin-bottom: 2.5rem;
}

#longma-international-page .about-intro p {
	font-size: 1.2em;
	color: #555;
	max-width: 40rem;
	margin: 0 auto;
}

#longma-international-page .about-section-block {
	background-color: #fff;
	padding: 1.5rem;
	margin-bottom: 1.5rem;
	border-radius: .4rem;
	box-shadow: 0 .1rem .4rem rgba(0, 0, 0, 0.07);
	border-left: .2rem solid #388070;
}

#longma-international-page .about-section-block h3 {
	font-size: 1.8em;
	color: #388070;
	margin-top: 0;
	margin-bottom: .75rem;
	text-align: left;
}

#longma-international-page .about-section-block p,
#longma-international-page .about-section-block ul {
	font-size: 1.05em;
	color: #495057;
}

#longma-international-page .about-section-block ul {
	list-style: none;
	padding-left: 0;
}

#longma-international-page .about-section-block ul li {
	padding-left: 1.4rem;
	margin-bottom: .6rem;
	position: relative;
}

#longma-international-page .about-section-block ul li::before {
	content: '?';
	color: #388070;
	position: absolute;
	left: 0;
	font-weight: bold;
}

#longma-international-page .about-columns {
	display: flex;
	gap: 2rem;
	align-items: flex-start;
}

#longma-international-page .about-text-column {
	flex: 3;
}

#longma-international-page .about-image-column {
	flex: 2;
	text-align: center;
	margin-top: 1rem;
}

#longma-international-page .about-image-column img {
	max-width: 100%;
	height: auto;
	border-radius: .4rem;
	box-shadow: 0 .2rem .75rem rgba(0, 0, 0, 0.1);
}

#longma-international-page .about-image-column p {
	font-size: 0.9em;
	color: #6c757d;
	margin-top: .75rem;
}

#login-page-content .content-section {
	background-color: transparent;
	border: none;
	box-shadow: none;
	padding: 2rem 0;
}

.login-container {
	display: flex;
	max-width: 45rem;
	margin: 2rem auto;
	background-color: #fff;
	border-radius: .5rem;
	box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.login-image-section {
	flex: 1;
	background: url('https://images.unsplash.com/photo-1554774853-7f039d99UNSPLASH_REPLACE_WITH_APPROPRIATE_IMAGE_ID_OR_URL_FOR_LOGIN_BACKGROUND?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80') no-repeat center center;
	background-size: cover;
	min-height: 25rem;
}

.login-form-section {
	flex: 1;
	padding: 2.5rem 2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.login-form-section h2 {
	font-size: 2.2em;
	color: #388070;
	margin-bottom: .75rem;
	text-align: left;
}

.login-form-section .login-subtitle {
	font-size: 1em;
	color: #6c757d;
	margin-bottom: 1.5rem;
	text-align: left;
}

.login-form-section .form-group {
	margin-bottom: 1.25rem;
}

.login-form-section label {
	display: block;
	font-weight: 600;
	margin-bottom: .4rem;
	font-size: 1em;
	color: #495057;
}

.login-form-section input[type="text"],
.login-form-section input[type="password"] {
	width: calc(100% - 1.4rem);
	padding: .7rem;
	font-size: 1em;
	border: .05rem solid #ced4da;
	border-radius: .25rem;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.login-form-section input[type="text"]:focus,
.login-form-section input[type="password"]:focus {
	border-color: #388070;
	box-shadow: 0 0 0 .2rem rgba(56, 128, 112, 0.25);
	outline: none;
}

.login-form-section button {
	width: 100%;
	padding: .7rem;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #388070;
	color: white;
	border: none;
	border-radius: .25rem;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.login-form-section button:hover {
	background-color: #2a6053;
}

.login-form-section .login-options {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: .75rem;
	font-size: 0.9em;
}

.login-form-section .login-options a {
	color: #388070;
	text-decoration: none;
}

.login-form-section .login-options a:hover {
	text-decoration: underline;
}

#contact-us-page .contact-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	margin-top: 1.5rem;
}

@media (min-width: 49.6rem) {
	#contact-us-page .contact-grid {
		grid-template-columns: 1fr 1fr;
	}
}

#contact-us-page .contact-info-section,
#contact-us-page .contact-form-section {
	background-color: #fff;
	padding: 1.75rem;
	border-radius: .4rem;
	box-shadow: 0 .2rem .6rem rgba(0, 0, 0, 0.08);
}

#contact-us-page h3 {
	font-size: 1.7em;
	color: #388070;
	margin-top: 0;
	margin-bottom: 1rem;
}

#contact-us-page .contact-details p {
	font-size: 1.05em;
	margin-bottom: .75rem;
	line-height: 1.7;
}

#contact-us-page .contact-details strong {
	color: #343a40;
}

#contact-us-page .map-placeholder {
	width: 100%;
	height: 15rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .4rem;
	margin-top: 1.5rem;
}

#contact-us-page .form-group {
	margin-bottom: 1rem;
}

#contact-us-page label {
	display: block;
	font-weight: 500;
	margin-bottom: .4rem;
	color: #495057;
}

#contact-us-page input[type="text"],
#contact-us-page input[type="email"],
#contact-us-page textarea {
	width: calc(100% - 1.2rem);
	padding: .6rem;
	font-size: 1em;
	border: .05rem solid #ced4da;
	border-radius: .25rem;
}

#contact-us-page textarea {
	min-height: 6rem;
	resize: vertical;
}

#contact-us-page button[type="submit"] {
	padding: .6rem 1.25rem;
	font-size: 1.05em;
	background-color: #388070;
	color: #fff;
	border: none;
	border-radius: .25rem;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

#contact-us-page button[type="submit"]:hover {
	background-color: #2a6053;
}

.advisor-section .container>div,
.butler-section .container>div {
	background-color: #fff;
	padding: 0rem 2.5rem;
	border-radius: .5rem;
}

.advisor-header,
.butler-header {
	margin-bottom: 2.5rem;
}

.advisor-header h1,
.butler-header h1 {
	font-size: 2.8em;
}

.advisor-header p,
.butler-header p {
	font-size: 1.2em;
	max-width: 37.5rem;
}

.advisor-content,
.butler-content {
	gap: 2rem;
}

.advisor-content .image-content img,
.butler-content .image-content img {
	border-radius: .5rem;
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.1);
}

.service-features,
.butler-services {
	margin-top: 1.75rem;
}

.service-features .feature-item,
.butler-services .service-item {
	padding: 1rem;
	margin-bottom: 1.25rem;
	border-left-width: .25rem;
	background-color: #f8f9fa;
}

.service-features .feature-item img,
.butler-services .service-item img {
	width: 2.4rem;
	height: 2.4rem;
	margin-right: 1rem;
}

.service-features .feature-item h4,
.butler-services .service-item h4 {
	font-size: 1.2em;
	margin-bottom: .4rem;
	color: #388070;
}

.service-features .feature-item p,
.butler-services .service-item p {
	font-size: 1em;
}

.cta-button {
	font-size: .7rem;
	color: #787878;
	text-decoration: none;
	padding: .25rem .75rem;
	border: .05rem solid #787878;
}
.text-wrapper1 h4{
	text-align: center;
    color: #177c6b;
    font-size: 1.2rem;
    font-weight: 700;
	margin: 1.25rem 0rem .5rem;
		
}
footer {
	margin: 3rem 0rem 0rem;
    padding: 1.5rem;
    border-top: .05rem solid #999;
}
.footer-logo{
	width: 25%;
    text-align: center;
    border-right: .05rem solid #e2e2e2;
}
.footer-logo-img{
	width: 8rem;
	margin-bottom: .25rem;
}
.footer-logo-title{
    font-size: 1rem;
    color: #399787;
    margin-top: -0.15rem;
}
.footer-content{
	display: flex;
}
.footer-bottom{
	border-top: .05rem solid #999;
	text-align: center;
	color: #8c8c8c;
	font-size: .6rem;
	margin: .5rem 0rem;
	padding-top: .5rem;
}
.footer-link{
	font-size: .6rem;
	color: #8c8c8c;
	text-decoration: none;
}
.footer-nav{
	width: 20%;
    text-align: left;
    margin-left: 1rem;
	border-right: .05rem solid #e2e2e2;
}
.footer-nav1{
	width: 20%;
    text-align: left;
    margin-left: 1rem;
	border-right: .05rem solid #e2e2e2;
}
.footer-nav2{
    text-align: left;
    margin-left: 1rem;
}
.footer-items{
	font-size: .75rem;
	color: #8c8c8c;
	font-weight: 600;
	margin: 0rem;
}
.footer-items1{
	font-size: .75rem;
	color: #8c8c8c;
	font-weight: 600;
	margin: 0rem;
}
.footer-items2{
	font-size: .75rem;
	color: #8c8c8c;
	font-weight: 600;
	margin: 0rem;
}
.footer-item1{
	font-size: .6rem;
	color: #8c8c8c;
	margin: .25rem;
}
.footer-item2{
	font-size: .6rem;
	color: #8c8c8c;
	margin: .25rem;
}
.footer-item3{
	font-size: .6rem;
	color: #8c8c8c;
	margin: .25rem;
}
.footer-item-title{
	font-size: .6rem;
	color: #8c8c8c;
	margin: .15rem 0rem 0rem;
}
.hidden {
	display: none;
}

.text-center {
	text-align: center;
}

.wealth-management-dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-menu {
	position: absolute;
    top: 90%;
    left: -1.5rem;
	outline: none;
	box-shadow: none;
	margin: 0;
	padding: 1.5rem 0rem 0rem 0rem;
    border: none;
    width: 5.9rem;
    display: none;
    z-index: 1001;
    background: linear-gradient(to bottom,transparent, #24958e 55% ,transparent);
}

.dropdown-menu a {
	display: block;
	font-size: .6rem;
	padding-left: .25rem;
	margin: .25rem;
	color: #fff;
	text-decoration: none;
	transition: background-color 0.3s;
	border-bottom: .005rem solid #f0f0f0;
}

.dropdown-menu a:hover {
	color: #fff;
}



.wealth-management-content {
	display: none;
	padding: 2rem 0;
	background-color: #fff;
	border-bottom: .05rem solid #e9ecef;
}

.wealth-management-content.active {
	display: block;
}
.wealth-management-content-status {
	display: none;
	background-color: #fff;
	border-bottom: .05rem solid #e9ecef;
}

.wealth-management-content-status.active {
	display: block;
}

.wealth-management-container {
	max-width: 60rem;
	margin: 0 auto;
	padding: 0 1rem;
}

.wealth-management-item {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.wealth-management-image {
	flex: 1;
	text-align: center;
}

.wealth-management-image img {
	max-width: 100%;
	height: auto;
	border-radius: .4rem;
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.1);
}

.wealth-management-text {
	flex: 2;
}

.wealth-management-text h3 {
	font-size: 1.9em;
	color: #388070;
	margin-top: 0;
	margin-bottom: 1rem;
}

.wealth-management-text p {
	font-size: 1.05em;
	line-height: 1.8;
	color: #495057;
}

@media (min-width: 38.4rem) {
	.wealth-management-item {
		flex-direction: row;
		align-items: center;
	}

	.wealth-management-item.reverse {
		flex-direction: row-reverse;
	}
}
.language-switcher-container{
	display: flex;
	justify-content: right;
}
.language-switcher{
	list-style: none;
	display: flex;
	font-size: .65rem;
	justify-content: right;
}
.language-item:not(:last-child)::after {
    content: "•";
    margin-left: .5rem;
}
.back-title:not(:last-child)::after {
    content: "•";
    margin-left: .3rem;
	margin-right: .3rem;
	font-size: .6rem;
	color: #999;
}

.footer-item1::before {
    content: "•";
    margin-right: .5rem;
}
.footer-item3:not(:first-child)::before {
    content: "•";
    margin-right: .5rem;
}
.footer-item2::before {
    content: "•";
    margin-right: .5rem;
}
.language-item{
	margin-left: .45rem;
	color: #028270;
}
.trust-layout {
	display: flex;
	gap: 2rem;
	width: 80%;
	margin: 1rem auto;
}
.family-layout{
	display: flex;
	gap: 2rem;
	width: 80%;
	margin: 1rem auto;
}
.family-title{
	font-size: 1rem;
    font-weight: 800;
    color: #177c6b;
	margin: 0rem;
	border-bottom: .1rem solid #177c6b;
}
.trust-news-date{
	font-size: .65rem;
	color: #999;
	margin: 0;
}
.video-content p video{
	width: 30rem !important;
    height: 15rem !important;
}
.trust-news-content{
	font-size: .6rem;
	color: #999;
	margin: 0;
	padding-bottom: 1.5rem;
	white-space: wrap;
	overflow: hidden;
	cursor: pointer;
	text-overflow: ellipsis;
}
.trust-news-title{
	font-size: 1rem;
    color: #177c6b;
    border-bottom: .1rem solid #177c6b;
}
.trust-news-items{
	margin: 0rem;
	padding: 0rem;
}
.trust-news-item{
	list-style: none;
	border-bottom: .05rem solid #999;
}

.trust-video-date{
	font-size: .65rem;
	color: #999;
	margin: 0;
}
.trust-video-content{
	font-size: .6rem;
	color: #999;
	margin: 0;
	padding-bottom: 1.5rem;
}
.trust-video-title{
	font-size: .75rem;
    color: #177c6b;
    padding-bottom: .25rem;
    border-bottom: .1rem solid #177c6b;
}
.trust-video-items{
	margin: 0rem;
	padding: 0rem;
}
.trust-video-item{
	list-style: none;
	border-bottom: .05rem solid #999;
}

.hot-icon{
	width: 1.25rem;
	margin-bottom: .25rem;
	margin-top: .25rem;
}
.trust-list {
	width: 25%;
}
.trust-title{
	font-size: 1rem;
	font-weight: 800;
	width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	color: #177c6b;
	border-bottom: .1rem solid #177c6b;
}
.trust-video,
.trust-news{
	width: 70%;
}
.trust-list-items{
	margin: 0;
	padding: 0;
}
.trust-list-item.active{
	color: #177c6b;
	font-weight: bold;
}
.trust-list-item::after {
	content: "";
    position: absolute;
    right: 0rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.8rem;
    background-image: url('./icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.trust-list-item.active::after {
    opacity: 1;
    transform: translateY(-50%) rotate(270deg);
}
.trust-list-item{
	position: relative;
	list-style: none;
    font-size: .7rem;
	cursor: pointer;
    color: #999;
    padding-bottom: .6rem;
    padding-top: .6rem;
    border-bottom: .05rem solid #999;
}
.trust-news-item:last-child{
	border-bottom: none;
}
.trust-video-item:last-child{
	border-bottom: none;
}
.more-news{
	font-size: .9rem;
	font-weight: 800;
	padding-top: .5rem;
	border-top: .15rem solid #666;
	margin-bottom: 1rem;
}
.more-video{
	font-size: .9rem;
	font-weight: 800;
	padding-top: .5rem;
	border-top: .15rem solid #666;
	margin-bottom: 1rem;
}
.trust-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}
.trust-wealth-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}
.trust-menu-news {
	list-style: none;
	padding: 0;
	margin: 0;
}
.trust-menu .trust-item {
	padding: .6rem 0rem;
	cursor: pointer;
	border-bottom: .05rem solid #eee;
	transition: background-color 0.3s ease;
}
.trust-wealth-menu .trust-wealth-item {
	padding: .6rem 0rem;
	position: relative;
	cursor: pointer;
	font-size: .7rem;
	cursor: pointer;
	border-bottom: .05rem solid #eee;
	transition: background-color 0.3s ease;
}
.trust-wealth-item::after {
	content: "";
    position: absolute;
    right: 0rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.8rem;
    background-image: url('./icon.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.trust-wealth-item.active::after {
    opacity: 1;
    transform: translateY(-50%) rotate(270deg); 
}
.trust-menu-news .trust-item-nesw {
	padding: .6rem 1rem;
	cursor: pointer;
	border-bottom: .05rem solid #eee;
	transition: background-color 0.3s ease;
}
.trust-menu .trust-item.active,
.trust-menu .trust-item:hover {
	background-color: #f0f8f7;
	color: #388070;
	font-weight: bold;
}
.trust-wealth-menu .trust-wealth-item.active,
.trust-wealth-menu .trust-wealth-item:hover {
	color: #388070;
	font-weight: bold;
}
.trust-menu-news .trust-item-nesw.active,
.trust-menu-news .trust-item-nesw:hover {
	background-color: #f0f8f7;
	color: #388070;
	font-weight: bold;
}
.trust-content {
	flex: 1;
}

.trust-detail {
	display: none;
}
.trust-detail.active {
	display: block;
}
.trust-detail-news {
	display: none;
}

.trust-detail-news.active {
	display: block;
}
.trust-img{
	width: 27.5rem;
	height: 13.5rem;
	margin-left: .25rem;
	margin-top: 1.5rem;
}
.dropdown-menu-container {
	position: relative;
	display: inline-block;
}

.dropdown-menu-status {
	position: absolute;
    top: 90%;
    left: -1.5rem;
	outline: none;
	box-shadow: none;
	margin: 0;
	padding: 1.5rem 0rem 0rem 0rem;
    border: none;
    width: 5.9rem;
    display: none;
    z-index: 1001;
    background: linear-gradient(to bottom,transparent, #24958e 55% ,transparent);
}

.dropdown-menu-status a {
	display: block;
	font-size: .6rem;
	padding-left: .25rem;
	margin: .25rem;
	color: #fff;
	text-decoration: none;
	transition: background-color 0.3s;
	border-bottom: .005rem solid #f0f0f0;
}

.dropdown-menu-status a:hover {
	color: #fff;
}


.intro-block {
	display: flex;
	flex-direction: column;
	margin-bottom: 2.5rem;
	padding: 1rem;
}
.with-image {
	background: white;
	border-radius: .6rem;
	overflow: hidden;
	box-shadow: 0 .3rem .9rem rgba(0,0,0,0.08);
}
.image-wrapper img {
	width: 100%;
	object-fit: cover;
}
.text-wrapper {
	padding: 1.5rem;
}
@media (min-width: 49.6rem) {
	.intro-block {
		flex-direction: row;
	}
	.with-image .image-wrapper {
		width: 45%;
	}
	.with-image .text-wrapper {
		width: 55%;
		padding: 0rem 2rem;
	}
}
.trust-menu-cases {
	list-style: none;
	padding: 0;
	margin: 0;
}
.trust-menu-exclusive {
	list-style: none;
	padding: 0;
	margin: 0;
}
.exclusive-item{
	display: flex;
	align-items: flex-start;
	border-bottom: .05rem solid #eee;
	margin-bottom: .5rem;
	padding-bottom: .25rem;
}
.exclusive-item p{
	font-size: .75rem;
	color: #666;
	margin: 0rem;
}
.exclusive-item h4{
	color: #177c6b;
	font-size: .9rem;
	margin-top: 0rem;
	margin-bottom: 0rem;
}
.exclusive-item-img{
	width: 14rem;
}
.exclusive-item:last-child{
	border-bottom: none;
}
.trust-item-cases {
	padding: .6rem 1rem;
	cursor: pointer;
	border-bottom: .05rem solid #eee;
	transition: background-color 0.3s ease;
}
.capital-advisor.active,
.capital-advisor:hover {
	color: #388070;
	font-weight: bold;
}

.capital-advisor {
	position: relative;
	padding: .6rem 0rem;
	cursor: pointer;
	border-bottom: .05rem solid #eee;
	transition: background-color 0.3s ease;
}
.capital-advisor::after {
	content: "";
    position: absolute;
    right: 0rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.8rem;
    background-image: url('./icon.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.capital-advisor.active::after {
    opacity: 1;
    transform: translateY(-50%) rotate(270deg); 
}
.exclusive-trust-item.active,
.exclusive-trust-item:hover {
	color: #388070;
	font-weight: bold;
}

.exclusive-trust-item {
	position: relative;
	padding: .6rem 0rem;
	cursor: pointer;
	color: #666;
	border-bottom: .05rem solid #eee;
	transition: background-color 0.3s ease;
}
.exclusive-trust-item::after {
	content: "";
    position: absolute;
    right: 0rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.8rem;
    background-image: url('./icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.exclusive-trust-item.active::after {
    opacity: 1;
    transform: translateY(-50%) rotate(270deg); 
}
.trust-item-cases.active,
.trust-item-cases:hover {
	background-color: #f0f8f7;
	color: #388070;
	font-weight: bold;
}
.trust-detail-cases {
	
	display: none;
}

.trust-detail-cases.active {
	
	display: block;
}
.trust-detail-advisor {
	display: none;
}

.trust-detail-advisor.active {
	display: block;
}
.trust-detail-exclusive {
	display: none;
}

.trust-detail-exclusive.active {
	display: block;
}
.language-switcher li {
	cursor: pointer;
	transition: all 0.3s ease;
}

.language-switcher li.languageActive {
	font-weight: bold;
	font-size: .65rem !important;
}
 
.trust-detail-world{
	display: none;
}
.trust-detail-world.active{
	display: block;
}
#home-nav{
	font-size: .6rem;
}
.longma-news-content {
	position: relative;
	text-align: center;
	margin-bottom: 1.5rem;
	border-radius: .4rem;
	overflow: hidden;
	transition: all 0.3s ease;
}

.longma-image {
	width: 100%;
	height: 18rem;
	display: block;
	margin: 0 auto;
	transition: all 0.3s ease;
}

.longma-news-content:hover .longma-image {
	opacity: 0.8;
	transform: scale(1.02);
}

.longma-news-content::before {
	content: "";
	position: absolute;
	top: .7rem;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 40rem;
	height: 100%;
	background-image: url('./main-bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20% auto;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 1;
}

.longma-news-content:hover::before {
	opacity: 0.5;
}

.longma-news-title {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: .75rem;
	transition: all 0.3s ease;
	position: absolute;
	bottom: .5rem;
	left: 5%;
	max-width: 50%;
	color: #fff;
	background-color: rgba(42, 96, 83, 0.8);
	padding: 1rem;
	border-radius: .4rem;
}

.longma-news-content:hover .longma-news-title {
	transform: translateY(-0.25rem);
}
.family-butler-page .content-section {
	padding-top: 2rem;
}

.family-butler-page .advisor-section .container>div {
	background-color: #fff;
	padding: 2.5rem;
	border-radius: .5rem;
	box-shadow: 0 .25rem 1rem rgba(0, 0, 0, 0.08);
}

.family-layout {
	display: flex;
	gap: 2rem;
	margin-top: 1rem;
}

.family-sidebar {
	width: 25%;
}

.family-butler-page .family-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.family-butler-page .family-menu .family-item {
	padding: .6rem 1rem;
	cursor: pointer;		
	border-bottom: .05rem solid #eee;
	transition: background-color 0.3s ease;
}

.family-butler-page .family-menu .family-item.active,
.family-butler-page .family-menu .family-item:hover {
	background-color: #f0f8f7;
	color: #388070;
	font-weight: bold;
}

.family-butler-page .family-content {
	flex: 1;
}
.family-item-content{
	font-size: .7rem;
	color: #666;
}

.family-butler-page .intro-block1 {
	display: flex;
	flex-direction: column;
	margin-bottom: 1.5rem;
}

.family-butler-page .with-image1 {
	background: white;
	border-radius: .6rem;
	overflow: hidden;
	box-shadow: 0 .3rem .9rem rgba(0,0,0,0.08);
}

.family-butler-page .text-wrapper1 {
	padding: 1.5rem;
}

.family-butler-page .text-wrapper1 h3,
.family-butler-page .text-wrapper1 h4 {
	color: #388070;
	margin-top: 0;
}

.family-butler-page .text-wrapper1 p {
	font-size: 1.05em;
	line-height: 1.8;
	color: #495057;
	margin-bottom: .75rem;
}

@media (min-width: 49.6rem) {
	.family-butler-page .intro-block1 {
		flex-direction: row;
		align-items: center;
	}
	
	.family-butler-page .intro-block1.reverse1 {
		flex-direction: row-reverse;
	}
	
	.family-butler-page .with-image1 .image-wrapper1 {
		width: 45%;
	}
	
	.family-butler-page .with-image1 .text-wrapper1 {
		width: 55%;
		padding: 2rem;
	}
}

.family-butler-dropdown {
	position: relative;
	display: inline-block;
}

.family-butler-dropdown .family-menu {
	position: absolute;
    top: 90%;
    left: -1.5rem;
	outline: none;
	box-shadow: none;
	margin: 0;
	padding: 1.5rem 0rem 0rem 0rem;
    border: none;
    width: 5.9rem;
    display: none;
    z-index: 1001;
    background: linear-gradient(to bottom,transparent, #24958e 55% ,transparent);
}
.icon-size{
	width: .75rem;
    margin: auto 2.5rem;
}
.family-butler-dropdown .family-menu a {
	display: block;
	font-size: .6rem;
	padding-left: .25rem;
	margin: .25rem;
	color: #fff;
	text-decoration: none;
	transition: background-color 0.3s;
	border-bottom: .005rem solid #f0f0f0;
	
}

.family-butler-dropdown .family-menu a:hover {
	color: #fff;
}

/* .family-butler-dropdown.active > a {
	font-weight: 800;
} */
.family-butler-dropdown,
.wealth-management-dropdown,
.dropdown-menu-container,
.overseas-trust-dropdown,
.capital-advisor-dropdown,
.home-nav-item,
.about-nav-item {
    position: relative;
	top: 1rem;
}

.family-butler-dropdown.active > a::after,
.wealth-management-dropdown.active > a::after,
.dropdown-menu-container.active > a::after,
.overseas-trust-dropdown.active > a::after,
.capital-advisor-dropdown.active > a::after,
.home-nav-item.active::after,
.about-nav-item.active::after {
    content: "";
    position: absolute;
    bottom: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1.2rem;
    height: 1.2rem;
    background-image: url(./icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1000;
}

.family-detail-world {
	display: none;
}

.family-detail-world.active {
	display: block;
}
.family-menu-items{
	list-style: none;
	padding: 0;
	margin: 0;
}
.family-menu-item {
	position: relative;
	padding: .6rem 0rem;
	cursor: pointer;
	font-size: .7rem;
	border-bottom: .05rem solid #eee;
	transition: background-color 0.3s ease;
}
.family-menu-item::after {
	content: "";
    position: absolute;
    right: 0rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.8rem;
    background-image: url('./icon.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.trust-sidebar{
	width: 25%;
}
.family-menu-items .family-menu-item.active{
	color: #388070;
	font-weight: bold;
}
.family-menu-item.active::after {
    opacity: 1;
    transform: translateY(-50%) rotate(270deg); 
}
.lm-layout {
	display: flex;
	gap: 2rem;
	width: 80%;
	margin: 1rem auto;
}

.lm-sidebar {
	width: 25%;
}

.lm-navigation {
	list-style: none;
	padding: 0;
	margin: 0;
}

.lm-nav-item {
	padding: .75rem 0rem;
	cursor: pointer;
	border-bottom: .05rem solid #eee;
	transition: all 0.3s ease;
	font-weight: 500;
	position: relative;
}
.lm-nav-item::after {
	content: "";
    position: absolute;
    right: 0rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.8rem;
    background-image: url('./icon.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.lm-nav-item.active::after {
    opacity: 1;
    transform: translateY(-50%) rotate(270deg);
}
.lm-nav-item.active,
.lm-nav-item:hover {
	color: #388070;
}

.lm-content {
	flex: 1;
}

.lm-detail-section {
	display: none;
}

.lm-detail-section.active {
	display: block;
}
.footer-nav1 .footer-item2{
	cursor: pointer;
}
.footer-nav .footer-item1{
	cursor: pointer;
}
.lm-detail-section h5 {
	color: #388070;
	font-size: 1rem;
	margin-top: 0;
	margin-bottom: 1rem;
	border-bottom: .1rem solid #177c6b;
}

.lm-detail-section h4 {
	color: #2a6053;
	font-size: 1.3em;
	margin-top: 1.25rem;
	margin-bottom: .75rem;
}

.intro-contnent{
	font-size: .65rem;
	color: #666;
}
.intro-title{
	color: #097d68;
	font-size: .75rem;
	font-weight: 600;
}
.lm-values-list {
	padding: 0rem;
	margin-bottom: 1rem;
	list-style: none;
}

.lm-values-list li {
	margin-bottom: .5rem;
	line-height: 1.7;
	font-size: .65rem;
}
.intro-lm{
	color: #097d68;
	font-size: .7rem;
}
.lm-licenses-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	gap: 1rem;
	margin-top: 1rem;
}

.lm-license-card {
	background-color: #f8f9fa;
	padding: 1rem;
	border-radius: .4rem;
	border-left: .2rem solid #388070;
}

.lm-license-card h4 {
	margin-top: 0;
	color: #388070;
}

.lm-partners-container {
	background-color: #f8f9fa;
	padding: 1.25rem;
	border-radius: .4rem;
}

.lm-partner-category {
	margin-bottom: 1rem;
}

.lm-partner-category:last-child {
	margin-bottom: 0;
}

.lm-partner-category h4 {
	margin-top: 0;
	color: #2a6053;
	border-bottom: .05rem dashed #e0e0e0;
	padding-bottom: .25rem;
}

.lm-contact-info {
	background-color: #f8f9fa;
	padding: 1.25rem;
	border-radius: .4rem;
	margin-bottom: 1.5rem;
}

.lm-contact-info p {
	font-size: 1.1em;
	margin-bottom: .75rem;
}

.lm-contact-info strong {
	color: #388070;
}

.lm-map-placeholder {
	width: 100%;
	text-align: center;
	margin-top: 1rem;
}

.lm-intro-block {
	display: flex;
	flex-direction: column;
	margin-bottom: 1.5rem;
	background: white;
	border-radius: .6rem;
	overflow: hidden;
}

.lm-image-wrapper img {
	width: 100%;
	object-fit: cover;
}

.lm-text-wrapper {
	padding: 1.5rem;
}

@media (min-width: 49.6rem) {
	.lm-intro-block {
		align-items: center;
	}
	
	.lm-intro-block.reverse {
		flex-direction: row-reverse;
	}
	
	.lm-intro-block .lm-image-wrapper {
		width: 60%;
	}
	
	.lm-intro-block .lm-text-wrapper {
		width: 90%;
		padding: 2rem;
	}
}


.longma-family-content {
	position: relative;
	text-align: center;
	margin-bottom: 1.5rem;
	border-radius: .4rem;
	overflow: hidden;
	transition: all 0.3s ease;
}

.longma-family-image {
	width: 100%;
	height: 18rem;
	display: block;
	margin: 0 auto;
	transition: all 0.3s ease;
}

.longma-family-content:hover .longma-family-image {
	opacity: 0.8;
	transform: scale(1.02);
}

.longma-family-content::before {
	content: "";
	position: absolute;
	top: -3.25rem;
	left: 59%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 40rem;
	height: 100%;
	background-image: url('./main-bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20% auto;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 1;
}

.longma-family-content:hover::before {
	opacity: 0.5;
}

.longma-family-title {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: .75rem;
	transition: all 0.3s ease;
	position: absolute;
	bottom: .5rem;
	left: 5%;
	max-width: 50%;
	color: #fff;
	background-color: rgba(42, 96, 83, 0.8);
	padding: 1rem;
	border-radius: .4rem;
}

.longma-family-content:hover .longma-family-title {
	transform: translateY(-0.25rem);
}

.longma-trust-content {
	position: relative;
	text-align: center;
	margin-bottom: 1.5rem;
	border-radius: .4rem;
	overflow: hidden;
	transition: all 0.3s ease;
}

.longma-trust-image {
	width: 100%;
	height: 18rem;
	display: block;
	margin: 0 auto;
	transition: all 0.3s ease;
}

.longma-trust-content:hover .longma-trust-image {
	opacity: 0.8;
	transform: scale(1.02);
}

.longma-trust-content::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 40rem;
	height: 100%;
	background-image: url('./main-bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20% auto;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 1;
}

.longma-trust-content:hover::before {
	opacity: 0.5;
}

.longma-trust-title {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: .75rem;
	transition: all 0.3s ease;
	position: absolute;
	bottom: .5rem;
	left: 5%;
	max-width: 50%;
	color: #fff;
	background-color: rgba(42, 96, 83, 0.8);
	padding: 1rem;
	border-radius: .4rem;
}

.longma-trust-content:hover .longma-trust-title {
	transform: translateY(-0.25rem);
}

.longma-wealth-content {
	position: relative;
	text-align: center;
	margin-bottom: 1.5rem;
	border-radius: .4rem;
	overflow: hidden;
	transition: all 0.3s ease;
}

.longma-wealth-image {
	width: 100%;
	height: 18rem;
	display: block;
	margin: 0 auto;
	transition: all 0.3s ease;
}

.longma-wealth-content:hover .longma-wealth-image {
	opacity: 0.8;
	transform: scale(1.02);
}

.longma-wealth-content::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 40rem;
	height: 100%;
	background-image: url('./main-bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20% auto;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 1;
}

.longma-wealth-content:hover::before {
	opacity: 0.5;
}

.longma-wealth-title {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: .75rem;
	transition: all 0.3s ease;
	position: absolute;
	bottom: .5rem;
	left: 5%;
	max-width: 50%;
	color: #fff;
	background-color: rgba(42, 96, 83, 0.8);
	padding: 1rem;
	border-radius: .4rem;
}

.longma-wealth-content:hover .longma-wealth-title {
	transform: translateY(-0.25rem);
}

.longma-capital-content {
	position: relative;
	text-align: center;
	margin-bottom: 1.5rem;
	border-radius: .4rem;
	overflow: hidden;
	transition: all 0.3s ease;
}

.longma-capital-image {
	width: 100%;
	height: 18rem;
	display: block;
	margin: 0 auto;
	transition: all 0.3s ease;
}

.longma-capital-content:hover .longma-capital-image {
	opacity: 0.8;
	transform: scale(1.02);
}

.longma-capital-content::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 40rem;
	height: 100%;
	background-image: url('./main-bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20% auto;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 1;
}

.longma-capital-content:hover::before {
	opacity: 0.5;
}

.longma-capital-title {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: .75rem;
	transition: all 0.3s ease;
	position: absolute;
	bottom: .5rem;
	left: 5%;
	max-width: 50%;
	color: #fff;
	background-color: rgba(42, 96, 83, 0.8);
	padding: 1rem;
	border-radius: .4rem;
}

.longma-capital-content:hover .longma-capital-title {
	transform: translateY(-0.25rem);
}

.longma-company-content {
	position: relative;
	text-align: center;
	margin-bottom: 1.5rem;
	border-radius: .4rem;
	overflow: hidden;
	transition: all 0.3s ease;
}

.longma-company-image {
	width: 100%;
	height: 18rem;
	display: block;
	margin: 0 auto;
	transition: all 0.3s ease;
}

.longma-company-content:hover .longma-company-image {
	opacity: 0.8;
	transform: scale(1.02);
}

.longma-company-content::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 40rem;
	height: 100%;
	background-image: url('./main-bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20% auto;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 1;
}

.longma-company-content:hover::before {
	opacity: 0.5;
}

.longma-company-title {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: .75rem;
	transition: all 0.3s ease;
	position: absolute;
	bottom: .5rem;
	left: 5%;
	max-width: 50%;
	color: #fff;
	background-color: rgba(42, 96, 83, 0.8);
	padding: 1rem;
	border-radius: .4rem;
}

.longma-company-content:hover .longma-company-title {
	transform: translateY(-0.25rem);
}
.article-header {
	border-bottom: .1rem solid #2563eb;
	padding-bottom: 1rem;
	margin-bottom: 2rem;
}
.data-highlight {
	color: #dc2626;
	font-weight: 600;
}
.company-tag {
	display: inline-block;
	background-color: #eff6ff;
	color: #2563eb;
	padding: .2rem .6rem;
	border-radius: .2rem;
	margin: .2rem .3rem;
	font-size: .9rem;
}
.quote-block {
	border-left: .2rem solid #94a3b8;
	padding: 1rem;
	background-color: #f8fafc;
	margin: 1rem 0;
	font-style: italic;
	color: #475569;
}
.news-header {
	border-bottom: .1rem solid #0f172a;
	padding-bottom: 1rem;
	margin-bottom: 2rem;
}
.reporter {
	color: #64748b;
	font-size: .9rem;
	margin-bottom: 1rem;
}
.stock-code {
	display: inline-block;
	background-color: #1e293b;
	color: #fff;
	padding: .2rem .6rem;
	border-radius: .2rem;
	font-size: .9rem;
	margin-right: .5rem;
}
.strategy-img{
	width: 3.5rem;
	height: fit-content;
	margin-right: 1rem;
	margin-bottom: .5rem;
}
.strategy{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.nav-icon {
    width: .8rem;
    height: .8rem;
    margin-left: .25rem;
    vertical-align: middle;
}

.footer-items, .footer-items1 {
    position: relative;
}


#news-detail-content {
    padding: 2rem 5rem;
    background-color: #fff;
}

.news-detail-container {
    max-width: 60rem;
    margin: 0 auto;
    padding: 0 4rem;
}
.data-highlight {
    color: #dc2626;
    font-weight: 600;
}

.company-tag {
    display: inline-block;
    background-color: #eff6ff;
    color: #2563eb;
    padding: 0.2rem 0.6rem;
    border-radius: 0.2rem;
    margin: 0.2rem 0.3rem;
    font-size: 0.9rem;
}

.quote-block {
    border-left: 0.2rem solid #94a3b8;
    padding: 1rem;
    background-color: #f8fafc;
    margin: 1rem 0;
    font-style: italic;
    color: #475569;
}

.stock-code {
    display: inline-block;
    background-color: #1e293b;
    color: #fff;
    padding: 0.2rem 0.6rem;
    border-radius: 0.2rem;
    font-size: 0.9rem;
    margin-right: 0.5rem;
}