このボックスは .wrapper の中で上下左右中央に配置されます。
中身の要素が色々変わって幅や高さが分からなくても Anything OK! (特ホウ王国のリサ・ステッグマイヤー風)
上の .box との幅・高さの違いを比較してみてください。
CSS3、素晴らしいですね!!!