* {
	margin: 0;
	padding: 0;
}


#QuickKey {
	max-width: 2560px;
	width: 100%;
	margin: 0 auto;
	height: auto;
	/* QuickKey_module7 */
}

#QuickKey a {
	text-decoration: none;
	display: inline-block;
}

#QuickKey img {
	height: auto;
	vertical-align: middle;
}

#QuickKey h1,
#QuickKey h2,
#QuickKey p,
#QuickKey span,
#QuickKey a {
	text-align: center;
	font-family: Roboto;
	box-sizing: border-box;
}

#QuickKey p,
#QuickKey span,
#QuickKey a {
	font-weight: 400;
}

#QuickKey .main-container {
	max-width: 72.9166666667vw;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#QuickKey .main-container img {
	width: 100%;
}

#QuickKey .imgbox {
	text-align: center;
}

#QuickKey .main-container .w1080 {
	max-width: 56.25vw;
	margin: 0 auto;
}


#QuickKey .QuickKey_title {
	font-size: 2.5vw;
	font-weight: bold;
	color: #fff;
	line-height: 3.3333vw;
	margin-bottom: 1.4583vw;
}

#QuickKey .QuickKey_module_add_5 .QuickKey_title,
#QuickKey .QuickKey_module_add_6 .QuickKey_title,
#QuickKey .QuickKey_module7 .QuickKey_title {

	color: #000;
}

#QuickKey .QuickKey_module_add_6 .QuickKey_title span {
	font-size: 1.5vw;
	vertical-align: top;
	line-height: 1.5;
}

#QuickKey .QuickKey_module_add_6 .imgbox {
	position: relative;
}

#QuickKey .QuickKey_module_add_6 .imgbox img {
	border-radius: .8333vw;
}

#QuickKey .QuickKey_module_add_6 .imgbox .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, calc(50% + 20px)) scale(0);
	width: 7.2917vw;
	opacity: 0;
	transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease;
}

#QuickKey .QuickKey_module_add_6 .imgbox .icon.revealOnScroll {
	transform: translate(-50%, -50%);
	opacity: 1;
	animation: iconGlow 2s ease-in-out infinite;
	animation-delay: 0.6s;
	border-radius: 50%;
}

@keyframes iconGlow {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}

	50% {
		box-shadow: 0 0 .0417vw .5208vw rgba(255, 255, 255, 0.3);
	}
}

#QuickKey .QuickKey_module_add_6 .QuickKey_text_btm {
	text-align: center;
	font-family: Roboto;
	font-weight: 400;
	font-size: .9375vw;
	color: #000000;
	line-height: 1.4063vw;
	opacity: 0.75 !important;
	margin-top: 1.5625vw;
}

#QuickKey .QuickKey_module_add_6 .QuickKey_text_btm span {

	font-size: .625vw;
	color: #000000;
	line-height: 1.5;
	opacity: 0.75 !important;
	vertical-align: top;
}



#QuickKey .QuickKey_text {
	font-size: .9375vw;
	color: #BFBFBF;
	line-height: 1.5;
	margin: 0 auto 3.125vw;
	max-width: 50vw;
}

#QuickKey .QuickKey_text.mb108 {
	margin-bottom: 5.625vw;
}

#QuickKey .QuickKey_module_add_5 .QuickKey_text {
	color: #404040
}

#QuickKey .QuickKey_module_add_6 .QuickKey_text {
	color: #404040;
	margin-bottom: 3.1771vw;
}

#QuickKey .QuickKey_module7 .QuickKey_text {
	color: #404040;
	margin-bottom: 2.6563vw;
}

#QuickKey .QuickKey_module7 .QuickKey_text.swipertxt {
	font-family: Roboto;
	font-weight: 400;
	font-size: .9375vw;
	color: #000000;
	line-height: 1.4063vw;
	opacity: 0.75 !important;
	margin-top: 3.2292vw;
	margin-bottom: 9.375vw;
}

#QuickKey .QuickKey_text.margin0 {
	margin: 0 auto;
}

#QuickKey .pc {
	display: block;
}
#xencelabs_product_specifications_content .pc{
	display: block;
}
#xencelabs_product_specifications_content .mo{
	display: none;
}


#QuickKey .mo {
	display: none;
}

#QuickKey .module-content {
	width: 100%;
	position: relative;
	background-color: #000;
}

#QuickKey .module-content img {
	width: 100%;
}

#QuickKey .QuickKey_m1_posi {
	position: absolute;
	top: 7.03125vw;
	left: 0;
	width: 100%;
	height: auto;
	text-align: center;
}

#QuickKey .QuickKey_m1_posi .QuickKey_title {
	margin-top: 0;
	color: #000;
	line-height: 1;
}

#QuickKey .btn-box {
	margin-top: 2.0313vw;
}

#QuickKey .btn-box a {
	display: inline-block;
	font-size: .9375vw;
	padding: .5729vw 1.1458vw .625vw;
	color: #000;
	line-height: 1;
	border-radius: 1.0416666667vw;
	background-color: #FFCB05;
}

#QuickKey .btn-box2 {
	text-align: center;
	margin-top: .8333vw;
	opacity: 0;
	transition: all 0.3s ease;
}

#QuickKey .btn-box2 .btn-box2-inner {
	background: #FFCB05;
	border-radius: .8333vw;
	display: inline-block;
	padding: .6771vw .1021vw .6771vw 2.2396vw;
	text-align: left;
	width: 16.5%;
}

#QuickKey .btn-box2 a {
	display: block;
	text-decoration: none;
	font-family: 'Roboto';
	font-weight: 400;
	font-size: .8333vw;
	color: #000000;
	line-height: 1.4583vw;
	text-align: left;
	position: relative;
	opacity: .7 !important;
}

#QuickKey .btn-box2 a::before {
	content: '';
	display: inline-block;
	background: #000000;
	border-radius: 50%;
	width: .4167vw;
	height: .4167vw;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-200%, -50%);
	display: none;
}

#QuickKey .btn-box2 a:hover {
	font-weight: bold;
	font-size: .9375vw;
	color: #000000;
	opacity: 1;
}

#QuickKey .btn-box2 a:hover::before {
	display: block;
}

