/* 定义各区域的宽度 */
/* #wraper 为页面总容器 */
#wraper,
  /* #topArea 位于header上部的最顶部区域 */
#topArea,
  /* #header 为顶部放置logo的容器 */
#header,
  /* #webNav 为主导航区域 */
#webNav,
  /* #footer 为页面底部区域 */
#footer{width: @pageWidth;}


/* #topArea > .topAreaBar 子容器 */
.topAreaBar,
  /* #webNav > .webNavBar 子容器 */
.webNavBar,
  /* .logoWraper 用于存放logo的容器 */
.logoWraper,
.footerBar {width: @containerInnerWidth; margin: 0 auto;}

/* #mainContainer 主内容区域 */
#mainContainer{
  width: @mainContainerInnerWidth;margin: 0 auto;
}