@charset "utf-8";

/*@import url('https://fonts.googleapis.com/css?family=Droid+Sans');*/
@font-face {
  font-family: 'Droid Sans';
  /*font-style: normal;*/
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(/templates/zytcvsite/fonts/droid-sans.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Droid Sans';
  /*font-style: normal;*/
  font-weight: 700;
  src: local('Droid Sans Bold'), local('DroidSans Bold'), url(/templates/zytcvsite/fonts/droid-sans-bold.ttf);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: "NimbusRomanNo9"
  src: url(/templates/zytcvsite/fonts/Nimbus-Roman-No9-L-OT.ttf);
}

@font-face {
  font-family: "NimbusRomanNo9"
  src: url(/templates/zytcvsite/fonts/Nimbus-Roman-No9-L-Medium.ttf);
  font-weight: bold;
}

@font-face {
  font-family: "NimbusRomanNo9"
  src: url(/templates/zytcvsite/fonts/Nimbus-Roman-No9-L-OT-Regular-Italic.ttf);
  font-style:  italic;
}

@font-face {
  font-family: "NimbusRomanNo9"
  src: url(/templates/zytcvsite/fonts/Nimbus-Roman-No9-L-OT-Medium-Italic.ttf);
  font-weight: bold;
  font-style:  italic;
}

/* CSS Document */

/*html, body {
  min-height: 100%;
}*/

.sans {
  font-family: "Droid Sans", "Arial", "Segoe UI", "Helvetica", "宋体", "新宋体", SimSun, "Wenquanyi Bitmap Song", sans-serif;
}
.serif {
  font-family:  "NimbusRomanNo9", "Times New Roman", Times, Georgia, serif, "宋体", "新宋体", SimSun, NSimSun, "Wenquanyi Bitmap Song";
}

body  {
  /* font: 100% Verdana, Arial, Helvetica, sans-serif; */
  background: #666666;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #000000;
  font-family:  "NimbusRomanNo9", "Times New Roman", Times, Georgia, serif, "宋体", "新宋体", SimSun, NSimSun, "Wenquanyi Bitmap Song";
  /*font-family: "Droid Sans", "Arial", "Segoe UI", "Helvetica", "宋体", "新宋体", SimSun, "Wenquanyi Bitmap Song", sans-serif;*/
  /*font-size: 11.5pt;*/
  font-size: 12pt;
  line-height: 140%;
}

hr {
  border: 0;
  border-bottom: 1px dashed #ccc;
  background: #999;
  margin: 1em 0 1.3em 0;
}

img {
  vertical-align: baseline;
  border: 0;
  margin: 0;
}

.hidden-frame {
  display: none;
}

.leftClear {
  clear: left;
  float: none;
}

.leftMargin {
  margin-left: 2em;
}

a:link, a:visited  {
  color: #2222BB;
  text-decoration: none;
}

a:hover, a:active {
  color: #FF0000;
  text-decoration: underline;
}

.unavail_hyperlink {
  color: #8080A0;
  cursor: pointer;
}

.unavail_hyperlink:hover {
  color: #C08080;
  /* border-bottom: 1px dashed */
  text-decoration: underline;
  -moz-text-decoration-style: dotted; 
  -webkit-text-decoration-style: dotted; 
  text-decoration-style: dotted; 
}

/* table style START*/
.cbnleft { border-left: thin solid black; }
.cbnright { border-right: thin solid black; }
.cbntop { border-top: thin solid black; }
.cbnbottom { border-bottom: thin solid black; }
.cbmleft { border-left: 2px solid black; }
.cbmright { border-right: 2px solid black; }
.cbmtop { border-top: 2px solid black; }
.cbmbottom { border-bottom: 2px solid black; }
.protab { display: inline-block; text-align: center; font-size: 0.9em; line-height: 1em }
.protab tr td { padding: 2px 6px; }
/* table style END*/

.pub-title a:link, .pub-title a:visited  {
  color: black;
  text-decoration: none;
}

.pub-title a:hover, .pub-title a:active {
  color: #A02020;
  text-decoration: underline;
}


.pub-acc {
  margin-left: 0.5em;
  margin-top: -1px;
  border-width: 1px;
  border-color: black;
  border-style: dashed;
  max-width: 80%;
  display: none;
}

.pub-acc.show {
  display: block;
}

.pub-bib {
    font-family: monospace;
    font-size: 0.85em;
    line-height: 120%;
}
.pub-bib pre {
    white-space: pre-wrap;
}
div.pub-bib {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0;
  padding-bottom: 0;
}

.pub-abs {
    font-size: 0.85em;
    line-height: 125%;
    font-family: "Helvetica", "Arial", "Segoe UI", "宋体", "新宋体", SimSun, "Wenquanyi Bitmap Song", sans-serif;
}
div.pub-abs {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
}

div.pub-acc-wrap {
  margin-top:  0.5em;
}

.pub-title {
  /*font-weight: normal;*/
  font-weight: bold;
  font-size: 1.05em;
}

.pub-content {
  margin-left: 0em;
  text-indent: 0em;
}

.pub-hl_oral {
  color:rgb(0, 128, 0);
  font-size: 1.05em;
}
.pub-hl_spotlight {
  color:rgb(0, 128, 0);
  font-size: 1.05em;
}
.pub-hl_award {
  color:rgb(255, 0, 0);
  font-size: 1.05em;
}

div.pub-sep {
  height: 0.2em;
}

div.pub-list {
  padding-left: 2em;
  padding-right: 2em;
}

.link-button {
  background: none;
  margin: 0;
  padding: 0;
  border-width: 0;
  font-size: 1em;
  font-family: "NimbusRomanNo9", "Times New Roman", Times, Georgia, serif, "宋体", "新宋体", SimSun, NSimSun, "Wenquanyi Bitmap Song";
  color:#2222BB;
  text-decoration: none;
  cursor: pointer;
  outline: none;
}

.link-button.show {
  color: #FF0000;
}

.link-button:hover, .link-button:active {
  color: #FF0000;
  text-decoration: underline;
}

h1 {
  font-size: 1.7em;
  font-weight: bold;
  font-family: "Droid Sans", Helvetica, Arial, sans-serif;
  margin: 16pt 0 12pt 0;
}

.blog .page-header h2 {
  color: black;
  font-size: 1.2em;
  font-weight: bold;
  font-family: "Droid Sans", Helvetica, Arial, sans-serif;
  margin: 0 0 4pt 0;
  padding-top: 14pt
}

.page-header {
  clear: left;
}

h2 {
  color: rgb(17, 17, 68);
  font-size: 1.3em;
  font-weight: bold;
  font-family: "Droid Sans", Helvetica, Arial, sans-serif;
  margin: 14pt 0 10pt 0;
}

h3 {
  color: rgb(178, 41, 0);
  font-size: 1.2em;
  font-weight: bold;
  font-family: "Droid Sans", Helvetica, Arial, sans-serif;
  margin: 12pt 0 9pt 0;
}

h4 {
  color: rgb(155, 40, 6);
  font-size: 1.1em;
  font-weight: bold;
  font-family: "Droid Sans", Helvetica, Arial, sans-serif;
  margin: 9pt 0 6pt 0;
}

h5 {
  font-size: 1em;
  font-weight: bold;
  font-family: "Droid Sans", Helvetica, Arial, sans-serif;
  margin: 8pt 0 6pt 0.5em;
}

h6 {
  font-size: 0.9em;
  font-family: "Droid Sans", Helvetica, Arial, sans-serif;
  margin: 0 0 0 0;
}

p {
  margin: 0.2em 0;
}

#outerContainer {
  min-width: 600px;
  width: 100%;  /* 这将创建一个占据 80% 浏览器宽度的容器 */
  overflow: visible;
  text-align: center;
  margin:0 auto;
}