#QuickKey .Qm1_p1 {
	font-size: 1.25vw;
	color: #000;
	line-height: 1;
	font-weight: bold;
}

#QuickKey .banner-page-box {
	position: absolute;
	bottom: 7.5520833333vw;
	left: 13.5416666667vw;
	z-index: 2;
}

#QuickKey .banner-page-box p {
	font-size: 0.9375vw;
	color: #808080;
	padding: 0 1.0416666667vw;
	margin-bottom: 0.8333333333vw;
	cursor: pointer;
	text-align: left;
	line-height: 1;
}

#QuickKey .banner-page-box p.active {
	font-weight: bold;
	color: #fff;
	border-left: 0.15625vw solid;
}

#QuickKey .QuickKey_module2 {
	padding: 9.375vw 0 6.25vw;
	background-color: #fff;
}

#QuickKey .module2-inner {
	text-align: center;
}

#QuickKey .module-title {
	background-size: cover;
	padding: 5.2083333333vw 0;
}

#QuickKey .title-wrap_1 {
	background-image: url(/Uploads/images/xencelabs/detail/images/img_title_1.webp);
	padding-top: 12.5vw;
	padding-bottom: 3.125vw;
}

#QuickKey .title-wrap_2 {
	background-image: url(/Uploads/images/xencelabs/detail/images/img_title_2.webp);
	padding: 12.4479vw 0;
}

#QuickKey .title-wrap_3 {
	background-image: url(/Uploads/images/xencelabs/detail/images/img_title_3.webp);
	padding-top: 2.6042vw;
}

#QuickKey .title-wrap_3 .title-inner-wrap h2 {
	font-size: 3.75vw;
	line-height: 4.4792vw;
}

#QuickKey .title-wrap_4 {
	padding-bottom: 12.3438vw;
	padding-top: 12.5vw;
}

#QuickKey .title-wrap_5 {
	padding-bottom: 0;
}

#QuickKey .title-inner-wrap {
	position: relative;
	max-width: 72.9167vw;
	padding: 2.6042vw 0;
	margin: 0 auto;
}

#QuickKey .title-inner-wrap h2 {
	font-size: 3.75vw;
	font-weight: bold;
	color: #FFCB05;
	margin-bottom: 1.5104vw;
}

#QuickKey .title-inner-wrap p {
	font-size: 1.875vw;
	color: #FFCB05;
}

#QuickKey .title-inner-wrap::before,
#QuickKey .title-inner-wrap::after,
#QuickKey .title-inner-wrap .icon-box {
	content: "";
	position: absolute;
	width: 1.40625vw;
	height: 1.4583333333vw;
	box-sizing: border-box;
}

#QuickKey .title-inner-wrap::before,
#QuickKey .title-inner-wrap::after {
	border-top: 0.3125vw solid #FFCB05;
	top: 0;
}

#QuickKey .title-inner-wrap::before,
#QuickKey .title-inner-wrap .bt-left {
	left: 0;
	border-left: 0.3125vw solid #FFCB05;
}

#QuickKey .title-inner-wrap::after,
#QuickKey .title-inner-wrap .bt-right {
	right: 0;
	border-right: 0.3125vw solid #FFCB05;
}

#QuickKey .title-inner-wrap .icon-box {
	border-bottom: 0.3125vw solid #FFCB05;
	bottom: 0;
}


#QuickKey .QuickKey_module_add {
	padding-top: 9.1666666667vw;
	background: #fff;
}

#QuickKey .video-content:first-child {
	margin-bottom: 10.4688vw;
}

#QuickKey .video-content video {
	width: 100%;
	border-radius: 1.5625vw;
}

#QuickKey .video-content.mb180 {
	margin-bottom: 9.375vw;
}

#QuickKey .video-content.flex-cl {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

#QuickKey .video-content.flex-cl2 {
	margin-top: 7.9167vw;
	justify-content: start;
	margin-bottom: 2.6042vw;
}
#QuickKey .video-content.flex-cl .QuickKey_box{
	max-width: 38%;
}
/* #QuickKey .video-content.flex-cl4 .QuickKey_box{
	max-width: 100%;
} */

#QuickKey .video-content.flex-cl2 .QuickKey_box{
	max-width: 28%;
}


#QuickKey .video-content.flex-cl img {
	width: 35.4167vw;
	border-radius: .8333vw;
}

#QuickKey .video-content.flex-cl2 img {
	width: 48.4896vw;
	margin-right: 4.6875vw;
}

#QuickKey .video-content.flex-cl4 .img1 {
	width: 24.9479vw;
	border-radius: .8333vw .8333vw 0 0;
}

#QuickKey .video-content.flex-cl4 .img1box_txt {
	font-family: Roboto;
	font-weight: bold;
	font-size: 1.25vw;
	color: #000000;
	line-height: 1.4063vw;
	background-color: #fff;
	text-align: center;
	width: 24.9479vw;
	border-radius: 0 0 .8333vw .8333vw;
	padding: .8333vw 0;
}

#QuickKey .video-content.flex-cl4 .img2 {
	width: 35.4167vw;
}

#QuickKey .video-content.flex-cl .QuickKey_title {
	text-align: left;
	line-height: 3.3333vw;
}

#QuickKey .video-content.flex-cl .QuickKey_text {
	text-align: left;
}

#QuickKey .video-content.flex-cl .QuickKey_selltext {
	text-align: left;
	margin-top: 4.1667vw;
}

#QuickKey .video-content.flex-cl .QuickKey_selltext em {
	font-family: Roboto;
	font-weight: 400;
	font-size: 1.0417vw;
	color: #000000;
	display: inline-block;
	font-style: normal;
	line-height: 1;
}

#QuickKey .video-content.flex-cl .QuickKey_selltext span {
	font-family: Roboto;
	font-weight: 400;
	font-size: 3.3333vw;
	color: #FFCB05;
	display: inline-block;
	line-height: 1;
}

#QuickKey .video-content.flex-cl .QuickKey_selltext .iaf {
	margin-right: 3.1771vw;
}

#QuickKey .video-content.flex-cl3 {
	justify-content: flex-end;
	margin-bottom: 8.0729vw;
}

