* {
	margin: 0;
	padding: 0;
}

input {
	display: none;
}
.lxx > img,
.lxx_ppf img,
.lxx_wf > img {
	width: 100%;
	display: block;
	object-fit: contain;
}

.lxx {
	position: relative;
}

.lxx_tab {
	width: 80%;
	height: 30%;
	margin-left: 15%;
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: space-between;
}

.lxx_tab > label {
	width: 35%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.lxx_tab > label > img {
	width: 100%;
	object-fit: contain;
	position: absolute;
}

.wf-series-brief {
	padding: 3% 1% 0 4%;
	height: 47%;
}

.wf-series-brief > img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 5 / 2;
	object-position: top;
}

.wf-series-info {
	height: 47%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	width: 92%;
	padding: 0 1% 1% 7%;
}

.wf-series-left {
	height: 100%;
	position: relative;
}

.wf-series-left > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.wf-series-right {
	flex: 1;
	margin-left: 10%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.wf-series_tab {
	display: flex;
	height: 20%;
	position: relative;
}

.wf-series_tab > .divide {
	width: 2px;
	height: 100%;
	background-color: #99999a;
	margin: 0 5rem;
}

.wf-series-tab-name {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.window-film {
	height: 43%;
}

.windscreen_bt,
.rear-window_bt {
	height: 35%;
	display: flex;
	gap: 1.8rem;
}

.windscreen_bt > label {
	background-image: url("../../img2023/lxx/windscreen_bt.png");
}

.rear-window_bt > label {
	background-image: url("../../img2023/lxx/rear_window_bt.png");
}

.windscreen_bt > label,
.rear-window_bt > label {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align: center;
	font-size: 1.5rem;
	padding: 0 1rem;
	font-weight: bold;
	color: #19558b;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 175 / 57;
}

.wf-series_tab img {
	height: 100%;
	object-fit: contain;
}

.wf-series-item-data {
	width: 90%;
	padding-right: 10%;
}

.wf-series-item-data > img {
	width: 100%;
	object-fit: contain;
}

.wf-series-item-material {
	gap: 5rem;
	font-size: 2rem;
}

.wf-series-tip {
	color: #464548;
	font-size: 1.2rem;
	line-height: 2rem;
	margin-bottom: 5%;
	font-weight: 500;
}

.wf-series {
	background-image: url("../../img2023/lxx/wf_series_bg.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 640 / 561;
	width: 100%;
}

.wf-install {
	background-image: url("/../../img2023/lxx/wf_install_bg.jpg");
	aspect-ratio: 40 / 23;
}

.wf-service {
	background-image: url("/../../img2023/lxx/wf_service_bg.jpg");
	aspect-ratio: 960 / 323;
}

.wf-warning {
	background-image: url("/../../img2023/lxx/wf_warning_bg.jpg");
	aspect-ratio: 240 / 67;
}

.wf-install,
.wf-service,
.wf-warning {
	background-repeat: no-repeat;
	background-size: contain;
	color: #464548;
	position: relative;
}

.wf-install > div {
	position: relative;
	top: 10%;
	bottom: 10%;
	left: 4%;
	right: 1%;
	height: 80%;
	width: 95%;
}

.wf-install img,
.wf-service img,
.wf-warning img {
	display: block;
}

.wf_headline {
	height: 3rem;
	object-fit: contain;
	object-position: left;
}

.wf-install-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

.wf-install-schedule {
	width: 30%;
	object-fit: contain;
}

.wf-service-container {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	position: relative;
	top: 25%;
	bottom: 25%;
	left: 4%;
	right: 1%;
	width: 95%;
	height: 50%;
}

.wf-service-container > img {
	height: 100%;
	width: 50%;
	object-fit: contain;
}

.wf-service-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: 1.4rem;
	line-height: 2.4rem;
	width: 60%;
}

.wf-warning-container {
	position: relative;
	top: 20%;
	bottom: 20%;
	left: 4%;
	right: 1%;
	width: 95%;
	height: 60%;
}

.wf-warning-list {
	display: flex;
	justify-content: space-between;
	margin: 3% 0;
}

.wf-warning-item {
	margin: 2rem 3% 2rem 0;
	line-height: 2rem;
	font-size: 1rem;
}

.wf-warning-item:nth-child(1) {
	flex: 1;
}

.lxx_tab > label > img:nth-child(2) {
	display: none;
}

.lxx_ppf,
.lxx_wf {
	display: none;
}

.lxx > input:nth-child(1):checked ~ .lxx_tab > label:nth-child(1) > img:nth-child(2),
.lxx > input:nth-child(2):checked ~ .lxx_tab > label:nth-child(2) > img:nth-child(2),
.lxx:has(input:nth-child(1):checked) ~ .lxx_ppf,
.lxx:has(input:nth-child(2):checked) ~ .lxx_wf {
	display: block;
}

.wf-series-preview > img {
	display: none;
}

.lxm-75,
.lxm-15,
.lxm-25,
.lxd-75,
.lxd-15,
.lxd-35 {
	display: none;
}

.lxm .wf-series-info > input:nth-child(1):checked ~ .wf-series-preview > img:nth-child(1),
.lxm .wf-series-info > input:nth-child(2):checked ~ .wf-series-preview > img:nth-child(2),
.lxm .wf-series-info > input:nth-child(3):checked ~ .wf-series-preview > img:nth-child(2),
.lxd .wf-series-info > input:nth-child(1):checked ~ .wf-series-preview > img:nth-child(1),
.lxd .wf-series-info > input:nth-child(2):checked ~ .wf-series-preview > img:nth-child(2),
.lxd .wf-series-info > input:nth-child(3):checked ~ .wf-series-preview > img:nth-child(2) {
	display: block;
}

.lxm .wf-series-info > input:nth-child(1):checked ~ .wf-series-right .lxm75_label,
.lxm .wf-series-info > input:nth-child(2):checked ~ .wf-series-right .lxm15_label,
.lxm .wf-series-info > input:nth-child(3):checked ~ .wf-series-right .lxm25_label,
.lxd .wf-series-info > input:nth-child(1):checked ~ .wf-series-right .lxd75_label,
.lxd .wf-series-info > input:nth-child(2):checked ~ .wf-series-right .lxd15_label,
.lxd .wf-series-info > input:nth-child(3):checked ~ .wf-series-right .lxd35_label {
	background: #144d82;
	color: #fff;
}

.lxm .wf-series-info > input:nth-child(1):checked ~ .wf-series-right .lxm-75,
.lxm .wf-series-info > input:nth-child(2):checked ~ .wf-series-right .lxm-15,
.lxm .wf-series-info > input:nth-child(3):checked ~ .wf-series-right .lxm-25,
.lxd .wf-series-info > input:nth-child(1):checked ~ .wf-series-right .lxd-75,
.lxd .wf-series-info > input:nth-child(2):checked ~ .wf-series-right .lxd-15,
.lxd .wf-series-info > input:nth-child(3):checked ~ .wf-series-right .lxd-35 {
	display: flex;
}

html {
		font-size: 20px!important;
	}

@media screen and (max-width: 1280px) {
html {
		font-size: 14px!important;
	}
}

@media screen and(max-width: 2560px) {
	html {
		font-size: 20px!important;
	}
}

@media screen and(max-width: 1920px) {
	html {
		font-size: 18px!important;
	}
}

@media screen and(max-width: 1650px) {
	html {
		font-size: 16px!important;
	}
}

@media screen and(max-width: 1440px) {
	html {
		font-size: 14px!important;
	}
}

@media screen and(max-width: 1280px) {
	html {
		font-size: 11px!important;
	}
}

@media screen and(max-width: 1024px) {
	html {
		font-size: 8px!important;
	}
}

@media screen and(max-width: 768px) {
	html {
		font-size: 8px!important;
	}
}