/* -------------------------------- 标签选择器  ----------------------------------------------*/

html
{
    overflow: scroll;  /* 浏览器始终显示滚动条。不要在body标签中设置，否则会在内部body中显示。
                          页面刚开始加载时或不超过一屏时，IE8不会显示右侧纵向滚动条，等加载完成后如果超过一屏，又会显示纵向滚动条，
                          如果页面设置居中，这样显示过程中会导致页面向左跳动。 */
}

body
{   /* -----------------------------整个窗口的样式------------------- */
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #333333;
    line-height: 16px;
    font-family: 宋体, Arial, Helvetica, sans-serif;
    background: #C0C0C0;
}


/* ------------------- ul 列表，列表项为 li --------------- */
ul
{
    margin :0;   /* 如果不设置边距margin，ul会自动生成 */
    padding :0;
}

/* ------------------------ h1-h6 标题， p 段落 ---------- */
h1, h2, h3, h4, h5, h6, p
{
	margin-top: 0;	 /* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
	padding-right: 10px;
	padding-left: 10px;
}

p
{
    font-size :14px;
}

h1
{
    padding: 20px;
    text-align: center;
    color: #000066;
    line-height: 40px;
}


a img
{ 
	border: none;  /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
}


/* --------------------- 超级链接的样式必须保持此顺序。----------- */
a:link
{
    color: #000000;
    text-decoration: underline;   /* 下划线 */
}

a:visited
{
    color: #000000;
    text-decoration: underline;
}

a:hover, a:active, a:focus
{
    /* hover鼠标悬停时的样式， 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
    text-decoration: none;
    color: #FF0000;
}