#pageContainer { 
  margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
  text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
  padding: 0;
  max-width: 1600px;
  background: #FFFFFF;
  border: 1px solid #000000;
  overflow: visible;
} 


#container { 
  margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
  text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
  padding: 0;
  max-width: 1600px;
  background: #FFFFFF;
  overflow: hidden;
} 

#header-title {
  position: absolute;
  top: 0;
  padding: 16px 0 0 10px;  /* 此填充会将出现在它后面的 div 中的元素左对齐。如果 #header 中使用的是图像（而不是文本），您最好删除填充。 */
  margin: 0;
  color: #FFFFFF;
  background: #111144; 
  height: 32px;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  z-index: 4;
  max-width: 360px;
  font-size: 27px;
  font-weight: bold;
  font-family: "Droid Sans", Helvetica, Arial, sans-serif;
}

#header-bar, #header-bar-dummy {
  position: -webkit-sticky;
  position: sticky;
  background: #111144; 
  color: #FFFFFF;
  vertical-align: middle;
  font-size: 12pt;
  padding: 2px 2px 0 10px;
  overflow: hidden;
} 

#header-bar {
  margin: -28px 0 0 0;
  top: 0;
  float: right;
  height: 26px;
  z-index: 3;
}

#header-bar-dummy {
  margin: 0;
  top: -20px;
  height: 46px;
  z-index: 1;
}

