How Can Change Default Behavior Of Update Delivery Cost In Checkout Page

Basically I use the default UI of cs-cart. I attached our checkout page screen here. you also can just check in my website

Delivery is only within Australia. our delivery cost is only based on the state, means different state may have different delivery cost, no other calculation.
So I want change this page simple.
1. remove the first part delivery to, where select state then click to calculate delivery cost.
2. put the state input in below where to fill in delivery address. in there when where select a state then update the delivery cost.
3. basically I need these input in "Customer" section.
full name*, address*, city*, state*(update delivery cost when select), postal code*, number*, email, message

Need help what's the easy way or best practise to do that? Prefer if can just by configuration.

Try to play with blocks and their settings on the Design -> Layouts -> Checkout page