BODY {
        MARGIN-LEFT: 12%;
        MARGIN-RIGHT: 12%;
        background-color: #F7F7F7;

}

/* 网页内容左右各留屏幕12％的边距，背景颜色白色系 */

p.navig{
        width:100%;
        background-color:#3366aa;
        font-size: 12px;
        LINE-HEIGHT:150%;
        text-align: center;
        color : #ffffff;
}

/* 每个网页导航条（即顶部和底部目录页、上一页、下一页的链接）的样式 */

p.section{
        font-weight: bold;
        text-align: center;
        LINE-HEIGHT:165%;
        FONT-FAMILY:"宋体";

}
p.indexnavig{
        MARGIN-left:10%;
        MARGIN-RIGHT: 10%;
        background-color:#3366aa;
        font-size:smaller;
        LINE-HEIGHT:180%;
        text-align: center;
        color : #ffffff;
}

/* 目录页导航条的样式 */

h1{

        LINE-HEIGHT:150%;
        text-align: center;
}

h1.index{
        letter-spacing: 3pt;
}

p {

        LINE-HEIGHT:165%;
        FONT-FAMILY:"宋体";

}

/* 正文的样式 */

.notelink{

        vertical-align:super;
        font-size:smaller;
}

/* 正文里脚注链接的样式 */

hr{

        HEIGHT: 1px;
        text-align: left;
        width: 33%;
}

.footnote{

        font-size:smaller;
        line-height: 150%;
}

/* 脚注的样式。不过有的网页脚注，我采用正文样式。这个看情况定。 */

.indexcontent {

        LINE-HEIGHT:150%;
        FONT-FAMILY:"宋体";
        MARGIN-left:20%;
        MARGIN-right: 20%;

}

/* 目录页目录的样式 */

.content IMG {MARGIN: 7px}
.TitleLinks {TEXT-ALIGN: center}
.TitleLinks .content {LINE-HEIGHT: 20pt}
.TitleLinks .content IMG {MARGIN-TOP: 7px; MARGIN-BOTTOM: 7px}

a.navig:link {COLOR: #ffffff; TEXT-DECORATION: none}
a.navig:visited {COLOR: #ffffff; TEXT-DECORATION: none}
a.navig:active {COLOR: #ffffff; TEXT-DECORATION: none}
a.navig:hover {COLOR: #ffffff; TEXT-DECORATION: underline}

/* 导航条的链接文字的样式，主要是保证深色背景上的文字显白色。这个用软景HTML制造机做的时候，要在模版标签修改一下代码。比如默认的<a href="[INDEXPAGE]">目录页</a>修改成<a href="[INDEXPAGE]" class=navig>王凡西：毛泽东思想论稿</a> */

A:link {COLOR: #0033cc; TEXT-DECORATION: none}
A:visited {COLOR: #0033cc; TEXT-DECORATION: none}
A:active {COLOR: #0000ff; TEXT-DECORATION: none}
A:hover {COLOR: #ff0000; TEXT-DECORATION: underline}
/* =====================================*/
/* Adjustments for Mobile Devices       */
/* =====================================*/

@media (max-width: 480px) {
  p { font-size: 12pt; margin-left: 1%; margin-right: 1%; margin-bottom: 4pt; margin-top: 4pt; line-height: 125%; }
  p.indentb { margin-left: 6%; margin-right: 1%; }
  p.quoteb { margin-left: 6%; margin-right: 1%; }
  p.index { margin-left: 6%; margin-right: 1%; }
  h1 { font-size: 18pt; margin-left: 1%; margin-right: 1%; }
  h2 { font-size: 16pt; margin-left: 1%; margin-right: 1%; }
  h3 { font-size: 14pt; margin-left: 1%; margin-right: 1%; }
  h4 { font-size: 13pt; }
  h5 { margin-left: 1%; }
  h6 { margin-left: 1%; }
  img { width: 150px; height: auto; }
  img.auto {width: auto ; height: auto; }
  blockquote {margin-left: 1%; }
}