#header-bar-border {
  background: #111144; 
  color: #FFFFFF;
  border-bottom-style: double;
  border-bottom-color: #FFFFFF;
  border-bottom-weight: 0 0 4px 0;
  height: 0px;
  z-index: 0;
}
#header-bar-sep {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 28px;
  background: #FFFFFF; 
  height: 2px;
  z-index: 1;
}

.header a {
  color: #FFFFFF;
  text-decoration: none;
}

.hover-text {
  position: relative;
  overflow: visible;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  font-size: 1em;
}

div.hyper-text {
    border-bottom: 1px dashed;
}

div.hyper-text:hover {
    color: rgb(155, 40, 6);
    border-bottom-color: rgb(155, 40, 6);
}

.hover-anchor-1 {
  -webkit-position: sticky;
  position: absolute;
  top: 0;
  left: -10em;
  right: -10em;
  height: 1px;
  overflow: visible;
  width: auto;
  visibility: hidden;
  white-space: normal;
}
.hover-anchor-2 {
  position: absolute; 
  bottom: 0; 
  left: 0;
  right: 0;
  height: 0; 
  overflow: visible;
  width: auto;
  text-align: center;
}
.hover-box {
  display: inline-block;
  position: static;
  bottom: 0;
  margin: 0 auto;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  background-color: darkslateblue; 
  color: white; 
  padding: 3px 10px; 
  border: 2px solid white; 
  border-radius: 8px;
  font-size: 0.8em;
  line-height: 130%;
  text-align: left;
  cursor: auto;
}
.hover-text:hover .hover-anchor-1 {
  visibility: visible;
}



.header h1 {
  margin: 0; /* 将 #header div 中最后一个元素的边距设置为零将避免边距重叠（即 div 之间出现的无法解释的空白）。如果 div 周围有边框，则不必将边距设置为零，因为边框也会避免边距重叠 */
  padding: 10px 0; /* 使用填充而不使用边距将可以使元素远离 div 的边缘 */
  line-height: 32px;
}

#header-bar ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#header-bar ul.menu li {
  display: inline;
  border-left: 1px #AAAAAA solid;
  padding: 0 10px;
}

#header-bar ul.menu li.active, #header-bar ul.menu li.active a {
  color: #BBBBBB;
}

#header-bar a:link, #header-bar a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

#header-bar a:hover, #header-bar a:active {
  color: #FFFFFF;
  text-decoration: underline;
}

/* sidebar1 提示：
1. 由于我们使用的是百分比，因此最好不要在侧栏中使用填充。它将会新增至宽度，而让符合标准的浏览器建立未知的实际宽度。 
2. 如果为 div 中的元素设置左边距和右边距，则会在 div 边缘和这些元素之间产生空白，如“#sidebar1 p”规则中所示。
3. 由于 Explorer 会在父元素显示之后计算宽度，因此基于百分比的栏有时会出现无法解释的错误。如果您需要更可预见的结果，可选择改为以像素为单位设置栏的大小。
*/
#sidebar1 {
  float: right; 
  min-width: 200px; /* 由于此元素是浮动的，因此必须指定宽度 */
  max-width: 35%;
  overflow: hidden;
  padding: 0;
  border: 0;
  margin: 0px 0 20px 14px;
}

#sidebar1 #side-menu1 {
  min-width: 200px;
  max-width: 100%;
  background: #F2EECC; /* 将显示背景色，其宽度等于栏中内容的长度，*/
  padding: 15px 2em 15px 0; /* 顶部和底部的填充将在该 div 中产生视觉空间 */
  border: 4px double #111111;
}

#sidebar1 #side-info1 {
  margin-top: 1em;
  text-align: center;
}


#sidebar1 h3, #sidebar1 p {
  margin-left: 10px; /* 对于将要放在侧栏中的每个元素，都应当设置左边距和右边距 */
  margin-right: 10px;
}

#sidebar1 ul {
  font-size: 13pt;
  list-style-position: outside;
  list-style-type: disc;
  /*list-style-type: none;*/
  margin: 0 0 0 2em;
  padding: 0;
}

#sidebar1 ul li {
  padding: 0.2em 0;
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}

#sidebar1 ul li ul {
  font-size: 12pt;
  list-style-position: outside;
  list-style-type: circle;
  margin: 0;
  padding: 0;
}

