@import url('/css/animate.css');
.delay1 {animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.delay2 {animation-delay: 1.0s;-webkit-animation-delay: 1.0s;}
#content_wrap h1{display:none}

.bgTxt.title h3{font-size: 30px;}
#AB005{padding: 50px 0;}
.bg img,.img img,p.photo img{width: 100%;height: 100%;object-position: 50% 0;object-fit: cover;}

/* itemA05 */
#AB005 .botBox li p.photo img{
    width: 100%;
    height: 318px;
    object-fit: contain;
}
#AB005 .info h5{text-align: center;font-size: 30px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;margin-bottom: 30px;font-weight: 300;letter-spacing: 0.5px;}
#AB005 ul {text-align: center;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;padding: 20px 40px 20px;}
#AB005 ul li {margin: 10px;width: calc((100%/5) - 20px);display: inline-block;overflow: hidden;position: relative;background-color: var(--white);animation-name: fadeInDown;-webkit-animation-name: fadeInDown;box-shadow: 0 0 20px rgba(var(--black-rgb), .2);}
.img_m_480{display: none;}
#AB005 ul li h3 {font-size: 20px;text-align: center;}
#AB005 ul li h5 {font-size: 20px;padding: 10px 10px;text-align: center;color: #21545f;}
#AB005 ul li p.photo {margin: 0px 0;text-align: center;}
#AB005 ul li p.photo img{
    width: 100%;
    height: 240px;
    object-fit: contain;
    object-position: bottom;
}
#AB005 ul li article{font-size: 17px;font-weight: 500;letter-spacing: 0.8px;line-height: 160%;margin-bottom: 0;left: 0;padding: 20px 0;-webkit-transition: all .2s linear;transition: all .2s linear;padding: 0px 30px;}
#AB005 .bottomBox h3 {text-align: center;font-size: 30px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
#AB005 .bottomBox p {margin: 10px 0 20px;text-align: center;font-size: 18px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;padding: 5px 0 20px;font-size: 80px;color: #606060;font-family: 'Tangerine', cursive;font-weight: 200;display: none;}
#AB005 .bottomBox article {animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
#AB005 .title{/* margin: 0px auto; */}
#AB005 .title p{
    text-align: center;
    font-size: 22px;
    letter-spacing: 0.5px;
}
#AB005 .title h3{
    color: #21545f;
}
#AB005{margin-bottom: 0;padding: 30px 10px;}
#AB005:after,#AB011:after{/* background-color: #F2F2F2; */height: 100%;top: 0px;width: 100%;z-index: -10;pointer-events: none;content: '';position: absolute;}

@media screen and (max-width: 1360px) {
	#AB005 .itemA05,{width: 90%;margin: 0px auto 30px;}
}

@media screen and (max-width: 1280px) {
	.textfeature .text{padding: 10px 20px;}
	#AB005{margin: 0px 0px;}
	#AB005{padding: 20px 0;}
	#AB005 .itemA05{width: 100%;margin: 10px auto 0px;}
.itemA11 .bg{padding: 40px 0px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
.itemA12 .bg{padding: 40px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
}
@media screen and (max-width: 1140px) {
	#AB005 ul li{width: calc((100%/3) - 20px);}
    #AB005{margin-bottom: 50px;}
	#AB005 ul{
    padding: 0;
	}
}
@media screen and (max-width: 768px) {
	.itemA01 .column-wrap .info .item .txt_complement_5, .info h5.action,#subbanner h2{font-size: 26px;}
	.columnArea .leftBox{display: none;}
	.columnArea .rightBox{width: 100%;padding: 0;}
	#productdetail #productinfo article{font-size: 13px;}
	.textfeature,.itemA03 .textfeature:nth-child(2n){display: flex;flex-direction: column;align-items: center;margin: 15px 0 30px;}
	.textfeature .img{width: 100%;}
	.textfeature .text{
    width: auto;
}
	.textfeature .text ol{padding: 0px 0;margin: 10px 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
	.textfeature .text ol li{text-align: center;}
	.textEditor h4, .textEditor p, .textEditor li, .textEditor .elementor-image,.faqBox ol li .Txt p{font-size: 1.0em;}
	.bottomBox{display: flex;flex-direction: column;}
	.bottomBox a{width: 100%;margin-top: 12px;}
	.textfeature .text h2{font-size: 24px;margin: 0px 0px 15px 0px;}
	.textfeature .text p, #AB009 .txt_white_5, .itemA10 .bottomBox p,.itemA01 .column-wrap .info .item article{font-size: 16px;}
	#AB005{margin-bottom: 0px;}
	#AB005{padding: 0;}
	#AB005 ul li{height: auto;}
	#AB005 ul li article{padding: 10px 30px 30px;}
}

@media screen and (max-width: 640px){
	#AB005 ul li{width: calc((100%/2 - 20px));}
	#AB005 .title h3{
    margin-top: 40px;
}
}

@media screen and (max-width: 480px) {
	.faqBox ol li{padding: 12px 10px 0px 10px;}
	.faqBox ol li .Img{width: 40px;}
	.faqBox ol li .Img img{width: 40px;}
	.faqBox ol li .Txt h3{font-size: 16px;margin: 0px 0px 10px 0px;}
	.info h5.action{font-size: 22px;}
	.textfeature .text ol .iconSS{width: 100%;border-width: 0px 0px 1px 0px;margin: 5px 0;}
	#AB005 ul li p.photo img{
    height: 160px;
}
	#AB005 .botBox li p.photo img{
    height: 220px;
}
}