#QuickKey .video-content.flex-cl3 .QuickKey_selltext {
	font-size: .9375vw;
	color: #404040;
	line-height: 1.4063vw;
	font-style: italic;
	opacity: 0.7 !important;
}

#QuickKey .video-content.flex-cl3 .QuickKey_box {
	width: 28.5vw;
}

#QuickKey .video-content.flex-cl3 img {
	width: 48.6458vw;
	margin-right: 8vw;
}

#QuickKey .video-content.flex-cl4 {
	align-items: end;
	justify-content: center;
	gap: 2.1354vw;
	margin: 7.2917vw auto 10.4688vw;
	max-width: 62.5vw;
}

#QuickKey .video-content.flex-cl4 .QuickKey_text {
	margin-bottom: .78vw;
}

#QuickKey .video-content.flex-cl4 .QuickKey_text.p2 {
	margin-bottom: 3.0104vw;
}

#QuickKey .QuickKey_module_add_2 {
	background-color: #000;
}

#QuickKey .seamless-text-box {
	max-width: 41.6666666667vw;
	margin: -5.2083333333vw 10.4166666667vw 0 auto;
}

#QuickKey .seamless-content {
	position: relative;
}

#QuickKey .seamless-text-box.box1 {
	margin: 0;
	position: absolute;
	left: 13.4896vw;
	top: 18.2292vw;
	max-width: 31%;
}

#QuickKey .seamless-selltext-box {
	display: flex;
	justify-content: space-between;
	padding: 0 13.6458vw;
	transform: translate(0, -12.2083333333vw);

}

#QuickKey .seamless-selltext-box .seamless-sellitem {
	width: 22.9167vw;
	background: #262626;
	border-radius: .8333vw;
	overflow: hidden;
	position: relative;
}

#QuickKey .seamless-selltext-box .seamless-sellitem .seamless-sellimgtxt {
	position: absolute;
	top: 4.2833vw;
	left: 13.75vw;
}

#QuickKey .seamless-selltext-box .seamless-sellitem .seamless-sellimgtxt p {
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 1.0417vw;
	color: #000000;
	line-height: 1.25vw;
	text-align: left;
	vertical-align: middle;
}

#QuickKey .seamless-selltext-box .seamless-sellitem .seamless-sellimgtxt p::before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 0.55vw solid transparent;
	border-right: 0.8vw solid #000;
	border-bottom: 0.55vw solid transparent;
	margin-right: 0.5vw;
	vertical-align: middle;
	line-height: 1.25vw;
}

#QuickKey .seamless-selltext-box .seamless-sellitem .seamless-sellimgtxt p:first-child {
	margin-bottom: 6.229vw;
}

#QuickKey .seamless-content.pb100 {
	background: #101011;
}

#QuickKey .seamless-selltext-box img {
	width: 100%;
	max-width: 22.9167vw;
}

#QuickKey .seamless-selltext-box .seamless-sellitem-title {
	text-align: left;
	font-family: Roboto;
	font-weight: bold;
	font-size: 1.25vw;
	color: #FFFFFF;
	line-height: 1;
	margin: 3.125vw 2.0313vw 1.4583vw;
}

#QuickKey .seamless-selltext-box .seamless-sellitem-txt {
	text-align: left;
	font-family: Roboto;
	font-weight: 400;
	font-size: .8333vw;
	color: #FFFFFF;
	line-height: 1.4063vw;
	opacity: 0.5 !important;
	margin: 0 2.0313vw 3.2292vw 2.0313vw
}




#QuickKey .seamless-text-box.thin-box {
	margin: 0 auto 0 10.4166666667vw;
}

#QuickKey .left-text-box h2,
#QuickKey .left-text-box p {
	text-align: left;
}

#QuickKey .seamless-img {
	width: 100%;
}

#QuickKey .thin-content {
	text-align: center;
	margin: 10.4166666667vw 0;
}

#QuickKey .thin-img {
	width: 72.1875vw;
}

#QuickKey .point-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto 6.25vw;
	max-width: 46.875vw;
}

#QuickKey .point-item {
	width: 32%;
	text-align: center;
}

#QuickKey .point-item p {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.0416666667vw;
	color: #FFCB05;
	text-align: left;
	margin-left: 0.9375vw;
}

#QuickKey .point-item img {
	width: 5.2083333333vw;
}

#QuickKey .QuickKey_module_add_3 {
	padding: 9.8958333333vw 0 2.6041666667vw;
	background-color: #000;
}

#QuickKey .size-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#QuickKey .QuickKey_module_add_4 {
	background-color: #000;
}

#QuickKey .QuickKey_module_add_4 .size-content {
	top: 8.3333333333vw;
}

#QuickKey .keys-note {
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 2.6041666667vw;
	font-size: 1.0416666667vw;
	font-style: italic;
	color: #808080;
	width: 100%;
}

#QuickKey .streamlined-details-box {
	padding: 8.8541666667vw 0 10.4167vw;
}

#QuickKey .streamlined-details-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

#QuickKey .streamlined-details-list.margin40 {
	justify-content: center;
	gap: 1.0417vw;
}

#QuickKey .streamlined-details-list.margin40 .streamlined-item {
	margin-bottom: 0;
}

#QuickKey .margin40 {
	margin-top: 3.6458333333vw;
}

#QuickKey .streamlined-item {
	position: relative;
	width: 42.2%;
	margin-bottom: 1.0416666667vw;
}

#QuickKey .pen-detail-item {
	position: relative;
	width: 32.8%;
	margin-bottom: .5208vw;
	border-radius: .8333vw;
	overflow: hidden;
}

#QuickKey .pen-detail-item .streamlined-text-box {
	top: 1.5625vw;
	max-width: 90%;
}

#QuickKey .streamlined-item img {
	border-radius: .8333vw;
}

#QuickKey .streamlined-text-box {
	position: absolute;
	top: 1.5104vw;
	left: 1.6146vw;
}

#QuickKey .ring {
	position: absolute;
	top: 1.5104vw;
	right: 1.6146vw;
	width: 3.3333vw !important;
	height: 3.3333vw;
}
#QuickKey .streamlined-details-list.margin40 .streamlined-title{
	max-width: 70%;
}