#sidebar1 ul li ul li {
  margin: 0 0 0 1em;
  padding: 0.2em 0;
  /*font-family: "Times New Roman", Times, serif, "宋体", "新宋体", SimSun, "Wenquanyi Bitmap Song";*/
}

/* mainContent 提示：
1. mainContent 和 sidebar1 之间的空白是由 mainContent div 的左边距创建的。无论 sidebar1 div 中包含多少内容，都将保留栏空白。如果您希望在 #sidebar1 中的内容结束时，用 #mainContent div 的文本填充 #sidebar1 空白，则可以删除此左边距。
2. 为了避免在所支持的最小分辨率 800 x 600 下出现“浮动下降”，mainContent div 中的元素（包括图像）不应大于 430 像素。
3. 在下面的 Internet Explorer 条件注释中，zoom 属性用来赋予 mainContent“hasLayout”。这会避免几个特定于 IE 的错误。
*/
#mainContent { 
  margin: 10px 20px 20px 20px; /* 右边距可以用百分比或像素来指定，它会在页面的右下方产生空白。 */
  padding: 0 0 0 0px;
} 
#footer {
  font-family: Arial, Helvetica, "宋体", "新宋体", SimSun, "Wenquanyi Bitmap Song", sans-serif; 
  padding: 0 10px; /* 此填充会将它上面 div 中的所有元素左对齐。 */
  font-size: 10pt;
  color: #FFFFFF;
  background: #111144;
  height: 3em;
  margin: 0;
  overflow: hidden;
} 
#footer p {
  margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
  padding: 10px 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
}

#footer a {
  color: #BBBBBB;
}

.leftSide {
  float: left;
  padding: 0 6px 0 0;
}
.rightSide {
  float: right;
  padding: 0 0 0 6px;
}
.centerSide {
  text-align: center;
  overflow: hidden;
  /*height: 3em;*/
}

/* 要重用的各种类 */
.fltrt { /* 此类可用来使页面中的元素向右浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */
  float: right;
  margin-left: 8px;
}
.fltlft { /* 此类可用来使页面上的元素向左浮动 */
  float: left;
  margin-right: 8px;
}
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
  clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#pathnav {
  display: block;
  top: 5px;
  z-index: 2;
  overflow: hidden;
  height: 23px;
  vertical-align: bottom;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 5px;
}
#pathnav.pathnav-visible {
  margin: 0 0 0 14px;
}
#pathnav.pathnav-hidden {
  margin: -30px 0 7px 14px;
}

#pathnav #pathnav-inner {
  position: relative;
  font-family: Arial, Helvetica, "宋体", "新宋体", SimSun, "Wenquanyi Bitmap Song", sans-serif;
  font-size: 10pt;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#pathnav .pathnav-item {
  position: relative;
  display: inline-block;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color: #FFFFFF;
  margin: 0 0 0 0;
  height: 22px;
  padding: 1px 0.2em 0 0.2em;
}
#pathnav .pathnav-leafitem {
  position: relative;
  display: inline-block;
  background-color: none;
  margin: 0 0 0 0;
  height: 22px;
  padding: 1px 0.2em 0 0.2em;
  color: #FFFFFF;
}
#pathnav .pathnav-sep {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0 0.2em 0px 0.2em;
  color: #AAAAFF;
}
#pathnav-fill {
  width: 100%;
  margin-bottom: -12px;
  display: block;
}


.componentheading {
  font-size: 1.7em;
  font-weight: bold;
}

.blog .contentheading {
  font-size: 1.4em;
  font-weight: bold;
}

.page .contentheading {
  font-size: 1.7em;
  font-weight: bold;
}

/* .article-info .category-name, .article-info .create, .article-info .modified {*/

.muted {  /* article-info muted*/
  font-size: 0.5em;
  line-height: 150%;
  padding: 0.5em 1em;
  background-color: #EEE;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 60%;
  margin: 0 0 1.5em 0; 
}

/*
.article-info dt, .article-info dd {
display: inline-block;
} 
*/

.article-info dl {
  margin: 0 0 0 0;
  padding: 0;
  /* white-space: nowrap; */
}

.article-info dl dt {
  color: #666699;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0;
  margin: 0 0.6em -1.5em 0
}

.article-info dd {
  padding: 0;
  margin: 0 0 0 4.5em;
    color: #000080;
}



#bottom-right-marker {
  width: 1em;
  height: 1em;
}

.default-video-frame {
  width: 100%;
  max-width: 800px;
  margin: auto;
  padding: 0;
  border: 2px solid #505050;
}

.project-thumb {
  height: 5.4em;
  float: left;
  margin: 0.2em 0.6em 0.2em 0;
}