@CHARSET "UTF-8";
@font-face {
	font-family: 'gothic';
	src: url('font/gothic.eot');
	src: local('gothic'), url('font/gothic.woff') format('woff'), url('font/gothic.ttf') format('truetype');
}
@font-face {
	font-family: 'Italic';
	src: url('font/ufonts.com_gotham_bold_italic.eot');
	src: local('Italic'), url('font/ufonts.com_gotham_bold_italic.woff') format('woff'), url('font/ufonts.com_gotham_bold_italic.ttf') format('truetype');
}
.font{
	font-family:gothic, Italic, Microsoft YaHei, Georgia, Times, TimesNR, 'New Century Schoolbook', 'New York', serif;
}

.icon {
	vertical-align: bottom;	
	width: 100px;
	text-align: center;
	display: inline-block;
}
.icon img{
    margin-left: auto;
    margin-right: auto;			
	height: 40px;
	display: block;
}
.container{
  /* 投影效果 */
  -webkit-box-reflect: below 1px linear-gradient(transparent,rgba(0,0,0,0.2));
}

h1{
	
	color:#172C3C;
}
h2{
	font-family:Italic, gothic, Microsoft YaHei, Georgia, Times, TimesNR, 'New Century Schoolbook', 'New York', sans-serif;
	
}
h3{
	font-family:Italic, gothic, Microsoft YaHei, Georgia, Times, TimesNR, 'New Century Schoolbook', 'New York', sans-serif;
  /* 自定义属性--c，可通过var函数对其调用 */
  /* --c:lightseagreen; */
  /* 调用自定义属性--c，设置文字阴影（发光效果） */
  /* text-shadow: 0 0 10px var(--c),
  0 0 20px var(--c),
  0 0 40px var(--c),
  0 0 80px var(--c),
  0 0 160px var(--c); */
  /* 执行动画：动画名 时长 线性的 无限次播放 */
  /* animation: animate 5s linear infinite; */

}
h4{
	font-family:Italic, gothic, Microsoft YaHei, Georgia, Times, TimesNR, 'New Century Schoolbook',  'New York', sans-serif;
	
}

/* 定义动画 */
@keyframes animate {
  to{
      /* 色相旋转滤镜（设置度数可改变颜色） */
      filter: hue-rotate(360deg);
  }
}

.shadow {
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000)";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}



#pubList tr td:first-child{
  width: 120px;
  height: 75px;
  text-align: center;
}
#pubList tr td:last-child{
  padding-left: 20px;
}
#pubList tr td img{
  max-width: 120px !important;
  max-height: 75px !important; 
}

a:visited, a:link {
	font-family:Italic;
	text-decoration: none;
	color: #000000;
	border-color: #E69B03;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
}
a:hover {
	color:#E69B03;
	font-weight:bold;
}


body {
  font-family: Microsoft YaHei;
  font-size: 15px;
  margin-left: auto;
   margin-right: auto;
    width: 980px;
  background-color: #fff;
  } 

b{
	font-family: Microsoft YaHei;
}


img.img-photo {
    display: flex;
    margin: 5px 10px 15px 20px; 
	float: center;	 
    border-radius: 6px;
  }
/*personal photo*/



 
/*highlight red color*/
.highlightRedFont {	
    color: #FF0000;
	font-weight: bold;
}

img.solidBorder {
    float: left;
    display: inline;    
    border-radius: 2px;
    border: 1px solid #cccccc;
}

.highlight1 {	
    color: #E69B03;
	font-weight: bold;
	
	vertical-align:20%;
}	
.speciallink {	
		color:#FF0000;
}
.specialhead{
	 color: #E69B03;
}
.specialword{
	color:#FF8C64;
}
.specialbracket{
	color:#0000FF;
}
.specialbracket1{
	color:#0000FF;
}

	
#projects div {
	vertical-align: text-top;
	width: 180px;
	height: 200px;
	display: inline-block;
	text-align:center;	
	
}

.mylist-group-item2 {
   display: block;   
   text-align: left;
   margin-left:20px;
   font-size:15px;
   margin-top:5px;
  
}
.mylist-group-item5 {
   display: block;   
   text-align: left;
   margin-left:20px;
   font-size:13px;
   margin-top:5px;
  
}

#projects div img{
	display: inline;
	max-height: 90px !important;
}