#header {position:absolute;top:0;width:100%;}
#header .header-bg {background-color:#5353538f;}

.bg-green {background-color:#56b13c;}

.main-banner {padding:0;}
.banner-special video {width:100%;}

.panel-calculator-box {padding:34px 15px;border:1px solid #888;background-color:#fff;margin:0px 20px;z-index:1000;position:relative;border-radius:15px;margin-bottom:40px;}
.panel-calculator-box b {display:block;font-size:34px;color:#333;text-transform:uppercase;line-height:38px;padding-bottom:15px;font-weight:800;}
.panel-calculator-box span {display:block;margin-bottom:15px;text-align:center;line-height:26px;font-size:17px;}
.panel-calculator-box a {border-radius:18px;padding:8px 35px;color:#fff;display:inline-flex;}
.panel-calculator-box .box2 {text-align:center;}

.bestseller {margin-bottom:40px;}
.bestseller h3 {font-size:26px;font-weight:bold;padding-left:12px;}

.product-box {width:16%;max-width:200px;margin-right:7px;float:left;min-height:252px}
.product-box .coupon-image {position:absolute;width:50px;height:50px;}
.product-box .coupon-image img {max-height:50px;max-width:50px;}

.panel-protect-box {top:-20px;}
.panel-protect-box b {font-size:50px;line-height:39px;}
.panel-protect-box span {font-size:17px;}
.panel-protect-box .box2 img {height:82px;}
.panel-protect-box a.btn-protect {font-size:16px;padding:8px 35px;}

.information-box {width:30%; margin:1%;border:1px solid #c6c6c6;border-radius:10px;float:left;text-align:center;}
.information-box .name {background-color:#eee;font-size:18px;padding:10px;border-radius:10px 10px 0 0;height:70px;font-weight:bold;}
.information-box .text {padding:10px 10px 20px;min-height:185px;font-size:14px;line-height:24px;}
.information-box .text a {margin-top:20px;padding:7px 25px;font-size:14px;border-radius:15px;color:#fff;}

.slider {position:relative;width:100%;overflow:hidden;aspect-ratio:22 / 9;}
.slide {position:absolute;top:0;left:0;width:100%;display:none;}
.slide img {width:100%;object-fit:cover;}
.slide.active {display:block;}

@media (max-width: 1300px) {
	.main-banner {background-size:cover;}
	.main-banner video {left:0}
}

@media (max-width: 767px) {
	#header {position:relative;}
	.panel-protect-box {text-align:center;}
	.panel-protect-box .p30 {width:32%;float:left;}
	.panel-protect-box .box2 img {width:100%;height:auto;}

	.panel-calculator-box {text-align:center;}
	.product-box {width:46%;}
	.information-box {width:100%}
	.main-banner {top:-95px;}
	.banner-special video {width:160%;margin-left:-60%;}
	.slider {aspect-ratio:20/12;}
}
@media (max-width: 400px) {
}