-----------------------------------------------
<div class="apsmx-posy-layer">
	<div class="apsmx-posy-layer-ibox">
		<div class="apsmx-posy-row" data-posy-loc="header">
			<div class="apsmx-posy-row-ibox">
				<div class="apsmx-posy-cell" data-posy-loc="left">
					<div class="apsmx-posy-cell-ibox">
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
					</div>
				</div>
				<div class="apsmx-posy-cell" data-posy-loc="center">
					<div class="apsmx-posy-cell-ibox">
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
					</div>
				</div>
				<div class="apsmx-posy-cell" data-posy-loc="right">
					<div class="apsmx-posy-cell-ibox">
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="apsmx-posy-row" data-posy-loc="main">
			<div class="apsmx-posy-row-ibox">
				<div class="apsmx-posy-cell" data-posy-loc="left">
					<div class="apsmx-posy-cell-ibox">
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
					</div>
				</div>
				<div class="apsmx-posy-cell" data-posy-loc="center">
					<div class="apsmx-posy-cell-ibox">
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
					</div>
				</div>
				<div class="apsmx-posy-cell" data-posy-loc="right">
					<div class="apsmx-posy-cell-ibox">
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="apsmx-posy-row" data-posy-loc="footer">
			<div class="apsmx-posy-row-ibox">
				<div class="apsmx-posy-cell" data-posy-loc="left">
					<div class="apsmx-posy-cell-ibox">
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
					</div>
				</div>
				<div class="apsmx-posy-cell" data-posy-loc="center">
					<div class="apsmx-posy-cell-ibox">
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
					</div>
				</div>
				<div class="apsmx-posy-cell" data-posy-loc="right">
					<div class="apsmx-posy-cell-ibox">
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
						<div class="apsmx-posy-wrap"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
-----------------------------------------------
[Memo]
For layer, row, cell, there is an inner div called "ibox"
ibox ("layer-ibox","row-ibox","cell-ibox") can have paddings.
"layer-ibox"'s padding should be converted to absolute(top,left,bottom,right) when the container's height is fixed.
"row-ibox" has "display:table"
"cell" has "display:table-cell"
"cell-ibox" at "main"&"center" has "overflow-y:auto"
A role of "cell-ibox" is to prevent cell from growing taller.
-----------------------------------------------