How to increase space between dotted border dots

I am using dotted style border in my box like

.box {
    width: 300px;
    height: 200px;
    border: dotted 1px #f00;
    float: left;
}

I want to the increase the space between each dot of the border.