﻿@charset "UTF-8";
#pd_battery_05 .product_box .img-box,#pd_home_08 .product_box .img-box{width: 250px;}
.product_box .img-box figcaption{font-weight: 600;font-size: 24px;color: #383838;padding-top: 20px;}
.product_box h5{font-weight: 600;font-size: 20px;color: #383838;padding-left: 15px;}
.product_box_02 h4{font-weight: 600;font-size: 24px;color: #000000; padding-left: 25px;padding-bottom: 15px; position: relative;}
.product_box_02 h4::before{content: "";width: 100%;height: 4px;position: absolute;left: 0;bottom: 0;background: linear-gradient(270deg,rgba(93, 212, 186, 1) 12.19%, rgba(204, 208, 0, 1) 95.97%);}
.table_custom{position: relative;font-weight: 600;font-size: 16px;color: #000000;}
.table_custom td{padding-left: 25px;}
.table_custom td.col_title{padding-top: 20px;padding-left: 15px;}
.table_custom::before,.table_custom::after{content: "";width: 100%;height: 4px; position: absolute;left: 0;top: 0;}
.table_custom::after{top: auto;bottom: 0;}
.table_purple::before,.table_purple::after{background: linear-gradient(270deg, rgba(213, 47, 255, 1) 12.19%, rgba(72, 237, 248, 1) 95.97%);}
.table_green::before,.table_green::after{background: linear-gradient(270deg, rgba(93, 212, 186, 1) 12.19%, rgba(204, 208, 0, 1) 95.97%);}
.table_custom .col_title > span{font-weight: 600; font-size: 12px;  color: #FFFFFF; border-radius: 21px; padding: 0; height: 28px; display: flex;
 width: 72px; flex-wrap: wrap; align-content: center; justify-content: center;}
.table_custom .col_title > span.long{width: 100px;}
.table_custom .col_title > span.long2{width: 150px;}
.table_custom.table_purple .col_title > span{background: #AD66FD;}
.table_custom.table_green .col_title > span{background: #66D5AD;}
.product_title h2{font-weight: 600;font-size: 36px;text-align: center;letter-spacing: 0.1em;color: #383838;padding: 15px 0 63px;position: relative;}
.product_title h2::before{content: "";width: 156px;height: 63px;background-image: url("../images/icon_arrow_down.svg");background-position: center;background-size: contain;background-repeat: no-repeat;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
#pd_battery_01 .box{max-width: 910px; margin: 0 auto;}
#pd_battery_01 .box .type{font-weight: 400;font-size: 24px;text-align: center;color: #383838;}
#pd_battery_01 .box .type span{display: inline-block;width: 268px;border-left:1px solid #000000;}
#pd_battery_01 .box .type span:nth-child(2){border-right: 1px solid #000000;}
.product_parallax{width: 100%; height: 679px;background-repeat: no-repeat;background-size: cover; background-position: center; background-attachment: fixed; position: relative;}
.product_parallax .parallax_text{position: absolute;}
.product_parallax .parallax_text h2,#pd_home_05 h2{font-weight: 600;font-size: 36px;color: #FFFFFF;}
.product_parallax .parallax_text p,#pd_home_05 p{font-weight: 400;font-size: 16px;color: #FFFFFF;}
#pd_battery_02{background-image: url("../images/product/battery/product_battery_parallax_img_01.jpg");height: 532px;}
#pd_battery_02 .parallax_text{width: 591px;left: 17%;top: 23%;}
#pd_battery_04{background-image: url("../images/product/battery/product_battery_parallax_img_02.jpg");}
#pd_battery_04 .parallax_text{width: 747px;right: 10%;top: 50%;transform: translateY(-50%);}
#pd_battery_03 .certi_box{padding-top: 35px;color: #232323;font-weight: 600;}
#pd_battery_03 .certi_box h3{font-size: 36px;}
#pd_battery_03 .certi_box h5{font-size: 20px;margin-bottom: 15px;}
.product_advantages .box > div:nth-child(1){width: 148px;text-align: center;}
.product_advantages .content_box{position: relative; align-content: space-around;}
.product_advantages .content_box::before,.product_advantages .content_box::after{content: "";width: 100%;height: 4px;background: linear-gradient(270deg, #48EDF8 12.19%, #D52FFF 95.97%);position: absolute;top: 0;left: 0;}
.product_advantages .content_box::after{top: auto;bottom: 0;}
.product_advantages .content_box h2{font-weight: 600;font-size: 36px;color: #2F2F2F;}
.product_advantages .content_box p{font-weight: 400;font-size: 16px;color: #232323;}
#pd-energy-01 .pd-energy-01_img{margin-top: -140px;text-align: center;position: relative;z-index: 2;}
#pd-energy-01 .pd-energy-content{margin-top: -240px;}
#pd-energy-01 #pd-energy-01-box1,#pd-energy-01 #pd-energy-01-box2{padding-top: 248px; }
#pd-energy-01 #pd-energy-01-box1 > div,#pd-energy-01 #pd-energy-01-box2 > div{padding: 0 60px 0;height: 275px; }
#pd-energy-01 #pd-energy-01-box1{background-color: #E4EAF4;}
#pd-energy-01 #pd-energy-01-box2{background-color: #C7C2BE;}
#pd-energy-01 .pd-energy-content h3{font-weight: 600;font-size: 24px;text-align: center;color: #424242;}
#pd-energy-01 .pd-energy-content p{font-weight: 400;font-size: 16px;color: #424242;margin-bottom: 0}
#pd_energy_02{background-image: url("../images/product/energy_storage/product_energy_storage_img_01.jpg");height: 605px;background-attachment: inherit;background-position: right top;}
#pd_energy_02 .parallax_text{left: 10%;top: 50%;transform: translateY(-50%);width: 100%;max-width: 927px;}
#pd_energy_02 .parallax_text > div{justify-content: space-around;}
#pd_energy_02 .parallax_text figure{text-align: center;}
#pd_energy_02 .parallax_text img{width: 105px; height: auto;}
#pd_energy_02 .parallax_text figcaption{font-weight: 400;font-size: 16px;text-align: center;color: #FFFFFF;}
#pd_energy_04{background-image: url("../images/product/energy_storage/product_energy_storage_parallax_img_01.jpg");}
#pd_energy_04 .parallax_text{width: 667px;right: 10%; top: 50%;transform: translateY(-50%);}
#pd_energy_05 ul li{padding: 8px 0;}
#pd_energy_06{background: linear-gradient(261.89deg, #D8DFEC -0.67%, #FFFFFF 49.88%, #D8DFEC 93.56%);}
#pd_energy_07 .product_box_02 ul{font-weight: 400;font-size: 16px;color: #000000;}
#pd_home_02{background-image: url("../images/product/home_storage/product_home_storage_parallax_img_01.jpg"); height: 557px;}
#pd_home_02 .parallax_text{width: 616px;left: 17%; top: 50%;transform: translateY(-50%);}
#pd_home_01 .box p{font-weight: 400;font-size: 16px;color: #424242;margin-bottom: 0;height: 100%;position: relative;}
#pd_home_01 .box p::before{content: "";width: 100%; height: 4px;background: linear-gradient(270deg, #D52FFF 12.19%, #48EDF8 95.97%);position: absolute;bottom: -6px;left: 0;}
#pd_home_04{background: #010A2C;}
#pd_home_04 span{font-weight: 400;font-size: 20px;line-height: 158%;text-align: center;color: #FFFFFF; position: relative;width: 205px;border-bottom: 2px solid #9D3AFF;margin: 0 auto;height: 75px; display: flex; justify-content: center; align-content: center; flex-wrap: wrap;}
#pd_home_04 span::before{content: "";width: 17px;height: 46px;background-image: url("../images/product/home_storage/icon_lightning.svg");background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;left: -17px;top: 15px;}
#pd_home_05{background: linear-gradient(270deg, #35BA9D 12.19%, #EDEF7C 95.97%);}
#pd_home_06 p{font-weight: 400;font-size: 16px;color: #2F2F2F;}
#pd_home_06_box1{box-shadow: 0px 6px 68px -19px rgba(0, 0, 0, 0.25);}
#pd_home_06_box1 .border_box_linear .box{display: flex;flex-wrap: wrap;}
#pd_home_06_box1 .border_box_linear .box > div {width: 50%;flex: 0 0 50%; margin-bottom: 15px;padding: 0 25px;}
#pd_home_06_box1 .border_box_linear .box > div span{background-color: #C6EFA2;border-radius: 39px;padding: 15px 0; text-align: center; display: block;}
#pd_home_07 .content_text{position: absolute;right: 16%;top: 21%;color: #FFFFFF;}
#pd_home_07 .content_text h3{font-weight: 600;font-size: 24px;}
#pd_home_07 .content_text p{font-weight: 400;font-size: 16px;}
#pd_home_06 .pd_home_06_box2{display: flex;flex-wrap: wrap; align-items: center;border-bottom: 1px solid #A5A5A5;padding: 55px 0;}
#pd_home_06 .pd_home_06_box2 >div:nth-child(1){padding-left: 15px;}
#pd_home_06 .pd_home_06_box2 >div:nth-child(2){padding-left: 15px;}
.catalog {width: 100%;max-width: 650px;margin: 0 auto; display: flex;margin-bottom: 65px;}
.catalog > div:nth-child(1) a{position: relative;}
.catalog > div:nth-child(1) a{padding-left: 45px;color: #8366FB;font-size: 20px;font-weight: 400;line-height: 33px; display: block;text-decoration: none;}
.catalog > div:nth-child(1) a::before{content:"";position: absolute;display: block;width: 31px;height: 30px;background-image: url("../images/product/icon_download.svg");left: 0;top: 0;background-size: contain;background-position: center;background-repeat: no-repeat;}
.catalog > div:nth-child(2){color: #989898;font-size: 12px;font-weight: 400;line-height: 152.99%;}
@media (min-width:768px) {
	.product_box,.product_box_02{width: 100%;max-width: 1020px;margin: 0 auto;}
}
@media (max-width:1800px) {
	#pd_energy_02 .parallax_text {left: 50%;transform: translate(-85%, -50%);}
}
@media (max-width:1600px) {
	#pd_energy_02 .parallax_text img {width: 80px;}
	#pd_energy_02 .parallax_text figcaption {font-size: 18px;line-height: 155%;padding-top: 8px;}
	#pd_energy_02 .parallax_text {max-width: 675px;left: 50%;transform: translate(-93%, -50%);}
}

@media (max-width:1400px) {
	#pd-energy-01 #pd-energy-01-box1 > div, #pd-energy-01 #pd-energy-01-box2 > div{padding: 0 30px 0;}
	#pd_energy_02 .parallax_text figure {width: 100%; margin: 0 auto;}
	#pd_energy_02 .parallax_text {max-width: 440px;left: 50%;transform: translate(-130%, -50%);}
#pd_energy_02 .parallax_text > div{justify-content: center;}
	.product_advantages .content_box h2 {font-size: 32px;}
}
@media (max-width:1200px) {
	.product_advantages .box > div:nth-child(1) {width: 100px;}
	#pd-energy-01 #pd-energy-01-box1 > div, #pd-energy-01 #pd-energy-01-box2 > div {padding: 0 20px 0;height: 320px;}
	#pd_energy_02 {height: 400px;}
	#pd_energy_02 .parallax_text {transform: translate(-110%, -50%);}
	#pd_home_05 h2 {font-size: 32px;}
}
@media (max-width:991px) {
	.product_advantages .content_box::before,#pd_home_03.product_advantages .content_box::after{display: none;}
	#pd_battery_04 {background-image: none;height: auto;}
	.product_parallax .parallax_text{position: relative;}
	#pd_battery_04::after {content: "";display: block; background-image: url(../images/product/battery/product_battery_parallax_img_02_lg.jpg);background-size: cover;background-repeat: no-repeat; background-position: center;height: 0; padding-top:67.2%;transform: translateY(-2px);}
	#pd_battery_04 .parallax_text {width: 100%;right: 0;top: 0;transform: translateY(0); background-color: #23313C;padding: 35px;}
	#pd_battery_04 .parallax_text h2, #pd_battery_04 .parallax_text p{max-width: 480px;margin: 0 auto;}
	#pd_battery_05 .product_box .img-box {width: 190px; margin: 0 auto;}
	#pd_energy_07 .product_box_02 .img-box,#pd_energy_07 .product_box .img-box {width: 213px; margin: 0 auto;}
	.product_box .img-box figcaption,.product_box_02 .img-box figcaption {font-size: 20px;}
	#pd-energy-01 .pd-energy-01_img {margin-top: -100px;}
	#pd-energy-01 #pd-energy-01-box1 > div, #pd-energy-01 #pd-energy-01-box2 > div {height: 430px;padding: 0 15px 0;}
	#pd-energy-01 .pd-energy-content h3 {font-size: 21px;}
	#pd_energy_02 {height: 320px;}
	#pd_energy_02 .parallax_text {max-width: 350px;transform: translate(-100%, -50%);}
	#pd_energy_02 .parallax_text figcaption {font-size: 14px;}
	#pd_energy_02 .parallax_text figure img {width: 65px;}
	#pd_energy_03.product_advantages .content_box::after{display: none;}
	#pd_energy_03.product_advantages .context-img img,#pd_home_03.product_advantages .context-img img{width: 100%;}
	#pd_home_05 {background: linear-gradient(142deg, #35BA9D 12.19%, #EDEF7C 95.97%);}
	#pd_home_07 .content_text {position: relative;background-color: #0A1322;right: auto;top: auto;padding: 45px 15px 35px;text-align: center;}
}
@media (max-width:991px) and (min-width:768px){
	#pd_home_01 .box p{font-size: 12px;}
	.pd_home_01_textbox img{max-width: 50px;}
}
@media (max-width:767px) {
	.product_title h2 {font-size: 30px;}
	#pd_battery_01 .box .type {display: flex;flex-wrap: wrap; padding: 0 20px;}
	#pd_battery_01 .box .type> span{flex: 0 0 auto;width: 50%;}
	#pd_battery_02 .parallax_text,#pd_energy_04 .parallax_text,#pd_home_02 .parallax_text{width: 100%;left: 0; padding: 0 35px;top: 5%;}
	#pd_energy_04 .parallax_text,#pd_home_02 .parallax_text{transform: none;}
	#pd_battery_02 {background-image: url(../images/product/battery/product_battery_parallax_img_01_md.jpg);background-attachment: inherit;height: 635px;}
	#pd-energy-01 #pd-energy-01-box2{padding-top: 25px;}
	#pd-energy-01 #pd-energy-01-box1{padding-top: 110px;}
	#pd-energy-01 .pd-energy-01_img {margin-top: -55px;}
	#pd-energy-01 .pd-energy-content {margin-top: -110px;}
	#pd-energy-01 #pd-energy-01-box1 > div, #pd-energy-01 #pd-energy-01-box2 > div{height: auto;padding: 0 15px 35px;}
	#pd_energy_02 {background-image: url(../images/product/energy_storage/product_energy_storage_img_01_md.jpg);
    background-position: center bottom;height: 0;padding-bottom: 166%;background-size: contain;}
	#pd_energy_04 {background-image: url(../images/product/energy_storage/product_energy_storage_parallax_img_01_md.jpg);background-attachment: inherit;}
	#pd_energy_02 .parallax_text {transform: translate(-50%, 0);top: 100px;}
	#pd_energy_07 .product_box .img-box,#pd_energy_07 .product_box_02 .img-box {width: 100%;}
	.pd_home_01_img img{border-radius: 10px;}
	#pd_home_02 { background-image: url(../images/product/home_storage/product_home_storage_parallax_img_01_md.jpg);height: 0;padding-bottom: 134.4%;background-attachment: inherit;}
	#pd_home_02 .parallax_text h2 {text-align: center;}

}
@media (max-width:767px) and (min-width:576px){
	#pd_energy_02 .parallax_text {max-width: 460px;}
}
@media (max-width:575px) {
	.product_title h2{line-height: 117.7%;padding-bottom: 75px;font-size: 26px;}
	.product_parallax .parallax_text h2, #pd_home_05 h2 {font-size: 30px;}
	.product_title h2 span{font-size: 24px;}
	#pd_battery_01 .box .type{font-size: 18px;}
	#pd_battery_03 .certi_box,.product_advantages h3{text-align: center;}
	.product_advantages h3,#pd_battery_04 .parallax_text h2{font-weight: bold;font-size: 26px;}
	#pd_battery_03 .certi_box h5{font-size: 22px;font-weight: bold;}
	.product_advantages .box > div:nth-child(1){width: 100px;}
	.catalog {flex-wrap: wrap;margin-bottom: 40px;}
	.catalog > div:nth-child(1){text-align: center;}
	.catalog > div:nth-child(1) a{display: inline-block;}
	.catalog > div:nth-child(2) {padding-top: 15px;}
	.product_box .img-box figure{text-align: center;}
	.product_box .img-box figure img{max-width: 130px;}
	#pd_battery_04 .parallax_text p{font-size: 14px;}
	#pd_battery_04 .parallax_text h2, #pd_battery_04 .parallax_text p { max-width: 350px;}
	#pd_energy_02 .parallax_text {max-width: 400px; top: 50px;}
	#pd_energy_03 .container > div,#pd_home_03 .container > div{margin-left: -12px;margin-right: -12px;}
	#pd_energy_03.product_advantages .content_box{padding: 0 20px;}
	.product_box > div,.product_box_02 > div{padding-left: 0;padding-right: 0;}
	#pd_home_04 > div > div > div{padding: 0 15px 0 25px;}
	#pd_home_04 span{font-size: 16px;width: 100%;}
	#pd_home_04 span::before { left: -20px;}
	#pd_home_06_box1 .border_box_linear .box > div span {padding: 8px 0;}
	#pd_home_06 .pd_home_06_box2 { padding: 25px 0;}
	.pd_home_01_textbox img{max-width: 50px;}
	#pd_home_01 .box p::before {bottom: -8px;left: 0;}
	.table_custom td {padding-left: 8px;line-height: 22px;font-size: 14px;}
	.table_custom td:nth-child(1){padding-left: 18px;}
	.table_custom td.col_title{padding-left: 15px;}
}
@media (max-width:450px) {
	.product_title h2 span{font-size: 18px;}
	.product_parallax .parallax_text h2,.product_advantages .content_box h2,#pd_battery_04 .parallax_text h2 {font-size: 22px;}
	#pd_home_05 h2 {font-size: 21px;}
	#pd_home_05 p{font-size: 14px;}
	.product_advantages .box > div:nth-child(1){width: 80px;}
	.product_advantages .content_box p {font-size: 14px;}
	#pd_home_06_box1 .border_box_linear .box > div { padding: 0 8px;}
	.border_box_linear > div {padding-left: 15px!important;padding-right: 15px!important;}
	.pd_home_01_textbox img{max-width: 40px;}
	.pd_home_01_textbox > div:nth-child(2){padding-left: 16px!important;}
	#pd_home_01 .box p,#pd-energy-01 .pd-energy-content p{font-size: 14px;}
	#pd_energy_08 p{font-size: 12px;}
	.table_custom td {font-size: 12px;}
}
@media (max-width:400px) {
	#pd_energy_02 .parallax_text {max-width: 375px;}
	#pd_battery_01 .box .type {padding: 0 5px;}
	#pd_home_06_box1 .border_box_linear .box > div span {font-size: 12px;}
}
@media (max-width:375px) {
	.product_title h2 span{font-size: 16px;}
	.product_advantages .box > div:nth-child(1) { width: 55px;}
	#pd_home_04 span{font-size: 14px;}
	.border_box_linear > div {padding-left: 8px!important;padding-right: 8px!important;}
	#pd_home_01 .box p{font-size: 12px;}
	#pd_home_06 .bottom_line_purple {font-size: 20px;}
	#pd_energy_02 .parallax_text {max-width: 320px;}
	#pd_energy_02 .parallax_text figcaption {font-size: 12px;}
	#pd-energy-01 h3 br{display: block!important;}
	#pd-energy-01 h3 span{display: none;}
}
@media (max-width:350px) {
	#pd_home_04 span{font-size: 12px;}
	.product_parallax .parallax_text h2, #pd_home_05 h2, .product_advantages .content_box h2 {font-size: 22px;}
	#pd_battery_04 h2 br{display: block!important;}
	#pd_battery_01 .box .type {padding: 0;}
}
@media (max-width:330px) {
	.pd_home_01_textbox br{display: none;}
	#pd_home_01 .box p {font-size: 12px;max-width: 230px;text-align: left;}
}