#QuickKey .streamlined-title {
	font-size: 1.25vw;
	color: #000;
	text-align: left;
	font-weight: bold;
}
#QuickKey .streamlined-title span{
	font-size:.85vw;
	color: #000;
	text-align: left;
	font-weight: bold;
	line-height: 1.5;
	vertical-align: top;
}
#QuickKey .streamlined-remark span{
	font-size:.75vw;
	color: #000;
	text-align: left;
	font-weight: bold;
	line-height: 1.3;
	vertical-align: top;
}
#QuickKey .QuickKey_module_add_6 .QuickKey_text span{
	font-size:.65vw;
	color: #000;
	text-align: left;
	font-weight: bold;
	line-height: 1.8;
	vertical-align: top;
}

#QuickKey .streamlined-remark {
	font-size: .8333vw;
	color: #000;
	text-align: left;
	margin-top: .7813vw;
	line-height: 1.5;
	opacity: .75 !important;
}

#QuickKey .streamlined-item_1 {
	width: 60.7%;
}

#QuickKey .streamlined-item_2 {
	width: 37.8%;
}

#QuickKey .pen-detail-item_1 {
	width: 49.6%;
}

#QuickKey .pen-detail-item_1:first-child .streamlined-text-box {
	width: 60%;
}

#QuickKey .last-note {
	position: absolute;
	bottom: 0.8333333333vw;
	left: 2.0833333333vw;
	font-size: 0.7291666667vw;
	color: #808080;
	text-align: left;
}

#QuickKey .footer-swiper-content {
	padding-top: 0;
	background-color: #fff;
}

#QuickKey .QuickKey_module7 {
	background-color: #fff;
	padding: 7.2916666667vw 0;
}

#QuickKey .swiper-img-wrap {
	width: 100%;
	padding-bottom: 3.125vw;
}

#QuickKey #QKey_m7 {
	padding-bottom: 2.6438vw;
}

#QuickKey #QKey_m7 .QKey_m7_pag {
	max-width: 56.25vw;
	left: 50%;
	transform: translate(-50%, 0);
}

#QuickKey #QKey_m7 .swiper-slide img {
	width: 100%;
	border-radius: .8333vw;
}

#QuickKey .swiper-img-wrap .swiper-pagination-bullet {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 2.0833vw 0 1.1458vw;
	background: none;
	display: inline-block;
	font-family: Roboto;
	font-weight: 400;
	font-size: .9375vw;
	color: #404040;
	border-right: 1px solid #000;
	border-radius: 0;
	opacity: 1;

}

#QuickKey .swiper-img-wrap .swiper-pagination-bullet:last-child {
	border: none;
}

#QuickKey .swiper-img-wrap .swiper-pagination-bullet-active {
	font-weight: bold;
}

#QuickKey .swiper-img-wrap .swiper-pagination-bullet::before {
	position: relative;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 99;
	content: "";
	width: .4167vw;
	height: .4167vw;
	display: inline-block;
	border-radius: 50%;
	background: #000;
	margin-right: .5208vw;
	opacity: 0;
	font-weight: bold;
}

#QuickKey .swiper-img-wrap .swiper-pagination-bullet-active::before {
	opacity: 1;
}

#QuickKey .swiper-img-wrap.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 0;
}

#QuickKey #QKey_m7 .swiper-slide p {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 1.0416666667vw;
	text-align: center;
	color: #4c4c4c;
	font-size: 1.0416666667vw;
}

#QuickKey #QKey_m8 .swiper-pagination-bullet {
	width: 1.0417vw;
	height: 1.0417vw;
	background: #000000;
	border-radius: 50%;
	opacity: 0.2 !important;
	margin-right: 1.0417vw;
	padding: 0;
}

#QuickKey #QKey_m8 .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

#QuickKey #QKey_m8 .swiper-pagination-bullet-active {
	background: #000000;
	opacity: 1 !important;
}

#QuickKey #QKey_m8 .swiper-pagination-bullet::before {
	display: none;
}

#QuickKey #QKey_m8 {
	padding-bottom: 3.0417vw;
}



