body {
	line-height: 1;
	background-color: gray;
	background-image: url(images/rainbowbg.gif);
	background-repeat: repeat-y;
	background-size:100% auto;
	text-align: center;
	font-family: 'Times New Roman', Times, serif;
}

/* 用来装实际上显示的文字的 */
#container{
	max-width: 760px;
	margin:0 auto;
	/* background-color: #ececff; */
	border: 5px inset #0000ff;
	padding: 8px;
	box-sizing: border-box;
}

/* 全局 h 系列的标题样式 */
h1, h3{
	font-family: 'Courier New', Courier, monospace;
}

/* 默认超链接格式 */
a{
	color:#0000ff;
}
a:visited{
	color: #800080;
}

/* 全局 默认 文字 字体！ */
p, figcaption{
	font-size: 100%;
	font-family: 'Times New Roman', Times, serif;
	line-height: 125%;
}

/* 在文字中的默认链接是怎么显示的？（比如this is my little *homepage*） */
p a{
	color: #8000ff;
	text-decoration: none;
}
p a:hover{
	color:purple;
	text-decoration: underline;
}

/* List Items*/
li {
	text-align: left;
}

/* 全局的无序清单 */
ul{
	font-size: 100%;
	font-family: 'Gill Sans', Calibri, sans-serif;
	line-height: 125%;
	padding-right: 50px;
	padding-left: 50px;
	background-color: pink;
	outline: 2px solid red;
}


/* 真正页面的那三个仿 Win98 的按钮 */
nav ul{
	outline:none;
	background-color: transparent;
	padding: 0;
}
nav a, nav a:visited{
	display: inline-block;
	padding:4px 14px;
	margin: 2px;
	background-color: #c0c0c0;
	border: 3px outset #ffffff;
	color: #0f0f0f;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
nav a:active{
	border-style: groove;
}


/* 全局图片统一格式（大香蕉） */
img{
	max-width: 100%;
	height:auto;
}

figure img{
	width: 100px;
}

/* 头部大标题 */
.headLogoTxt, .headLogoTxt:visited{
	color: black;
	text-decoration: none;
}


.box{
	padding: 10px;
	padding-top: 15px;
	background-color: rgb(243, 144, 243);
	outline: 1px solid red;
}

.bottom{
	text-align:center;
	font-size: 85%;
	padding-left: 10px;
}

.contact{
	text-align: center;
}
.contact td{
	padding: 0 12px;
}
.contact img{
	width: 40px;
}

/* 开头的头像和bio */
.intro{
	width:100%;
}
.intro td{
	padding:0 12px;
}
.intro img{
	width: 500px;
}

.blink{
	animation: blink 1s step-start infinite;
	color: #ff3333;
	font-weight: bold;
	text-shadow: 1px 1px 0 white;
}
@keyframes blink{
	50% {opacity: 0;}
}