@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;}
.wow {
	animation: fadeIn 1.5s both;
	-webkit-animation: fadeIn 1.5s both;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;	
}

/* subbanner */
#subbanner .img_cover{ height: 100%;}
#subbanner #page_title {height: 354px;}
#subbanner h2{font-size: 32px;}
#subbanner p{font-size: 17px;padding: 10px 0;}
#subbanner .more_btn{width: 210px;}


#content #describe{margin: 0 auto;max-width: 100%;}
.bgTxt.title h3{font-size: 30px;}
#AB001,#AB002,#AB003,#AB004,#AB005,#AB006,#AB007,#AB008,#AB009,#AB010,#AB011,#AB012{position: relative;margin-bottom: 80px;}
#AB002,#AB005{padding: 50px 0;}
#AB002 .bgTxt.title{padding: 0px 0 20px;}
.bg img,.img img,p.photo img{width: 100%;height: 100%;object-position: 50% 0;object-fit: cover;}


/* itemA03 */
.itemA03 .textfeature:nth-child(2n){flex-direction: row;display: flex;}
.textfeature{\: #f8f8f8;align-items: center;overflow: hidden;position: relative;margin: 15px 0 30px;width: 100%;display: flex;flex-direction: row-reverse;justify-content: space-between;}
.textfeature .img{width: 50%;height: 350px;}
.textfeature .img img{
    object-fit: cover;
    object-position: 50% 30%;
    border-radius: 35px;
}
.textfeature .text{width: 40%;padding: 60px;animation-name: fadeInDown;-webkit-animation-name: fadeInDown;}
.textfeature .text h3{color: var(--primary);font-weight: 500;letter-spacing: 1.5px;font-size: 20px;}
.textfeature .text h2{margin: 0px 0px 20px 0px;font-weight: 600;font-size: 28px;color: #6e3a19;letter-spacing: 2px;font-family: 'Noto Serif TC', serif;}
.textfeature .text p{font-size: 17px;}
.textfeature .text ol{display: flex;justify-content: space-between;margin: 30px 0 10px;}
.textfeature .text ol .iconSS{font-size: 18px;line-height: 180%;padding: 10px 0px;width: 33%;display: flex;flex-direction: column;align-items: center;border-style: solid;border-width: 0px 1px 0px 0px;border-color: #E5E5E5;}
.itemA03 .textfeature:nth-child(2n) .text ol .iconSS{border-color: rgb(255 255 255 / 35%);}
.textfeature .text ol .iconSS:last-child{border-width: 0px 0px 0px 0px;}
.textfeature .text ol .iconSS i{padding-right: 15px;}
.textfeature .text ol .iconSS .imgs img{width: 100px;}
.textfeature .text ol .iconSS .info h3{color: #C8B086;font-size: 16px;font-weight: 500;text-align: center;padding: 10px 0 0;line-height: 140%;}

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

@media screen and (max-width: 1280px) {
	.textfeature .text{padding: 10px 20px;}
#AB003 .itemA03{width: 100%;margin: 10px auto 0px;}
}
@media screen and (max-width: 1140px) {
#AB00{margin-bottom: 50px;}
}
@media screen and (max-width: 768px) {
	.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;}
	#AB003{margin-bottom: 0px;}
	.textfeature,.itemA03 .textfeature:nth-child(2n){
    display: flex;
    flex-direction: column;
}
	.textfeature .img{
    width: 80%;
    height: 250px;
}
	.textfeature .text{
    width: 80%;
}
}
@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;}
}