@media screen and (max-width: 750px) {
	html, body { overflow-x: hidden; }
	#QuickKey .main-container {
		max-width: 91.867vw;
	}

	#QuickKey .pc {
		display: none;
	}

	#QuickKey .mo {
		display: block;
	}

	#QuickKey .Qm1_p1 {
		font-size: 4.8vw;
		;
		line-height: 1.3;
		width: 70%;
		margin: 0 auto 1.6666666667vw;
	}

	#QuickKey .QuickKey_title {
		font-size: 8.533vw;
		line-height: 1.25;
		margin: 0 auto;
	}

	#QuickKey .QuickKey_m1_posi .QuickKey_title {
		line-height: 1.25;
		margin-bottom: 2.3333333333vw;

	}

	#QuickKey .QuickKey_text {
		font-size: 4.267vw;
		margin: 0 auto 10.667vw;
		max-width: 82.6666666667vw;
	}

	#QuickKey .QuickKey_m1_posi {
		top: 20.8vw;
	}

	#QuickKey .btn-box {
		margin-top: 5.3333333333vw;
	}

	#QuickKey .btn-box a {
		font-size: 3.7333333333vw;
		padding: 2vw 4vw;
		border-radius: 4vw;
		margin-bottom: 2.6666666667vw;
	}

	#QuickKey .btn-box2 a {
		font-size: 3.2vw;
		margin-bottom: 1.6666666667vw;
		line-height: 1.2;
	}

	#QuickKey .btn-box2 a:hover {
		font-size: 3.733vw;
	}

	#QuickKey .btn-box2 a:hover::before {
		width: 1.667vw;
		height: 1.667vw;

	}

	#QuickKey .btn-box2 .btn-box2-inner {
		width: 58%;
		padding: 2.6771vw .1021vw 2.6771vw 5.2396vw;

	}

	#QuickKey .btn-box2 a:last-child {
		margin: 0;
	}

	#QuickKey .btn-box a:first-child {
		margin-right: 0;
	}


	#QuickKey .banner-page-box {
		bottom: 10.6666666667vw;
		left: 4vw;
	}

	#QuickKey .banner-page-box p {
		font-size: 3.7333333333vw;
		padding: 0 2.6666666667vw;
		margin-bottom: 2.1333333333vw;
	}

	#QuickKey .banner-page-box p.active {
		border-left: 0.8vw solid;
	}
	#QuickKey .streamlined-details-list.margin40 .streamlined-title{
		max-width: 85%;
	}
	#QuickKey .video-content.flex-cl .QuickKey_box{
		max-width: 85%;
	}
	
	#QuickKey .video-content.flex-cl2 .QuickKey_box{
		max-width: 85%;
	}

	#QuickKey .streamlined-title {
		font-size: 4.267vw;
		max-width: 85%;
		line-height: 5.333vw;
	}
	#QuickKey .pen-detail-item.xl_mo .streamlined-title {
		font-size: 5.333vw;
	}
	#QuickKey .pen-detail-item.pen-detail-item_1 .streamlined-title {
		font-size: 5.333vw;
	}

	#QuickKey .streamlined-remark {
		font-size: 3.2vw;
		max-width: 97%;
		margin-top: 2.467vw;
	}

	#QuickKey .pen-detail-item {
		width: 48%;
		margin-bottom: 4vw;
		border-radius: 2.133vw;
	}

	#QuickKey .pen-detail-item.xl_mo {
		width: 100%;
	}
	#QuickKey .pen-detail-item_1:first-child .streamlined-text-box{
		width: 67%;
	}

	#QuickKey .pen-detail-item .streamlined-text-box {
		top: 4vw;
	}

	#QuickKey .streamlined-text-box {
		top: 5.3333333333vw;
		left: 5.3333333333vw;
	}

	#QuickKey .pen-detail-item_1 {
		width: 100%;
	}

	#QuickKey .last-note {
		bottom: 2.6666666667vw;
		left: 5.3333333333vw;
		font-size: 2.4vw;
	}

	#QuickKey .title-wrap_1 {
		background-image: url(/Uploads/images/xencelabs/detail/images/h5/img_title_1.webp);
	}

	#QuickKey .title-wrap_2 {
		background-image: url(/Uploads/images/xencelabs/detail/images/h5/img_title_2.webp);
	}

	#QuickKey .title-wrap_3 {
		background-image: url(/Uploads/images/xencelabs/detail/images/h5/img_title_3.webp);
		padding-top: 11.333vw !important;
	}

	#QuickKey .module-title {
		padding: 21.2vw 0 8.9333333333vw;
	}

	#QuickKey .title-inner-wrap {
		max-width: 85.3333333333vw;
		padding: 4vw 0 5.5vw;
	}

	#QuickKey .title-inner-wrap h2 {
		font-size: 10.667vw;
		margin-bottom: 3.2vw;
	}

	#QuickKey .title-inner-wrap p {
		font-size: 5.333vw;
		;
	}

	#QuickKey .title-inner-wrap::before,
	#QuickKey .title-inner-wrap::after,
	#QuickKey .title-inner-wrap .icon-box {
		width: 3.6vw;
		height: 3.7333333333vw;
	}

	#QuickKey .title-inner-wrap::before,
	#QuickKey .title-inner-wrap::after {
		border-top: 0.8vw solid #FFCB05;
	}

	#QuickKey .title-inner-wrap::before,
	#QuickKey .title-inner-wrap .bt-left {
		border-left: 0.8vw solid #FFCB05;
	}

	#QuickKey .title-inner-wrap::after,
	#QuickKey .title-inner-wrap .bt-right {
		border-right: 0.8vw solid #FFCB05;
	}

	#QuickKey .title-inner-wrap .icon-box {
		border-bottom: 0.8vw solid #FFCB05;
	}

	#QuickKey .video-content video {
		border-radius: 4vw;
	}

	#QuickKey .seamless-text-box {
		max-width: 100%;
		margin: auto;
	}

	#QuickKey .seamless-text-box.thin-box {
		margin: auto;
	}

	#QuickKey .seamless-text-box .QuickKey_title {
		margin: 0 auto;
		max-width: 82.6666666667vw;
	}

	#QuickKey .left-text-box {
		padding-top: 12.8vw;
	}

	#QuickKey .seamless-img {
		width: 94.6666666667vw;
		max-width: 100%;
		margin-top: -23%;
	}

	#QuickKey .thin-img {
		width: 93.3333333333vw;
	}

	#QuickKey .thin-content {
		margin: 18.6666666667vw 0;
	}

	#QuickKey .point-list {
		margin: 0 auto 9.3333333333vw;
		max-width: 94.6666666667vw;
	}

	#QuickKey .point-item img {
		width: 13.3333333333vw;
	}

	#QuickKey .point-item p {
		display: block;
		font-size: 3.7333333333vw;
		text-align: center;
		margin-top: 2.6666666667vw;
	}

	#QuickKey .bg-box {
		width: 100%;
		height: 48vw;
		background-color: #000;
	}

	#QuickKey .keys-note {
		font-size: 3.2vw;
		bottom: 8.6666666667vw;
	}

	#QuickKey .swiper-img-wrap {
		padding-bottom: 8vw;
	}

	#QuickKey .swiper-img-wrap .swiper-pagination-bullet {
		width: 2.6666666667vw;
		height: 2.6666666667vw;
		margin: 0 1.3333333333vw;
		padding: 0;
	}

	#QuickKey .streamlined-item {
		width: 100%;
		margin-bottom: 2.6666666667vw;
	}

	#QuickKey #QKey_m7 .swiper-slide p {
		bottom: 2.6666666667vw;
		font-size: 2.6666666667vw;
	}

	#QuickKey .video-content.flex-cl {
		flex-direction: column;
	}

	#QuickKey .video-content.flex-cl .QuickKey_title {
		line-height: 1.25;
		text-align: center;
		margin-bottom: 7.467vw;
	}

	#QuickKey .video-content.flex-cl .QuickKey_text {
		text-align: center;
	}

	#QuickKey .video-content.flex-cl .QuickKey_selltext {
		text-align: center;
	}

	#QuickKey .video-content.flex-cl .QuickKey_selltext span {
		font-size: 13.333vw;
	}

	#QuickKey .video-content.flex-cl .QuickKey_selltext em {
		font-size: 4.267vw;
	}

	#QuickKey .video-content.flex-cl .QuickKey_selltext .iaf {
		margin-right: 13.333vw;
	}

	#QuickKey .video-content.flex-cl img {
		width: 100%;
		margin: 10.8vw 0 0;
	}
	

	#QuickKey .video-content.flex-cl.flex-cl2 {
		flex-direction: column-reverse;
		margin-top: 21.733vw;
		
	}
	#QuickKey .QuickKey_module_add_2{
		margin-top: 29.733vw;
	}

	#QuickKey .seamless-selltext-box {
		flex-direction: column;
		padding: 0 4vw;

	}

	#QuickKey .seamless-selltext-box .seamless-sellitem {
		width: 100%;
		margin-bottom: 8.133vw;
	}

	#QuickKey .seamless-selltext-box img {
		max-width: 100%;
	}

	#QuickKey .seamless-img {
		width: 100%;
	}

	#QuickKey .seamless-text-box.box1 {
		left: 8vw;
		top: 13.467vw;
		max-width: 85%;
		padding-top: 0;
	}
	#QuickKey .video-content.flex-cl2 .QuickKey_box{
		max-width: 85%;
	}

	#QuickKey .seamless-text-box .QuickKey_title {
		margin-bottom: 5.067vw;
	}

	#QuickKey .seamless-text-box .QuickKey_text {
		font-size: 3.2vw;
	}

	#QuickKey .seamless-selltext-box .seamless-sellitem-title {
		font-size: 4.267vw;
		line-height: 1;
		margin: 5.2vw 4.133vw 3.2vw;
	}

	#QuickKey .seamless-selltext-box .seamless-sellitem-txt {
		font-size: 3.2vw;
		line-height: 1.3;
		margin: 0 4.133vw 5.6vw;
	}

	#QuickKey .seamless-selltext-box .seamless-sellitem .seamless-sellimgtxt {
		left: 50%;
		transform: translate(-50%);
		display: flex;
		width: 95%;
		top: 25.2833vw;
		justify-content: space-around;
	}

	#QuickKey .seamless-selltext-box .seamless-sellitem .seamless-sellimgtxt p {
		font-family: Roboto;
		font-weight: 400;
		font-size: 3.2vw;
		line-height: 1;
		color: #000000;
		display: flex;
		flex-direction: column;
		margin-bottom: 0;
		justify-content: center;
		align-items: center;
	}
	#QuickKey .QuickKey_module_add_6 .imgbox img{
		border-radius: 2.133vw;
	}

	#QuickKey .seamless-selltext-box .seamless-sellitem .seamless-sellimgtxt p:first-child {
		margin-bottom: 0;

	}

	#QuickKey .seamless-selltext-box .seamless-sellitem .seamless-sellimgtxt p::before {
		transform: rotate(90deg);
		margin-bottom: 2.133vw;
	}

	#QuickKey .video-content.flex-cl3 .QuickKey_box {
		width: 100%;
	}

	#QuickKey .title-wrap_2 {
		padding-bottom: 20vw;
	}

	#QuickKey .QuickKey_module_add_6 .QuickKey_title {
		margin-bottom: 7.467vw;
	}

	#QuickKey .QuickKey_module_add_6 .QuickKey_title span {
		font-size: 3.533vw;
	}

	#QuickKey .QuickKey_module_add_6 .QuickKey_text {
		margin-bottom: 7.733vw;
	}

	#QuickKey .QuickKey_module_add_6 .QuickKey_text_btm {
		font-size: 3.2vw;
		line-height: 1;
		margin-top: 5.2vw;
	}

	#QuickKey .QuickKey_module_add_6 .QuickKey_text_btm span {
		font-size: 2.2vw;
		line-height: 1;
	}

	#QuickKey .video-content:first-child {
		margin-bottom: 22.267vw;
	}

	#QuickKey .video-content.flex-cl .QuickKey_selltext {
		font-size: 3.2vw;
		line-height: 1;
		margin-top: 8.933vw;
	}

	#QuickKey .title-wrap_3 .title-inner-wrap h2 {
		font-size: 10.667vw;
		line-height: 12vw;
		
	}

	#QuickKey .video-content.flex-cl4 {
		justify-content: center;
	}

	#QuickKey .video-content.flex-cl4 .QuickKey_box {
		width: 100%;
		max-width: 100%;
	}

	#QuickKey .video-content.flex-cl4 .img1,
	#QuickKey .video-content.flex-cl4 .img2 {
		width: 100%;
	}

	#QuickKey .video-content.flex-cl4 .img1box_txt {
		width: 100%;
		font-size: 4.267vw;
		color: #000000;
		line-height: 1;
		text-align: left;
		padding: 5.067vw 4vw 2.800vw 4vw;
		border-radius: 0;
	}

	#QuickKey .video-content.flex-cl4 .img1box_txt2 {
		padding: 0 4vw 4.267vw 4vw;
		background-color: #fff;
		text-align: left;
		font-family: Roboto;
		font-weight: 400;
		font-size: 3.2vw;
		color: #000000af;
		line-height: 1.2;
	}

	#QuickKey .video-content.flex-cl4 .img1box {
		position: relative;
		border-radius: 2.133vw;
		overflow: hidden;
	}

	#QuickKey .video-content.flex-cl4 .img1box_txtbox {
		position: absolute;
		top: 0;
	}

	#QuickKey .video-content.flex-cl4 .img2 {
		margin-bottom:4vw;
	}

	#QuickKey .video-content.flex-cl4 .QuickKey_text {
		margin-bottom: 1vw;
	}
	#QuickKey .video-content.mo .imgbox{
		text-align: center;
	}
	#QuickKey .video-content.mo1 .imgbox img{
		width: 100%;
		border-radius: 0;
	}
	#QuickKey .video-content.mo2 .imgbox img{
		width: 84.933vw;
	}
	#QuickKey .video-content.mo3 .imgbox img{
		width: 87.067vw;
	}
	#QuickKey .video-content.mo4 .imgbox img{
		width: 90.133vw;
		margin-bottom: 21.867vw;
	}
	#QuickKey .video-content.mo .QuickKey_title{
		margin-top: 26.267vw;
	}

	#QuickKey .video-content.flex-cl4 .QuickKey_text.p2 {
		margin-bottom: 12.267vw;
	}

	#QuickKey .video-content.flex-cl4 .QuickKey_title,
	#QuickKey .video-content.flex-cl4 .QuickKey_text {
		text-align: left;
	}

	#QuickKey .video-content.flex-cl4 .QuickKey_title {
		padding: 0;
	}

	#QuickKey .main-container .w1080 {
		max-width: 100%;
	}

	#QuickKey .video-content .QuickKey_title {
		margin-bottom: 7.467vw;
		max-width: 84.533vw;
	}

	#QuickKey .title-wrap_4 {
		padding: 21.333vw 0;
	}

	#QuickKey .video-content.flex-cl4 {
		max-width: 100%;
		gap: 4vw;
	}
	


}


