﻿@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;line-height: 190%;letter-spacing: 0.04em;color: #383838;padding-top: 20px;}
.product_box h5{font-weight: 600;font-size: 20px;line-height: 190%;letter-spacing: 0.2em;color: #383838;padding-left: 15px;}
.product_box_02 h4{font-weight: 600;font-size: 24px;line-height: 190%;letter-spacing: 0.04em;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;line-height: 190%;letter-spacing: 0.04em;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; letter-spacing: 0.04em; 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;line-height: 193.7%;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;line-height: 193.7%;text-align: center;letter-spacing: 0.3em;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;line-height: 193.7%;letter-spacing: 0.3em;color: #FFFFFF;}
.product_parallax .parallax_text p,#pd_home_05 p{font-weight: 400;font-size: 16px;line-height: 190%;letter-spacing: 0.04em;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;line-height: 193.7%;letter-spacing: 0.3em;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;line-height: 193.7%;letter-spacing: 0.3em;color: #2F2F2F;}
.product_advantages .content_box p{font-weight: 400;font-size: 16px;line-height: 190%;letter-spacing: 0.04em;color: #232323;text-align: justify;}
#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: 243px; }
#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;line-height: 193.7%;text-align: center;letter-spacing: 0.3em;color: #424242;}
#pd-energy-01 .pd-energy-content p{font-weight: 400;font-size: 16px;line-height: 190%;letter-spacing: 0.04em;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 img{width: 105px; height: auto;}
#pd_energy_02 .parallax_text figcaption{font-weight: 400;font-size: 20px;line-height: 190%;text-align: center;letter-spacing: 0.04em;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;line-height: 190%;letter-spacing: 0.04em;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;line-height: 190%;text-align: center;letter-spacing: 0.04em;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: 0;left: 0;}
#pd_home_04{background: #010A2C;}
#pd_home_04 span{font-weight: 400;font-size: 20px;line-height: 158%;text-align: center;letter-spacing: 0.04em;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;line-height: 190%;text-align: justify;letter-spacing: 0.04em;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%;line-height: 190%;letter-spacing: 0.04em;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%;}

#pd-power-title{background: linear-gradient(160deg, #0C8FCC 18.96%, #00B799 49.34%, #FFF 96.55%);padding: 11rem 0;}
.pd-power-title-slogan h1,.pd-power-title-slogan h2{color: #FFFFFF; text-align: center;font-weight: bolder;}
.pd-power-title-slogan h2{font-size: 24px;}
.pd-power-title-slogan h1 span{position: relative;}
.pd-power-title-slogan h1 span::before{content: "";width: 88px;height: 88px;position: absolute;left: -150px;top: 50%;transform: translateY(-50%);background-image: url("../images/product/smart_power/icon-banner-img-02.svg");background-repeat: no-repeat;background-size: contain;background-position: center;}
.pd-power-title-slogan h1 span::after{content: "";width: 167px;height: 138px;position: absolute;right: -240px;top: 50%;transform: translateY(-50%);background-image: url("../images/product/smart_power/icon-banner-img-01.svg");background-repeat: no-repeat;background-size: contain;background-position: center;}
#SmartPower_banner{position: relative;margin-top: -4.1%}
#SmartPower_banner::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 0;padding-top: 4.1%; background-image: url("../images/product/smart_power/power_banner_top.png");background-repeat: no-repeat;background-size: 100%;background-position: center;}
.SmartPowerSwiper{margin: 0 5rem;}
#SmartPower_banner{padding-bottom: 6rem;}
#SmartPower_banner .container-85{width: 85%;margin: 0 auto;position: relative;}
#SmartPower_banner .swiper-button-next, #SmartPower_banner .swiper-button-prev{width: 46px;height: 46px;}
#SmartPower_banner .swiper-button-next:after{content: "";background-image: url("../images/product/smart_power/icon_banner_right.svg");background-repeat: no-repeat;background-size: contain;background-position: center;width: 46px;height: 46px;}
#SmartPower_banner .swiper-button-prev:after{content: "";background-image: url("../images/product/smart_power/icon_banner_left.svg");background-repeat: no-repeat;background-size: contain;background-position: center;width: 46px;height: 46px;}
#SmartPower_banner .swiper-slide{perspective: 80px;opacity: 0}
#SmartPower_banner .swiper-slide img {transform: rotateY(0);transition: transform 0.3s ease-in-out;border-radius:8px; }
#SmartPower_banner .swiper-slide.swiper-slide-active img{transform: rotateY(-2deg);      transform-origin: right center;}
#SmartPower_banner .swiper-slide.swiper-slide-next + .swiper-slide img{transform: rotateY(2deg);transform-origin: left center;}
#SmartPower_banner .swiper-slide.swiper-slide-active,#SmartPower_banner .swiper-slide.swiper-slide-next,#SmartPower_banner .swiper-slide.swiper-slide-next + .swiper-slide{opacity: 1;}
#pd_power_01{position: relative;}
#pd_power_01::after{content: "";display: block;width: 100%;background-image: url("../images/product/smart_power/pd_power_01_bg_bottom.png");background-size: 100%;background-repeat: no-repeat;background-position: center;height: 0;padding-top: 7%;}
#pd_power_01 .text{padding-bottom: 1.25rem;}
#pd_power_01 .text,#pd_power_01 .number{color: #4B4B4B;font-size: 30px;font-weight: bolder;line-height: 47.19px; /* 157.301% */letter-spacing: -0.184px;}
#pd_power_01 .number{font-size: 50px;}
#pd_power_01 .number .unit{font-size: 25px;}


#contact_list{background-image: url("../images/product/smart_power/pd_power_02_bg_top.png");background-repeat: no-repeat;background-size: cover;background-position: center bottom;}
#contact_detail{overflow: hidden;}
#contact_detail .container{display: flex;flex-wrap: nowrap;}
#contact_detail .container > div {width: 100%; flex: 0 0 100%;padding-bottom: 8rem;}
#detailBuy{transition: all .8s ease-in-out;opacity: 1;transform: translateX(0);}
#detailSell{transition: all .8s ease-in-out;opacity: 0; transform: translateX(0); height: 0;}
.detailBox .detailTitle{font-size: 20px;}
.detailBox .boxwrapper{flex-shrink: 0;display: flex;flex-wrap: wrap;background-color: #FFFFFF;border-radius: 10px;overflow: hidden;position: relative}
.detailBox .BgForm{position: relative;}
.detailBox .BgForm::after{content: "";width: 104%;height: calc(100% + 5rem);position: absolute;top: 15px;left: 50%;transform: translateX(-50%);background: linear-gradient(334deg, #5AC3BE 39.7%, #C6FB33 87.03%);z-index: -1;border-radius: 10px;filter: drop-shadow(0px 4px 44.8px rgba(0, 0, 0, 0.25));}
.radioLineTitle{font-size: 20px;color: #17B980;}
.radioLineBox{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;width: 550px;}
.radioLineBox::after{content: "";width: 81%;height: 18px; background: linear-gradient(90deg, #5DD4BA 11.04%, #F7FB33 98.43%);position: absolute;left: 50%;top: 9px;transform: translateX(-50%);}
.radioLineBox .form-check{display: flex;flex-wrap: wrap;justify-content: center;padding-left: 0;position: relative;z-index: 1;width: 110px;}
.radioLineBox .form-check-input{margin-left: 0;text-align: center; width: 27px;height: 27px;}
.radioLineBox .form-check-label{width: 100%;text-align: center;padding-top: 5px;font-size: 16px;}
.radiobox,.databox{width: 550px;}
.radiobox .form-check{border-radius: 10px;border: 1px solid #B1B1B1;padding: 5px 50px 2px; font-size: 20px;}
.radiobox .form-check-label{display: block;color: #A4A4A4;text-align: center;}
.radioLineBox .form-check-input,.radioLineBox .form-check-label,.radiobox .form-check-input,.radiobox .form-check-label{cursor: pointer;}
.formInfoBox{padding: 2rem;color: #545454;font-weight: bolder;}
.inputcustom .form-control{display: inline-block;width: 90%;margin-right: 8px;}
.inputcustom label{display: block;}
.changeType #detailBuy{transform: translateX(-100%);opacity: 0;width: 100%;height: 0;}
.changeType #detailSell{transform: translateX(-100%);opacity: 1; height: auto;}
.btnContact{color: #FFF;font-size: 28.076px;border-radius: 39.898px;font-weight: bold;letter-spacing: -0.123px;padding: 35px 45px 35px 90px;background: linear-gradient(188deg, #17B980 5.35%, #0D714E 92.6%);display: inline-block;cursor: pointer; outline: 7px solid transparent;position: relative;}
.btnContact.active{outline-color:#E1FF00;}
.btnContact svg{position: absolute; left: -60px;top: 50%;transform: translateY(-54%);}
.btnContact.active svg .icon-contactBorder{fill:#E1FF00;}
.btnSend{border-radius: 39.898px;border: 2px solid #4AD2DB;background: #0B8391;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);color: #FFF;font-size: 28.076px;font-weight: bold;line-height: 31.524px; /* 112.281% */letter-spacing: 3px;padding: 13px 35px;display: inline-block;cursor: pointer;}
#flash.change img:nth-child(1){display: none;}
#flash img:nth-child(2){display: none;}
#flash.change img:nth-child(2){display: inline-block;}
#pd_power_03{background-image: url("../images/product/smart_power/pd_power_03_bg.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 3rem 0 20rem;}
.pd_power_03_box{border-radius: 10px;background: rgba(255, 255, 255, 0.30);backdrop-filter: blur(6.349999904632568px);padding: 3rem 5rem 5rem;text-align: center;max-width: 960px;margin: 3rem auto 0;}
#pd_power_03 h2,#pd_power_03 h5{text-align: center;color: #FFFFFF;font-weight: bolder;}
.download_box{display: block;border-radius: 10px;background: rgba(255, 255, 255, 0.90);text-decoration: none;font-size: 32px;font-weight: bolder;line-height: 31.524px; /* 98.513% */letter-spacing: 3px;color: #4E4E4E;padding: 1rem 0;position: relative;}
.download_box::before{content: "";background: linear-gradient(316deg, #5DD4BA 19.35%, #F7FB33 72.97%);width: 15px;height: 100%;position: absolute;left: 0;top: 0;}
.download_box span{position: relative;}
.download_box span::after{content: "";width: 28px;height: 35px;position: absolute;right: -36px;top: 50%;transform: translateY(-50%);background-image: url("../images/product/smart_power/icon-download.svg");background-repeat: no-repeat;background-size: contain;background-position: center;}
.logoMix{width: 290px;}
@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: 685px;left: 50%;transform: translate(-93%, -50%);}
}

@media (max-width:1400px) {
	#pd_energy_02 .parallax_text figure {width: 80px; margin: 0 auto;}
	#pd_energy_02 .parallax_text {max-width: 390px;left: 50%;transform: translate(-130%, -50%);}
#pd_energy_02 .parallax_text > div{justify-content: center;}
	#flash img{max-width: 210px;}
}
@media (max-width:1200px) {
	.product_advantages .content_box h2 {font-size: 32px;}
	#pd-energy-01 #pd-energy-01-box1 > div, #pd-energy-01 #pd-energy-01-box2 > div {padding: 0 50px 0;height: 260px;}
	#pd_energy_02 {height: 400px;}
	#pd_energy_02 .parallax_text {transform: translate(-110%, -50%);}
	#pd_home_05 h2 {font-size: 32px;}
	#pd_power_01 .text{font-size: 20px;}
}
@media (max-width:991px) {
	.product_advantages .content_box::before,#pd_home_03.product_advantages .content_box::after{display: none;}
	#pd_battery_04 {background-image: url(../images/product/battery/product_battery_parallax_img_02_lg.jpg);background-attachment: inherit;background-size: contain;background-position: center bottom;height: 0; padding-top: calc(67% + 173px);}
	#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: 300px;}
	#pd-energy-01 #pd-energy-01-box1 > div, #pd-energy-01 #pd-energy-01-box2 > div {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: 310px;}
	#pd_energy_02 .parallax_text img {width: 100%;}
	#pd_energy_02 .parallax_text figcaption {font-size: 14px;}
	#pd_energy_02 .parallax_text figure {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;}
	.pd-power-title-slogan h1 span::before{width: 60px;height: 60px;left: -103px;}
	.pd-power-title-slogan h1 span::after {width: 90px;height: 75px;right: -108px;}
	#SmartPower_banner {padding-bottom: 0;}
	#SmartPower_banner .container-85{width: 95%;}
	#pd_power_03 {padding-bottom: 10rem;}
}
@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-top: 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%, -140%);}
	#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;}
	#SmartPower_banner .container-85{transform: translateY(-50px);}

}
@media (max-width:767px) and (min-width:576px){
	#pd_energy_02 .parallax_text {max-width: 420px;}
	#pd_energy_02 .parallax_text figure {width: 95px;}
}
@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;}
/*	#pd_battery_04 {height: 99vw;}*/
	.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_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;}
	.pd-power-title-slogan h2{font-size: 18px;}
	.pd-power-title-slogan h1 span::before {width: 40px;height: 40px;left: -8px;top: -76%;}
	.pd-power-title-slogan h1 span::after {width: 70px;height: 58px;right: -42px;top: -87%;}
	#pd-power-title {padding: 8rem 0;}
	#SmartPower_banner .container-85 {width: 100%;}
	.SmartPowerSwiper { margin: 0 3rem;}
	#SmartPower_banner .swiper-button-next, #SmartPower_banner .swiper-button-prev {width: 33px;height: 33px;}
}
@media (max-width:500px) {
	#pd_power_01 .text {font-size: 18px;padding-bottom: 0;}
	#pd_power_01 .number {font-size: 36px;}
	#pd_power_01 .text, #pd_power_01 .number { line-height: inherit;}
	.download_box {font-size: 26px;}
}
@media (max-width:450px) {
	.product_title h2 span{font-size: 18px;}
	#pd_battery_04 {padding-top: calc(67% + 165px);}
	.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_energy_02 .parallax_text {transform: translate(-50%, 0);top: 5%;}
	#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;}
	#flash img{max-width: 100%;}
	#pd_power_01 .number .unit { font-size: 18px;}
	.pd-power-title-slogan h2 {font-size: 16px;}
	.pd-power-title-slogan h1 span::after {width: 56px;height: 47px;right: -17px;}
	.pd_power_03_box {padding-right:2rem;padding-left: 2rem;}
}

@media (max-width:400px) {
}
@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: 295px;}
	#pd-energy-01 h3 br{display: block!important;}
	#pd-energy-01 h3 span{display: none;}
	#pd-energy-01 .pd-energy-content h3{line-height: 170%;}
	#pd_power_01 .text {font-size: 16px;}
}
@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_04 {padding-top: calc(67% + 232px);}
	#pd_power_01 .text {font-size: 14px;}
	#pd_power_01 .number {font-size: 30px;}	
	.pd-power-title-slogan h2 {font-size: 14px;}
	.pd-power-title-slogan h1 span::after {right: -8px;}
	#pd-power-title { padding: 7rem 0 6rem;}
}
@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;}
}