Ace Series ACE-PRO Discount

.ul_tabs {display:none}
#wrap_des_pr>.container{width: 100%;max-width: 100%;padding-right: 0;padding-left: 0;margin-right: auto;margin-left: auto;}
.panel.entry-content.sp-tab.des_mb_2.des_style_1.dn.active{padding: 25px}
ul{padding: 0 25px}

#CKTA>div{position: relative}
.dw{border-bottom: 0!important;position: absolute}
.dw1 {left: 49.55%;top: 10%;width: 36.81%;height: 79.7%;border-radius: 6px;}
.dw2 {left: 53.6%;top: 58.1%;width: 24.81%;border-radius: 6px;}
.dw3 {left: 36%;top: 40%;width: 30%;height: 20%;}
.pcA{display: block;}
.phA{display: none;}

.change_btn {position: absolute;width: 13%;height: 10%;border-radius: 30px;background: #ffffff00;cursor: pointer;z-index: 5;}
.change_img{position: absolute;left:0;top: 0;width: 100%;z-index: 2;display: none}
.change_img_m{position: absolute;left:0;top: 0;width: 100%;z-index: 2;display: none}
.change_btn_m:hover,.change_btn:hover,.showVideo:hover,.showModel:hover{background: #ffffff30!important;}
.showVideo{-webkit-animation: btnFlicker 2s infinite;-o-animation: btnFlicker 2s infinite;animation: btnFlicker 2s infinite;}

#Youtube01 {position: absolute;width: 31.3%!important;height: 68.3%!important;left: 55.2%;top: 15.8%;}

.alink{position: absolute;border-bottom: 0!important;}
.alink:hover{background: #ffffff40}
.alk1 {left: 14.8%;top: 50.2%;width: 13.5%;height: 30.3%;border-radius: 50%;}
.alk2 {left: 72.3%;top: 50.2%;width: 13.5%;height: 30.3%;border-radius: 50%;}

@media screen and (max-width:800px) {
ul{padding: 0}
.panel.entry-content.sp-tab.des_mb_2.des_style_1.dn.active{padding: 0}

.dw1 {left: 5.55%;top: 50.9%;width: 89.2%;height: 44.1%;border-radius: 3px;}
.dw2 {left: 12.5%;top: 76.8%;width: 74.5%;border-radius: 6px;}
.dw3 {left: 25%;top: 37%;width: 50%;height: 20%;}
.pcA{display: none;}
.phA{display: block;}

.change_btn_m {position: absolute;width: 39%;height: 7%;left: 2%;border-radius: 30px;background: #ffffff00;cursor: pointer;z-index: 5;}

#Youtube01 {width: 94%!important;height: 38.2%!important;top: 25.4%;left: 3%;}

.showVideo1 {left: 8.6%!important;top: 65.6%!important;width: 7.4%!important;height: 5.6%!important;}
.showVideo2 {left: 54.8%!important;top: 86%!important;width: 7.4%!important;height: 5.6%!important;}
#showend {width: 42%!important;bottom: 11%!important;left: 11%!important;}

.alk1 {left: 6%;top: 50.8%;width: 22.3%;height: 22.2%;}
.alk2 {left: 74%;top: 50.8%;width: 22.3%;height: 22.2%;}

}
–>

$(function () {
$( .change_btn ).click(function () {
$( .change_btn ).css( background , #ffffff00 );
$(this).css( background , #ffffff30 );
let index = $( .change_btn ).index($(this));
console.info(index);
$( .change_img ).hide();
$( .change_img ).eq(index).show();
});
$( .change_btn_m ).click(function () {
$( .change_btn_m ).css( background , #ffffff00 );
$(this).css( background , #ffffff30 );
let index = $( .change_btn_m ).index($(this));
console.info(index);
$( .change_img_m ).hide();
$( .change_img_m ).eq(index).show();
})
})