#QuickKey .QuickKey_module_add7 {
	background: #F2F2F2;
	padding: 9.375vw 0;
}

#QuickKey .tab-header {
	margin-bottom: 2.1354vw;
}

#QuickKey .tab-header .tab-item {
	display: inline-block;
	background: #E6E6E6;
	border-radius: 1.5625vw;
	padding: .625vw 2.0313vw .625vw 1.4583vw;
	margin-right: 1.6146vw;
	transition: all .3s;
}

#QuickKey .tab-header .tab-item:hover {
	cursor: pointer;
}

#QuickKey .tab-header .tab-item.active {
	background: #FFCB05;
}

#QuickKey .tab-header .tab-dot {
	display: inline-block;
	width: 1.875vw;
	height: 1.875vw;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: .8854vw;
}

#QuickKey .tab-header .tab-dot.black {
	background: #000;
}

#QuickKey .tab-header .tab-dot.white {
	background: #fff;
}

#QuickKey .tab-text {
	font-family: Roboto;
	font-weight: bold;
	font-size: 1.25vw;
	color: #000000;
	vertical-align: middle;
}

#QuickKey .tab-pane img {
	border-radius: .8333vw;
	margin-bottom: .5208vw;
}

#QuickKey .tab-pane .imgL {
	width: 40.1042vw;
}

