@charset "UTF-8";
/* Variable Definition */
:root {
	/* Basic Background Color */
	--bg-base: #f8f8f8;
	--bg-active: #f5f5f5;
	--bg-item: #fafafa;
	/* Border Color */
	--border-base: #999;
	/* Basic Text Color */
	--text-title: #111;
	/* Title */
	--text-subtitle: #222;
	/* Subtitle */
	--text-main: #2b2b2b;
	/* Main Body Text */
	--text-regular: #333;
	/* Regular Text */
	--text-secondary: #616161;
	/* Secondary Text */
	--text-tertiary: #777;
	/* Tertiary Text */
	--text-summary: #939393;
	/* Summary Text */
	--text-extra: #717171;
	/* Extra Info Text */
	--text-time: #939393;
	/* Time Text */
	/* Functional Color */
	--color-primary: #116ff0;
	/* Primary Color */
	--color-link: #225592;
	/* Link Color */
	--color-hover: #f8f8f8;
	/* Hover Color */
	--color-error: #ed4014;
	/* Error Color */
	--color-highlight: #338fff;
	/* Highlight Color */
	--color-increase: #d13438;
	/* Increase/Rise Color */
	--color-reduce: #107c10;
	/* Decrease/Fall Color */
	/* Basic Color */
	--color-red: #f00;
	--color-white: #fff;
	--color-black: #000;
	--color-333: #333;
	--color-blue: #2d8cf0;
	/* 
	Font Size Variables - Named by Usage Scenario & Hierarchy
	xs - Extra Small, sm - Small, base - Base, md - Medium, lg - Large, xl - Extra Large
	*/
	/* Special Small Font Size - Use Only When Necessary (Too small may affect readability) */
	--fs-xs-: 9px;
	--fs-xs: 10px;
	/* Extra Small Text (e.g., Label, Auxiliary Explanation) */
	--fs-xs-plus: 11px;
	--fs-sm: 12px;
	/* Small Text (e.g., Auxiliary Info, Tag) */
	--fs-sm-plus: 13px;
	--fs-base: 14px;
	/* Base Text (e.g., Body Content) */
	--fs-base-plus: 15px;
	--fs-md: 16px;
	/* Medium Text (e.g., Emphasized Content, Small Subtitle) */
	--fs-md-plus: 17px;
	--fs-lg: 18px;
	/* Large Text (e.g., Secondary Title) */
	--fs-lg-plus: 19px;
	--fs-xl: 20px;
	/* Extra Large Text (e.g., Main Title) */
	--fs-xl-plus: 21px;
	--fs-2xl: 22px;
	/* Extra Extra Large Text (e.g., Important Title) */
	--fs-3xl: 24px;
	/* Super Large Text (e.g., Page Main Title) */
	/* Line Height (Matched with Font Size) */
	--lh-xs: 1.2;
	--lh-sm: 1.4;
	--lh-base: 1.5;
	/* Default Line Height for Body Text */
	--lh-lg: 1.6;
	--lh-xl: 1.8;
	/* Border Radius Variables - Sorted by Size from Small to Large */
	--rd: 0;
	/* No Radius */
	--rd-xs: 2px;
	/* Extra Small Radius */
	--rd-sm: 4px;
	/* Small Radius */
	--rd-md: 16px;
	/* Medium Radius */
	--rd-lg: 32px;
	/* Large Radius Base */
	--rd-xl: 80px;
	/* Extra Large Radius */
	--rd-full: 50%;
	/* Full Radius (Circle) */
	/* Spacing System (Padding / Margin) */
	/* Basic Spacing Unit (Minimum Granularity) */
	--spacing-unit: 4px;
	/* Padding */
	--pd: 0;
	/* No Padding */
	--pd-xs: calc(var(--spacing-unit) * 1);
	/* 4px */
	--pd-sm: calc(var(--spacing-unit) * 2);
	/* 8px */
	--pd-md: calc(var(--spacing-unit) * 3);
	/* 12px */
	--pd-lg: calc(var(--spacing-unit) * 4);
	/* 16px */
	--pd-xl: calc(var(--spacing-unit) * 6);
	/* 24px */
	/* Directional Spacing */
	--pd-x-sm: 0 var(--pd-sm);
	/* Horizontal Padding */
	--pd-x-md: 0 var(--pd-md);
	/* Horizontal Padding */
	--pd-x-lg: 0 var(--pd-lg);
	/* Horizontal Padding */
	--pd-x-xl: 0 var(--pd-xl);
	/* Horizontal Padding */
	--pd-y-sm: var(--pd-sm) 0;
	/* Vertical Padding */
	--pd-y-md: var(--pd-md) 0;
	/* Vertical Padding */
	--pd-y-lg: var(--pd-lg) 0;
	/* Vertical Padding */
	--pd-y-xl: var(--pd-xl) 0;
	/* Vertical Padding */
	/* Margin (Consistent with Padding System) */
	--mg: auto;
	/* Auto Margin (For Centering) */
	--mg-xs: var(--pd-xs);
	--mg-sm: var(--pd-sm);
	--mg-md: var(--pd-md);
	--mg-lg: var(--pd-lg);
	--mg-xl: var(--pd-xl);
	--mg-base-unit: 10px;
	/* Base Unit */
	--mg-tb-md: var(--pd-md) auto;
	--mg-tb-lg: var(--mg-base-unit) auto;
	--mg-t-lg: var(--mg-base-unit);
	--mg-b-lg: var(--mg-base-unit);
	/* Shadow (From Weak to Strong) */
	--sh-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
	/* Light Shadow */
	--sh-md: 0 2px 8px rgba(0, 0, 0, 0.08);
	/* Medium Shadow */
	--sh-lg: 0 4px 16px rgba(0, 0, 0, 0.12);
	/* Strong Shadow */
	--sh-inner: inset 0 2px 4px rgba(0, 0, 0, 0.05);
	/* Inner Shadow */
	/* Transparency State Shorthand */
	--alp-full: 0;
	/* Fully Transparent (Completely Invisible) */
	--alp-none: 1;
	/* Opaque (Completely Visible) */
	--alp-half: 0.5;
	/* Half Transparent */
	/* Scenario Shorthand */
	--alp-hov: 0.8;
	/* Hover Transparency */
	--alp-dis: 0.4;
	/* Disabled Transparency */
	--alp-mask: 0.6;
	/* Mask Transparency */
	/* Transition Animation */
	--trans-fast: 0.2s ease;
	/* Fast Transition */
	--trans-normal: 0.3s ease;
	/* Regular Transition */
	--trans-slow: 0.5s ease;
	/* Slow Transition */
	--safe-width: 1400px;
}
/* Import Local Font */
@font-face {
	font-family: 'CenturyGothic';
	src: url('/__l5e/assets-v1/eb818e85-6d7a-4a83-bdd8-0303e417b2a1/CenturyGothic.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'CenturyGothicbold';
	src: url('/__l5e/assets-v1/06655d63-5ab3-4b37-86d0-2366f6c0415f/CenturyGothicbold.ttf') format('truetype');
	font-style: normal;
	font-display: swap;
}
/* Basic Style */
body {
	font-family: 'CenturyGothic', Arial, sans-serif;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	background: linear-gradient(90deg, #FBEEFF 0%, #FFF8EE 100%);
}
div,
dl,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
img,
figure,
figcaption,
blockquote,
pre,
code,
table,
tr,
td,
th,
tbody,
thead,
tfoot,
fieldset,
legend,
textarea,
button,
button2,
input,
select,
option,
label,
form,
details,
summary,
article,
section,
main,
aside {
	margin: 0 auto;
	padding: 0;
	font-family: inherit;
	font-weight: normal;
}
h1,
h2,
strong,
b {
	font-family: 'CenturyGothicbold';
}
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-thumb {
	width: 10px;
	background-color: #d2d2d2;
	border-radius: 15px;
	transition: var(--trans-slow);
}
.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
}
.clearfix:after {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.wrap {
	width: var(--safe-width);
	margin: 0 auto;
}
/* Ensure Form Elements Also Inherit Font */
input,
button,
button2,
textarea,
select {
	font-family: inherit;
}
.f16{
	font-size: 16px;
}
.logo {
	width: 260px;
	height: 50px;
	overflow: hidden;
	text-indent: -10000px;
	background: url(/__l5e/assets-v1/424020fc-5af6-4d5d-af67-1782fdfc425f/logo_ease.png) no-repeat;
}
.header {
	position: relative;
	height: 1000px;
	min-width: var(--safe-width);
	overflow: hidden;
	border-radius: 0 0 560px 560px;
	z-index: 0;
}
.header .wrap {
	position: absolute;
	z-index: 6;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.header .video {
	position: relative;
	z-index: 0;
	top: 0;
	bottom: 0;
	padding: 0;
	overflow: hidden;
	background-color: #000;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.header .video .auto-fit-video {
	width: 100%;
	height: 1000px;
	object-fit: cover;
	display: block;
	background: transparent;
}
.header .video .cover {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background:#000;
	opacity: 0.4;
	/*background: linear-gradient(115deg, #9A04C9 0%, #510964 25%, #774421 75%, #F99C1E 100%);*/
}
.header.black {
	height: 1000px;
	background: #000;
	border-radius: 0 0 560px 560px;
}
.header.black .video .auto-fit-video {
	height: 1000px;
}
.header.black .video .cover {
	background:#000;
	opacity: 0.4;
}
.header.magenta {
	height: 1000px;
	margin-bottom: 0;
	background: #1f1a30;
	border-radius: 0;
	min-height: 400px;
}
.header.magenta .heading {
	margin-top: 200px;
}
.header.magenta .video .auto-fit-video {
	height: 1000px;
}
.header.magenta .video .cover {
	background: rgba(31, 26, 48, 0.6);
}
.header .heading {
	margin: 300px 100px 0;
	color: var(--color-white);
	font-size: 0; 
}
.header .heading .title {
	font-size: 70px;
	line-height: 1.12;
	margin-bottom: 30px;
	font-family: 'CenturyGothicbold';
}
.header .heading .desc {
	margin: 10px 0 50px;
	font-size: var(--fs-xl);
	line-height: 1.5;
}
.header .heading .desc.last {
	margin-bottom: 100px;
}
.header .header-bt{
	width: 500px;
	font-size: 0; /* Eliminate White Space Character Gap */
}

.header .header-bt a{
	display: inline-block;
	padding: 0 20px;
	border: solid 3px #fff;
	box-sizing: border-box;
	line-height: 44px;
	height: 50px;
	margin-right: 20px;
	font-size: var(--fs-md);
	font-family: 'CenturyGothicbold';
	border-radius: 50px;
	text-decoration: none;
	cursor: pointer;
	color: var(--color-white);
	transition: background 0.2s;
	overflow: hidden;
	width: auto;
}
.header .header-bt a:hover{
	 padding: 0 22.5px;
	line-height: 48px;
	height: 50px;
	border-width: 0px;
	background: linear-gradient(135deg, #a84dbf 0%, #b41ee6 45%, #ee510e 100%);

}

.header .heading .button {
	display: inline-block;
	padding: 0 20px;
	border: solid 3px #fff;
	box-sizing: border-box;
	line-height: 44px;
	height: 50px;
}
.header .heading .bSpec{
	border:none !important;
	padding: 0 23px;
	line-height: 50px;
}
.header .heading .button:hover {
	padding: 0 23px;
	line-height: 50px;
	height: 50px;
	border-width: 0px;
	
}

.header .heading .active {
	padding: 0 23px;
	line-height: 50px;
	height: 50px;
	border-width: 0px;
	background: linear-gradient(135deg, #a84dbf 0%, #b41ee6 45%, #ee510e 100%);
}
.container {
	position: relative;
	z-index: 1;
}
.container.through + .footer {
	margin-top: auto;
}
.navigation {
	position: fixed;
	z-index: 10;
	left: 50%;
	top: 50px;
	padding: 25px 40px;
	transform: translateX(-50%);
	width: 1320px;
	backdrop-filter: blur(10px);
	border-radius: 64px;
}
.navigation .logo {
	float: left;
}
.navigation .nav {
	float: right;
}
.navigation .nav a {
	display: block;
	color: #000;
	text-decoration: none;
}
.navigation .nav .menu {
	list-style: none;
	position: relative;
	margin: auto;
	padding: 0;
	font-size: var(--fs-md);
	font-family: CenturyGothicbold;
	height: 50px;
}
.navigation .nav .menu .item {
	display: inline-block;
	padding: 14px 0;
	margin-right: 30px;
	position: relative;
	cursor: pointer;
}
.navigation .nav .menu .item:last-child {
	margin-right: 0px;
}
.navigation .nav .menu .item.active {
	position: relative;
}
.navigation .nav .menu .item.active::before {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #55105c;
}
.navigation .nav .menu .item.active[data-menu="menu1"]::before {
	border-bottom-color: #8804B2;
}
.navigation .nav .menu .item.active[data-menu="menu2"]::before {
	border-bottom-color: #6F078E;
}
.navigation .nav .menu .item.active[data-menu="menu3"]::before {
	border-bottom-color: #58096E;
}
.navigation .nav .menu .item.active[data-menu="menu4"]::before {
	border-bottom-color: #601A58;
}
.navigation .nav .menu .item.active[data-menu="menu5"]::before {
	border-bottom-color: #8C3E47;
}
.navigation .nav .menu .item.active[data-menu="menu6"]::before {
	border-bottom-color: #BB6735;
}
.navigation .nav .menu .item.active[data-menu="menu7"]::before {
	border-bottom-color: #E88C24;
}
.navigation .nav .sub-menu {
	display: none;
	position: relative;
	margin: 4px auto 0 auto;
	padding: 0;
	list-style: none;
}
.navigation .nav .sub-menu::before {
	content: '';
	position: absolute;
	top: -8px;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, #A002D4 0%, #4E0A5F 50%, #F99B1D 100%);
	margin:6px auto 0 auto;
}
.navigation .nav .sub-menu > li {
	position: relative;
	padding: 16px 0;
	cursor: pointer;
}
.navigation .nav .sub-menu > li .icon {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	content: '';
	background: 50% no-repeat;
	margin-right: 9px;
}
.navigation .nav .sub-menu > li strong {
	width: 20%;
}
.navigation .nav .sub-menu > li strong,
.navigation .nav .sub-menu > li .desc {
	display: inline-block;
	vertical-align: middle;
}
.navigation .nav .sub-menu > li::before {
	bottom: 1px;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #A002D4 0%, #4E0A5F 50%, #F99B1D 100%);
	opacity: 0.1;
}
.navigation .nav .sub-menu > li::after {
	content: '';
	position: absolute;
	right: 5px;
	top: 50%;
	width: 8px;
	height: 8px;
	border: solid #222;
	border-width: 1px 1px 0 0;
	transform: rotate(45deg) translateY(-50%);
}

.navigation .nav .sub-menu a {
  color: #000;
  text-decoration: none;
  position: relative;
  background: linear-gradient(90deg, #9805C6, #F99A1A);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #000;
  transition: -webkit-text-fill-color 0.3s ease-in-out;
}

.navigation .nav .sub-menu a:hover {
  -webkit-text-fill-color: transparent;
  color: transparent; /* 为了兼容非 WebKit 浏览器 */
}

.navigation .body {
	position: relative;
	z-index: 5;
}
.navigation .bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	border-radius: 64px;
	background-color: var(--color-white);
	transition: all 0.3s;
}
.navigation .bg::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.01);
}
.navigation.scrolled .bg {
	opacity: 0.7;
}
.navigation.scrolled .bg::before {
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.01), 0 2px 12px rgba(0, 0, 0, 0.02);
}
/* 1. Core: Lock the Arrow of Active Item, Unaffected by Hover */
/*.navigation .nav .menu .item.active::before {
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  content: '' !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  z-index: 999 !important; /* Max Z-Index to Avoid Being Covered by Hover Style */
  /*opacity: 1 !important; /* Force Display, Unaffected by Hover Opacity */
  /*pointer-events: none !important;  Arrow Does Not Respond to Mouse Events to Avoid Interference */
/*}

/* 2. Assign Fixed Color to Each Active Menu (Consistent with Hover) */
/*.navigation .nav .menu .item.active[data-menu="menu0"]::before { border-bottom-color: #A002D3 !important; }
.navigation .nav .menu .item.active[data-menu="menu1"]::before { border-bottom-color: #8804B2 !important; }
.navigation .nav .menu .item.active[data-menu="menu2"]::before { border-bottom-color: #6F078E !important; }
.navigation .nav .menu .item.active[data-menu="menu3"]::before { border-bottom-color: #58096E !important; }
.navigation .nav .menu .item.active[data-menu="menu4"]::before { border-bottom-color: #601A58 !important; }
.navigation .nav .menu .item.active[data-menu="menu5"]::before { border-bottom-color: #8C3E47 !important; }
.navigation .nav .menu .item.active[data-menu="menu6"]::before { border-bottom-color: #BB6735 !important; }
.navigation .nav .menu .item.active[data-menu="menu7"]::before { border-bottom-color: #E88C24 !important; }
*/
/* 3. Prohibit Resetting the Arrow of Active Item When Hovering Other Menus */
/*.navigation .nav .menu .item:not(.active):hover ~ .item.active::before,
.navigation .nav .menu .item:hover .item.active::before {
  display: block !important;
  opacity: 1 !important;
}

/* 4. Keep Arrow Displayed in Frosted Glass State */
/*.navigation.scrolled .nav .menu .item.active::before {
  border-bottom-color: inherit !important; /* Inherit Own Color, Not Covered by Frosted Glass Style */
  /*z-index: 1000 !important;*/
/*}*/


/* Button */
.button, .button2 {
	display: inline-block;
	padding: 0 20px;
	line-height: 48px;
	margin-right: 20px;
	border: 1px solid var(--color-white);
	font-size: var(--fs-md);
	font-family: 'CenturyGothicbold';
	border-radius: 50px;
	text-decoration: none;
	cursor: pointer;
	color: var(--color-white);
	transition: background 0.2s;
	overflow: hidden;
}
.button2{
	border: 1px solid var(--color-black);
	color: var(--color-black);
}
.button.def {
	border-color: #222;
	border-width: 1px;
	color: inherit;
	background: none;
}
.button.def .ico {
	display: inline-block;
	vertical-align: text-bottom;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background: 50% / cover no-repeat;
}
.button.def .ico.pie {
	background-image: url('/__l5e/assets-v1/90cf0f92-eede-4dcb-835e-efdf2f12518d/icon-pie.png');
}
.button.def .ico.line-bar {
	background-image: url('/__l5e/assets-v1/647a1c82-c495-4b0e-834b-58b4ab789f02/icon-line_bar.png');
}
.button.def:hover .ico.pie {
	background-image: url('/__l5e/assets-v1/415d2df2-0fc7-4db3-8515-16eed439151c/icon-pie_.png');
}
.button.def:hover .ico.line-bar {
	background-image: url('/__l5e/assets-v1/4fea886c-2a20-4805-8b1e-5649c6eb4994/icon-line_bar_.png');
}
.button.def:hover {
	background: #666;
	color: var(--color-white);
}
.button.cont {
	border-color: #333;
	color: #000;
	background-color: transparent;
}


.button.spec,
.button:hover,
.button2:hover {
	background: linear-gradient(135deg, #4E0A5F 0%, #A002D4 45%, #F99C1E 100%);
	border: 0;
	line-height: 50px;
	padding: 0 20px;
	color: var(--color-white);
	
}
.button:hover,
.button2:hover,
.button.spec {
	position: relative;
	/* First Light Band - Faster Speed */
}
.button:hover::before,
.button2:hover::before,
.button.spec::before,
.button:hover::after,
.button2:hover::after,
.button.spec::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50px;
	opacity: 0;
	z-index: 1;
	pointer-events: none;
}
.button:hover::before,
.button2:hover::before,
.button.spec::before {
	background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.6) 20%, rgba(173, 216, 230, 0.7) 40%, rgba(255, 255, 255, 0.6) 60%, transparent 100%);
	animation: aurora-1 4s infinite linear;
	filter: blur(3px);
}
.button:hover::after,
.button2:hover::after,
.button.spec::after {
	background: linear-gradient(90deg, transparent 0%, rgba(200, 230, 255, 0.5) 15%, rgba(152, 251, 152, 0.6) 35%, rgba(200, 230, 255, 0.5) 55%, transparent 100%);
	animation: aurora-2 5s infinite linear;
	filter: blur(2px);
}
@keyframes aurora-1 {
	0% {
	transform: translateX(-100%);
	opacity: 0;
	}
	10% {
	opacity: 0.7;
	}
	30% {
	opacity: 0.8;
	}
	50% {
	opacity: 0.6;
	}
	70% {
	opacity: 0.4;
	}
	90% {
	opacity: 0.2;
	}
	100% {
	transform: translateX(200%);
	opacity: 0;
	}
}
@keyframes aurora-2 {
	0% {
	transform: translateX(-150%);
	opacity: 0;
	}
	15% {
	opacity: 0.5;
	}
	40% {
	opacity: 0.7;
	}
	60% {
	opacity: 0.5;
	}
	85% {
	opacity: 0.3;
	}
	100% {
	transform: translateX(150%);
	opacity: 0;
	}
}
.button:hover:hover{
	background: linear-gradient(135deg, #a84dbf 0%, #b41ee6 45%, #ee510e 100%);
	padding: 0 21px;
}
.button2:hover:hover{
	background: linear-gradient(135deg, #a84dbf 0%, #b41ee6 45%, #ee510e 100%);
	padding: 0 21px;
}
.button.spec:hover {
	background: linear-gradient(135deg, #a84dbf 0%, #b41ee6 45%, #ee510e 100%);
	padding: 0 20px;
}
.divider {
	text-align: center;
}
.divider::before,
.divider::after {
	display: inline-block;
	vertical-align: middle;
	margin: auto 20px;
	content: '';
	border-top: 1px solid #e8eaec;
	width: 40%;
}
/* Footer */
.footer {
	margin-top: 100px;
	padding: 150px 0;
	background-color: #1f1a30;
	color: var(--color-white);
	font-size: var(--fs-base);
}
.footer-links {
	display: flex;
	line-height: 2;
	padding-bottom: 50px;
}
.footer-links .col-links {
	flex: 1;
}
.footer-links .col-links > dt {
	padding: 5px 0;
	font-family: CenturyGothicbold;
}
.footer-links .col-links > dd {
	margin: 5px auto;
}
/*.footer-links .col-links a {
	color: var(--color-white);
	text-decoration: none;
}
.footer-links .col-links > dd a {
	color: #ccc;
}
.footer-links .col-links > dd a:hover {
	color: var(--color-white);
}*/

.footer-links .col-links a {
	color: #fff;
	text-decoration: none; /* Remove Default Underline */
	position: relative; /* Provide Positioning Context for Pseudo-elements */
	transition: color 0.2s ease-in-out;
}

/* Use ::after Pseudo-element to Create Custom Underline */
.footer-links .col-links a:hover {
	color: transparent; /* Hide Original Text Color */
	background: linear-gradient(90deg, #9805C6, #F99A1A); /* Rainbow Gradient */
	-webkit-background-clip: text; /* Clip Background to Text Shape */
	background-clip: text;
}

.footer .logo,
.footer .language,
.footer .state-media {
	display: inline-block;
	vertical-align: middle;
}
.footer .logo {
	background-image: url(/__l5e/assets-v1/6b54c748-4df9-4da6-9a88-01b7c2a98e9a/logo_ease2.png);
}
.footer .language {
	display: inline-block;
	padding: 30px 0;
	cursor: pointer;
	font-size: var(--fs-base);
}
.footer .language a {
	display: block;
	color: var(--color-white);
	cursor: pointer;
	text-decoration: none;
	position: relative;
}
.footer .language a .icon {
	position: absolute;
	left: 9px;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 5px;
	width: 20px;
	height: 20px;
	border-radius: var(--rd-full);
	background: 50% / cover no-repeat;
	content: '';
}
.footer .language a.current {
	padding: 0 10px 0 34px;
	line-height: 38px;
	border: 1px solid #ccc;
	border-radius: 32px;
}
.footer .language .select-child {
	display: none;
	white-space: nowrap;
	position: absolute;
	margin: -42px auto auto -1px;
	border-radius: 20px;
	padding: 0 0;
	border: 2px solid var(--color-white);
	background-color: #1f1a30;
	transition: all 0.2s;
}
.footer .language .select-child > a {
	padding: 0 10px 0	34px;
	line-height: 40px;
	color: #ccc;
}
.footer .language .select-child > a:hover {
	color: var(--color-white);
}
.footer .language .select-child > a:first-child {
	font-weight: bold;
}
.footer .language .select-child > a .icon {
	position: absolute;
	left: 9px;
	top: 50%;
	transform: translateY(-50%);
}
.footer .language .select-child > a::after {
	position: absolute;
	height: 1px;
	left: 38px;
	right: 8px;
	bottom: 0;
	background-color: #3A3157;
	content: '';
}
.footer .language .select-child > a:last-child::after {
	display: none;
}
.footer .language:hover .select-child {
	display: block;
}
.footer .state-media {
	margin: auto 50px;
}
.footer .state-media .item {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin: auto 3px;
	background: 50% / cover no-repeat;
	opacity: 0.9;
}
.footer .state-media .item:hover {
	opacity: 1;
}
.footer .subscribe {
	float: right;
	margin-top: 25px;
}
.footer .subscribe-bar {
	position: relative;
	padding: 0 80px 0 10px;
	background-color: var(--color-white);
	border-radius: 50px;
	line-height: 50px;
}
.footer .subscribe-bar .email {
	padding: 5px 10px;
	min-width: 200px;
	border: none;
	font-size: var(--fs-base);
}
.footer .subscribe-bar .email:focus {
	outline: none;
}
.footer .subscribe-bar .button {
	position: absolute;
	right: -22px;
	top: 0;
	height: 50px;
	padding: 0 20px;
}
.footer .subscribe dl {
	width: 320px;
	padding: 30px 15px 0px 15px;
	font-weight: bold;
}
.footer .subscribe dl dd {
	margin: 15px 0 0 0;
	font-size: var(--fs-xs-plus);
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-word;
	font-weight: normal;
	color: #666;
}
.privacy-policy {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
}
.privacy-policy .logo {
	margin-left: 0;
}
.privacy-policy .info {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 25px 50px;
	background-color: var(--color-white);
	display: flex;
	align-items: center;
	font-size: 0;
}
.privacy-policy .info dl {
	flex: 1;
	padding-right: 100px;
}
.privacy-policy .info dt {
	font-size: var(--fs-xl);
	font-weight: bold;
}
.privacy-policy .info dd {
	margin-left: auto;
	padding: 10px 0;
	font-size: var(--fs-sm);
	line-height: 1.36;
}
.privacy-policy .set {
	display: none;
	position: relative;
	z-index: 5;
	padding: 100px;
	width: 800px;
	background-color: var(--color-white);
	border-radius: var(--rd-xl);
	font-size: 0;
}
.privacy-policy .set dl {
	position: relative;
	margin: 50px auto 40px;
}
.privacy-policy .set dl:first-of-type {
	padding-top: 50px;
}
/*.privacy-policy .set dl:first-of-type::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(115deg, #9A04C9 0%, #510964 25%, #774421 75%, #F99C1E 100%);
	content: '';
}*/
.privacy-policy .set dl.manage{
	margin-top: 35px;
}
.privacy-policy .set dl dt {
	font-size: 24px;
	font-weight: bold;
}
.privacy-policy .set dl dd {
	padding: 23px 0 10px 0;
	font-size: var(--fs-base);
	margin-left: 0;
	line-height: 1.5;
	word-break: break-all;
}
.privacy-policy .set dl dd p {
	margin: 10px auto 20px;
}
.privacy-policy .set dl dd a {
	font-weight: bold;
	color: inherit;
}
.privacy-policy .set .manage ul {
	margin-top: 20px;
	list-style: none;
}
.privacy-policy .set .manage ul > li {
	border: 1px solid #ccc;
	border-radius: 24px;
	margin-bottom: -1px;
}
.privacy-policy .set .manage ul > li .hd {
	padding: 12px 10px;
	position: relative;
	font-size: var(--fs-md);
}
.privacy-policy .set .manage ul > li .hd > .collapse {
	cursor: pointer;
	font-weight: bold;
}
.privacy-policy .set .manage ul > li .hd > .collapse::before {
	content: '+';
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	text-align: center;
	font-size: 20px;
	line-height: normal;
}
.privacy-policy .set .manage ul > li .hd::after {
	display: none;
	height: 1px;
	background-color: #cdcdcd;
	content: '';
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
}
.privacy-policy .set .manage ul > li .hd > u {
	position: absolute;
	top: 8px;
	right: 20px;
}
.privacy-policy .set .manage ul > li .hd .switch {
	position: relative;
	width: 43px;
	height: 23px;
	float: right;
	margin-top: 4px;
}
.privacy-policy .set .manage ul > li .hd .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.privacy-policy .set .manage ul > li .hd .switch input:checked + .slider {
	background-color: #468254;
}
.privacy-policy .set .manage ul > li .hd .switch input:checked + .slider:before {
	transform: translateX(20px);
}
.privacy-policy .set .manage ul > li .hd .switch input::disabled + .slider {
	opacity: 0.5;
	cursor: not-allowed;
}
.privacy-policy .set .manage ul > li .hd .switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #646464;
	transition: 0.3s;
	border-radius: 23px;
}
.privacy-policy .set .manage ul > li .hd .switch .slider:before {
	position: absolute;
	content: "";
	height: 19px;
	width: 19px;
	left: 2px;
	bottom: 2px;
	background-color: var(--color-white);
	transition: 0.3s;
	border-radius: 50%;
}
.privacy-policy .set .manage ul > li .bd {
	padding: 10px 20px;
	line-height: normal;
	display: none;
	font-size: var(--fs-sm);
}
.privacy-policy .set .manage ul > li.active {
	background-color: var(--bg-base);
}
.privacy-policy .set .manage ul > li.active .hd > .collapse::before {
	content: '-';
}
.privacy-policy .set .manage ul > li.active .bd,
.privacy-policy .set .manage ul > li.active .hd::after {
	display: block;
}


.ColorT {
	/* Key Step 1: Set Linear Gradient Background from Black to White Top to Bottom */
	background-image: linear-gradient(to right, #9607C2, #F99A1A);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* --- Basic Link Style --- */
/* CSS */
.bg-zoom-wrapper {
  overflow: hidden;
  border-radius:64px;
  position: relative; /* Restrict Child Element Positioning */
}

/* Original Zoom Container: Relative Positioning, Scaling Does Not Affect Parent Container */
.bg-zoom-box {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-size: 100% 100%;
  transition: transform 0.3s ease;
  cursor: pointer;
  transform-origin: center center;
  position: relative; /* Position Relative to Parent Container */
}

.bg-zoom-box:hover {
  transform: scale(1.1);
}