As3 arrange problem

When i mouseover trader, the pink and blue area alpha are 1, the other area 's alpha will be 0.2 When the user click the pink button. it will addChild. But due to the layer order in the timeline, I only can click a little area in the pink area.  (See the photo2 bottom).  because the other area, whom alpha=0.2 overlay the pink layer. The red area in the photo2 is overlay area. How can I solve it? I want to click a whole pink area.

var alp:Number=0.1;

relationship.pinkL3.addEventListener(MouseEvent.CLICK, onClick8);

relationship.arc8.addEventListener(MouseEvent.CLICK, onRelat8);

relationship.traders.addEventListener(MouseEvent.CLICK, onRelat8);

function onRelat8 (evt:MouseEvent):void{

    relationship.blueL1.alpha=1;

          relationship.blueL2.alpha=alp;

          relationship.blueL3.alpha=alp;

          relationship.blueL4.alpha=alp;

          relationship.pinkL1.alpha=alp;

          relationship.pinkL2.alpha=alp;

          relationship.pinkL3.alpha=1;

          relationship.pinkL4.alpha=alp;

          relationship.yellowL1.alpha=alp;

          relationship.yellowL2.alpha=alp;

          relationship.yellowL3.alpha=alp;

          relationship.orangeL1.alpha=alp;

          relationship.orangeL2.alpha=alp;

          relationship.orangeL3.alpha=alp;

          relationship.orangeL4.alpha=alp;

          relationship.redL1.alpha=alp;

          relationship.businessOwners.alpha=1;

          relationship.sexWorkers.alpha=1;

          relationship.drugAddicts.alpha=alp;

          relationship.workers.alpha=alp;

          relationship.tourists.alpha=alp;

          relationship.security.alpha=alp;

          relationship.domestic.alpha=alp;

          relationship.traders.alpha=1;

          relationship.seekers.alpha=alp;

}

function onClick8(evt:MouseEvent):void{

          addChild(traderSexN);

          traderSexN.x=150;

          traderSexN.y=100;

          traderSexN.mc1.gotoAndPlay(1);

          trace("ok");

}