#QuickKey .tab-pane .imgR {
	width: 21.3542vw;
}

#QuickKey .tab-container {
	padding-left: 6.0938vw;
}

#QuickKey .tab-pane {
	display: flex;
	gap: 1.0417vw;
	display: none;
	transition: all .3s;
}

#QuickKey .tab-pane.active {
	display: flex;
}


.video-animate {
	opacity: 0;
	transition: opacity 0.5s ease;
	position: absolute;
	left: 50%;
	top: 6%;
	transform: translate(-50%, 0);

}

.video-animate.active {
	opacity: 1;
}

#video-animate {
	position: relative;
}

#QuickKey #video-animate .QuickKey_title {
	margin-bottom: 1.8229vw;
}

/* #video-animate2 {
	position: sticky;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 999;
}
.static_height {
	height: 240vh;
} */
#video-animate2 video{
	border-radius: 0 !important;
}



/* 添加新的样式来处理视频容器 */
.video-content {
	position: relative;
	z-index: 2; /* 确保内容在视频上层 */
}

/* 确保其他内容在视频动画区域上方 */
.QuickKey_module_add_6 {
	position: relative;
	z-index: 3;
}



/* 防止内容重叠 */
.main-container {
	position: relative;
	z-index: 2;
}

#QuickKey #QKey_m7 .swiper-pagination-bullet{
	font-size: 1.0417vw;
}

@media screen and (max-width: 750px) {
	#QuickKey #video-animate video {
		padding-top: 5vw;
	}

	#video-animate {
		margin-top: 12vw;
	}

	.video-animate {
		position: relative;
		display: none;
		height: 45vw;
		text-align: center;
	}

	.video-animate.active {
		display: block;
	}

	.video-animate .QuickKey_title {
		display: none;
	}

	.video-animate.active .QuickKey_title {
		display: block
	}

	#QuickKey #video-animate .QuickKey_title {
		margin: 0 auto 7.467vw;
		max-width: 95%;
	}

	#QuickKey .tab-header {
		text-align: center;
		padding-bottom: 6.2vw;
	}

	#QuickKey .tab-header .tab-item:last-child {
		margin-right: 0;
	}

	#QuickKey .tab-text {
		font-size: 4.267vw;
	}

	#QuickKey .tab-header .tab-item {
		border-radius: 5.2vw;
		padding: 2vw 2.8vw;
		margin-right: 2.467vw;
	}
	#QuickKey .tab-header .tab-dot{
		margin-right: 2.933vw;
		width: 6.133vw;
		height:6.133vw
	}
	

	#QuickKey .tab-pane {
		flex-direction: column;
		gap:0
	}
	
	
	

	#QuickKey .tab-container {
		padding-left: 0;
	}

	#QuickKey .tab-pane .imgL {
		width: 100%;
		margin-bottom: 4vw;
	}

	#QuickKey .tab-pane .imgR {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

	#QuickKey .tab-pane .imgR img {
		width: 48%;
	}

	#QuickKey .streamlined-details-list.margin40 {
		gap: 4vw;
	}

	#QuickKey .QuickKey_module7 .QuickKey_title {
		margin: 7.467vw 0;
	}
	#QuickKey .QuickKey_title.lft{
		text-align: left;
		margin: 0 auto 7.467vw;
        max-width: 82.6666666667vw
	}

	#QuickKey .QuickKey_module7 .QuickKey_text {
		margin-bottom: 11.067vw;
	}

	#QuickKey #QKey_m7 .swiper-pagination-bullet {
		width: 50%;
		height: auto;
		font-size: 3.75vw;
		margin: 0 0 3.333vw;
	}
	#QuickKey #QKey_m7 .swiper-pagination-bullet:nth-child(1){
		width: 46%;
	}
	#QuickKey #QKey_m7 .swiper-pagination-bullet:nth-child(2){
		border: none;
		width: 53%;
	}

	#QuickKey #QKey_m7 .swiper-pagination-bullet:last-child {
		width: 100%;
	}

	#QuickKey #QKey_m7.swiper-container-horizontal>.swiper-pagination-bullets {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		justify-content: center;
		max-width: 100%;
	}

	#QuickKey .QuickKey_module7 .QuickKey_text.swipertxt {
		font-size: 3.2vw;
		line-height: 1.3;
		margin-top: 5.867vw;
		margin-bottom: 11.067vw;
	}
	#QuickKey .swiper-img-wrap .swiper-pagination-bullet-active::before{
		opacity: 0;
	}

	#QuickKey #QKey_m7{
		padding-bottom: 22vw;
	}
	#QuickKey .QuickKey_module7{
		padding-top: 0;
	}
	#QuickKey .streamlined-item img,#QuickKey .tab-pane img,#QuickKey .video-content.flex-cl img,#QuickKey #QKey_m7 .swiper-slide img{
		border-radius: 2.133vw;
	}
	#QuickKey #QKey_m8 .swiper-pagination-bullet{
		width: 2.667vw;
		height: 2.667vw;
	}
	#QuickKey #QKey_m8 {
		padding-bottom: 6.0417vw;
	}
	#QuickKey .QuickKey_text.mb108{
		margin-bottom: 16.8vw;
		text-align: left;
	}
	#xencelabs_product_specifications_content .mo{
		display: block;
	}
	#xencelabs_product_specifications_content .pc{
		display: none;
	}
	#QuickKey .streamlined-title span{
		font-size: 3.85vw;
		line-height: 0.8;
		color: #000;
		text-align: left;
		font-weight: bold;
		vertical-align: top;
	}
	#QuickKey .QuickKey_module_add_6 .QuickKey_text span{
		font-size:2.75vw;
		color: #000;
		text-align: left;
		font-weight: bold;
		line-height: 1.8;
		vertical-align: top;
	}
	#QuickKey .streamlined-remark span{
		font-size:2.55vw;
	}


}

