/* sideNav2 */
#sideNav2 ul.Cate{text-align: center;font-size: 15px;color: #9e9e9e;display: flex;justify-content: center;}
#sideNav2 >ul >li {position: relative;display: inline-block;border: 1px solid #e1e1e1;margin: 10px;border-radius: 20px;}
#sideNav2 >ul >li >h3 {display: block;}
#sideNav2 >ul >li >h3 a {font-size: 15px;font-weight: 600;color: #35393a;display: block;padding: 15px 30px;transition: 0.9s;line-height: 0.8;text-align: center;}

#AB001,#AB002,#AB003,#AB004,#AB005,#AB006{padding: 60px 0 0;}

/* 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: 10px 0;width: auto;display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;padding: 60px 20px;border-radius: 20px;}
.textfeature .img{width: 60%;margin: 0 0 0 2%;}
.textfeature .img img{border-radius: 20px;}
.textfeature .img p{padding: 15px 10px;}
.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 0px;}
.textfeature .text h2,.TTtitle02{color: var(--primary);font-size: 32px;margin: 0px 0px 15px 0px;font-weight: 700;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;}


/*table
*----------------------------------------------------------------------------*/
.table-container {width: 100%;margin: 20px 0 30px;}
.table_brand {width: 100%;border-right: 1px #e6e6e6 solid;border-top: 1px #e6e6e6 solid;border-spacing: 0px;background-color: #fff;}
.table_brand td a{color: var(--primary);vertical-align: bottom;}
.table_brand th, .table_brand td{border-left: 1px #e6e6e6 solid;border-bottom: 1px #e6e6e6 solid;padding: 14px 10px;width: auto;font-size: 15px;font-weight: 500;line-height: 150%;text-align: center;}
.table_brand tr.gray_bg td{background-color: rgb(247 247 247);}
.table_brand tr.gray_bg:nth-child(2n)  td{background-color: rgb(255 255 255);}
.table_brand .red_bg td{text-align: center;font-weight: 600;}
.table_brand td h2{text-align: center;font-size: 18px;padding-bottom: 10px;}
.table_brand tr th:nth-child(1){font-size: 16px;font-weight:400;line-height: 160%;}
.table_brand .red_bg{font-weight: 600;text-align: center;background-color: #555;color: #ffffff;}
.table_brand tr tr:nth-child(odd){background-color: rgb(215 215 215 / 0%);}
.table_brand td.alt{ text-align:left;}
.table_brand tr.black_bg{background-color: #535353;color: #fff;}



@media screen and (max-width: 1560px) {
}
@media screen and (max-width: 1280px) {
	.textfeature .text{padding: 10px 0;}
.table_brand th, .table_brand td{
    font-size: 14px;
}
}
@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%;}
	.table-container{-webkit-overflow-scrolling: touch;overflow-x: scroll;margin: 10px 0 10px;}
}
@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 10px 10px 10px;}
	.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;}
	#AB001,#AB002,#AB003,#AB004,#AB005,#AB006{margin-bottom: 0px;padding: 40px 0;}
	#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;}
    #sideNav2 ul.Cate{display: flex;flex-wrap: wrap;}
	.table_brand {width: 780px;border-right: 1px #e6e6e6 solid;border-top: 1px #e6e6e6 solid;}
}
@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;}
	#sideNav2 >ul >li >h3 a{padding: 16px 20px;letter-spacing: 0px;}
	#sideNav2 >ul >li{
    margin: 8px 10px;
}
	.table_brand td:nth-child(1){width: 150px;}
}