

/* itemA03 */
.bgTxt.title {text-align: center;text-transform: uppercase;margin-top: 20px;}
.bgTxt.title h1 , .bgTxt.title h3 {color: #54595f;margin-top: -3px;}
.bgTxt.title h3 {color: #4f4f4f;font-size: 35px;font-weight: 500;text-align: center;line-height: 130%;text-transform: uppercase;}

.itemA03 .textfeature:nth-child(2n){background-color: #ffffff;flex-direction: row;border: 5px solid #eee;}
.textfeature{background-color: #f7f7f7;overflow: hidden;position: relative;margin: 40px 0 30px;width: 100%;display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;padding: 40px 20px;}
.textfeature .img{width: 100%;margin: 0 2%;}
.textfeature .img iframe{height: 500px;border-width: 0px;}
.textfeature .imgbot{display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: space-between;}
.textfeature .imgbot .imgleft,.textfeature .imgbot .imgright{width: 49%;}
.textfeature .imgbot p{margin: 20px;}
.textfeature .imgbot img{    width: 100%;
    height: 400px;
    object-position: 50% 50%;
    object-fit: cover;}
.textfeature .text{width: -webkit-fill-available;padding: 0px 20px;}
.textfeature .text h2,.TTtitle02{color: #af0a14;font-size: 32px;margin: 0px 0px 15px 0px;font-weight: 500;text-align: center;display: flex;flex-direction: column;align-items: center;}
.textfeature .text ol{display: flex;margin: 10px 0 10px;justify-content: flex-start;margin-top: 20px;
    padding-top: 25px;
    line-height: 1.8;
    color: #5d5d5d;
    background: -webkit-gradient(linear, left top, right top, from(#959595), to(#959595)) 50% 0/70px 1px no-repeat;
    background: -webkit-linear-gradient(left, #959595, #959595) 50% 0/70px 1px no-repeat;
    background: -o-linear-gradient(left, #959595, #959595) 50% 0/70px 1px no-repeat;
    background: linear-gradient(to right, #959595, #959595) 50% 0/70px 1px no-repeat;flex-direction: row;align-items: flex-start;flex-wrap: wrap;}
.textfeature .text ol .iconSS{font-size: 18px;line-height: 180%;padding: 10px 10px;display: flex;flex-direction: row;align-items: center;border-style: solid;border-width: 0px 0px 1px 0px;border-color: #E5E5E5;justify-content: center;}
.itemA03 .textfeature:nth-child(2n) .text ol .iconSS{border-color: rgb(255 255 255 / 35%);padding: 15px 10px;}
.textfeature .text ol .iconSS:last-child{border-width: 0px 0px 0px 0px;}
.textfeature .text ol .iconSS i{padding-right: 15px;}
.itemA03 .textfeature .classroom .imgs{width: 35%;margin-right: 5%;}
.itemA03 .textfeature .classroom .info{width: 60%;}
.textfeature .text ol .iconSS .info h3{color: #141414;font-size: 18px;font-weight: 500;padding: 0px 0 10px;line-height: 140%;}
.textfeature .text .classroom .info h3{margin: 10px 0 0;}
.itemA03 .textfeature .classroom .info h3{text-align: center;}
.itemA03 .textfeature:nth-child(2n) .classroom{display: flex;flex-direction: row;flex-wrap: wrap;}
.itemA03 .textfeature:nth-child(2n) .classroom li{display: flex;width: 25%;flex-wrap: wrap;justify-content: center;}
.itemA03 .textfeature:nth-child(2n) .classroom .imgs{width: 100%;margin-right: 0;}
.itemA03 .textfeature:nth-child(2n) .classroom .imgs img{width: 100%;
    height: 310px;
    
    object-position: 50% 0;
    object-fit: cover;}
.textfeature .text .classroom .imgs{width: 500px;}
.textfeature .text .classroom li{padding: 20px 10px;}
.textfeature .text .classroom .TTlast{width: -webkit-fill-available;}
.itemA03 .textfeature .classroom li:last-child .info{width: 100%;}
.itemA03 .textfeature .classroom li:last-child .info p{text-align: center;}
@media screen and (max-width: 1560px) {
}
@media screen and (max-width: 1280px) {
	.textfeature .text{padding: 10px 20px;}
}
@media screen and (max-width: 960px) {
	.textfeature .text{padding: 10px 0px 10px;}
	.bgTxt.title h3{font-size: 26px;}
	.itemA03 .textfeature:nth-child(2n) .classroom li{width: 50%;}
}
@media screen and (max-width: 768px) {
	.info h5.action{font-size: 26px;}
	#productdetail #productinfo article{font-size: 13px;}
	.textfeature,.itemA03 .textfeature:nth-child(2n){display: flex;flex-direction: column;align-items: center;padding: 30px 20px 30px 20px;}
	.textfeature .img,.textfeature .text{width: 99%;margin: auto;}
	.textfeature .text ol,.textfeature .imgbot{padding: 0px 0;margin: 10px 0 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
	.textfeature .text ol li{text-align: center;}
	.textfeature .text h2, .TTtitle02{font-size: 24px;margin: 0px 0px 5px 0px;font-weight: 500;}
	#AB001,#AB002,#AB003,#AB004,#AB005,#AB006{margin-bottom: 20px;}
	#AB002,#AB005{padding: 20px 0;}
.textfeature .img iframe{height: 320px;}
	.textfeature .text ol .iconSS{display: flex;flex-direction: column;align-items: center;}
.textfeature .text .classroom .imgs, .itemA03 .textfeature .classroom .info,.textfeature .imgbot .imgleft, .textfeature .imgbot .imgright{width: -webkit-fill-available;margin-right: 0;}
}
@media screen and (max-width: 480px) {
	.info h5.action{font-size: 22px;}
	.textfeature .text ol .iconSS{width: 100%;border-width: 0px 0px 1px 0px;margin: 5px 0;}
	.itemA03 .textfeature:nth-child(2n) .classroom li{width: -webkit-fill-available;}
.itemA03 .textfeature:nth-child(2n) .classroom .imgs img{height: 210px;}
.itemA03 .textfeature:nth-child(2n) .text ol .iconSS{padding: 10px 10px 0;margin: 5px 0 0;}
}