#nebulawhite .Specifications_div_add{
	font-size: 1.083vw;  
	color: #ffffff;
	margin: 0;
	padding: 0;
  }
  @media screen and (max-width: 768px){
	  #nebulawhite .Specifications_div_add{
		  font-size: 3.083vw ;
		  line-height: 1.5;
		  margin-bottom: 3.067vw;
  }
  }


  
  .navMenu li .navMenu_navbar_li_ai{
	font-weight: normal !important;
  }
  


  #QuickKey .add_box_1 .QuickKey_title{line-height: 1;margin-bottom:4.688vw ;}
  #QuickKey .add_box_1 .add_box_2{display: flex;justify-content: center;gap: 9.063vw;margin-bottom: 9.4271vw;}
  #QuickKey .add_box_1 .add_box_2 .add_box_3{text-align: center;}
  #QuickKey .add_box_1 .add_box_2 .add_box_3 .img_1{text-align: center;}
  #QuickKey .add_box_1 .add_box_2 .add_box_3 .img_1 img{width: 21.875vw;height: auto;}
  #QuickKey .add_box_1 .add_box_2 .add_box_3 .img_2 img{width: 4.167vw;height: auto;margin: 2.0313vw 0 .7813vw;}
  #QuickKey .add_box_1 .add_box_2 .add_box_3 .add_box_txt{font-family: Roboto;font-weight: 400;font-size: .9375vw;color: #000000;line-height: 1.33;text-align: center;}
  #QuickKey .add_box_1 .add_box_2 .add_box_3 .add_box_txt.fwb,
  #QuickKey .add_box_1 .add_box_2 .add_box_3 .add_box_txt.fwb span{font-weight: bold;}
  #QuickKey .add_box_1 .add_box_2 .add_box_3 .add_box_txt span{font-family: Roboto;font-weight: inherit;font-size: .7813vw;color: #000000;line-height: 1.33;vertical-align: top;}
  #QuickKey .add_box_1 .add_box_2 .add_box_3 .add_box_txt1{font-family: Roboto;font-weight: bold;font-size: 1.5625vw;color: #000000;line-height: 2}
  #QuickKey .add_box_1 .add_box_2 .add_box_3 .add_box_txt2{font-family: Roboto;font-weight: 400;font-size: 1.0417vw;color: #000000;line-height: 1.2;border-bottom: 1px solid #BFBFBF;padding-bottom: 2.0833vw;}
  #QuickKey .add_box_1 .add_box_2 .add_box_3 .add_box_txt5{margin: 1.5625vw 0;}
  #QuickKey .add_box_1 .add_box_2 .add_box_3 .add_box_txt7{margin: 1.5625vw 0;}
  
  @media screen and (max-width: 750px) {
    #QuickKey .add_box_1 .QuickKey_title {
        margin: 9.467vw 0px;
		line-height: 1.25;
    }
	/* #QuickKey .add_box_1 .add_box_2 .add_box_3{
		max-width: 36.4vw;
	} */
	#QuickKey .add_box_1 .add_box_2 .add_box_3 .img_1 img{
		width: 32.875vw;
	}
	#QuickKey .add_box_1 .add_box_2 .add_box_3 .add_box_txt1{
		font-size: 4.267vw;
		line-height: 1.1;
		margin: 2.467vw 0 1.867vw;
	}
	#QuickKey .add_box_1 .add_box_2 .add_box_3 .add_box_txt2{
		font-size: 3.2vw;
		padding-bottom: 8vw;
	}
	#QuickKey .add_box_1 .add_box_2 .add_box_3 .img_2 img{
		width: 13.333vw;
		margin: 7.867vw 0 3.333vw;
	}
	#QuickKey .add_box_1 .add_box_2 .add_box_3 .add_box_txt{
		font-size: 3.2vw;
	}
	#QuickKey .add_box_1 .add_box_2 .add_box_3 .add_box_txt5 ,
	#QuickKey .add_box_1 .add_box_2 .add_box_3 .add_box_txt7{
		margin: 3.5625vw 0;
	}
	#QuickKey .add_box_1 .add_box_2 .add_box_3 .add_box_txt span{
		font-size: 2vw;
	}
	#QuickKey .add_box_1 .add_box_2{
		margin-bottom: 21.733vw;
	}
	
}
/*# sourceMappingURL=seriesPage.css.map */