@import url(https://fonts.googleapis.com/css?family=Quicksand:300,400,500|Lato:300,400|Roboto:400,400i,500,600|Rubik:500,600|Noto+Sans+HK:300,400,500|PT+Sans:300,400,500,600,700|Raleway:300,400,500,600);

body {
  background-color: #ffffff;
  padding:50px;
  /*font: 15px/1.55 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#181818;*/
  font-weight:300;
  font: 18px/1.5 'PT Sans';
  color:#5a5a5a;
  /*text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  text-rendering: optimizeLegibility !important;*/
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

b {
  /*font-family: Lato, "Helvetica Neue", Helvetica, Arial;*/
  color:#000;
  font-weight:500;
  -moz-osx-font-smoothing: auto;
}

h1, h2, h3, h4, h5, h6 {
  color:#000;
  margin:0 0 10px;
}

p, ul, ol, table, pre, dl {
  margin:0 0 20px;
}

h1, h2, h3 {
  line-height:1.1;
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto;
  /*font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

h1 {
  font-size:33px;
  font-weight: 400;
  margin:0 0 2px;
}

h2 {
  font-size:29px;
  color:#000;
  font-weight: 400;
}

h3 {
  font-size:19px;
}

h4 {
  font-size:16px;
}

h3, h4, h5, h6 {
  color:#494949;
  font-weight: 400;
}

a {
  /*color:#3991bf;*/
  color: #007399; /*#8c1515;*/
  text-decoration:none;
  font-weight:400;
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto;
  /*font: 15px/1.55 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

a:hover {
  color:#007399;
  text-decoration: underline;
}

a small {
  font-size:11px;
  color:#777;
  margin-top:-0.3em;
  display:block;
}

a:hover small {
  color:#777;
}

.wrapper {
  width:1147px;
  margin:0 auto;
}

blockquote {
  border-left:1px solid #e5e5e5;
  margin:0;
  padding:0 0 0 20px;
  font-style:italic;
}

code, pre {
  font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
  color:#333;
}

pre {
  padding:8px 15px;
  background: #f8f8f8;
  border-radius:5px;
  border:1px solid #e5e5e5;
  overflow-x: auto;
}

table {
  width:100%;
  border-collapse:collapse;
}

th, td {
  text-align:left;
  vertical-align:top;
  padding:6px 0 6px 0;
  border-bottom:1px solid #e5e5e5;
}

dt {
  color:#444;
  font-weight:500;
}

th {
  color:#444;
}

img {
  max-width:100%;
}

header {
  width:270px;
  float:left;
  position:fixed;
}

header ul {
  list-style:none;
  height:40px;
  padding:0;
  background: #f4f4f4;
  border-radius:5px;
  border:1px solid #e0e0e0;
  width:270px;
}

header li {
  width:89px;
  float:left;
  border-right:1px solid #e0e0e0;
  height:40px;
}

header li:first-child a {
  border-radius:5px 0 0 5px;
}

header li:last-child a {
  border-radius:0 5px 5px 0;
}

header ul a {
  line-height:1;
  font-size:11px;
  color:#999;
  display:block;
  text-align:center;
  padding-top:6px;
  height:34px;
}

header ul a:hover {
  color:#999;
}

header ul a:active {
  background-color:#f0f0f0;
}

strong {
  color:#222;
  font-weight:500;
}

header ul li + li + li {
  border-right:none;
  width:89px;
}

header ul a strong {
  font-size:14px;
  display:block;
  color:#222;
}

section {
  width:830px;
  float:right;
  border:1px solid #e5e5e5;
  /*border-width:0 0 1px 0;*/
  border-width:0 0 0px 0;
  padding:0 0 20px 0;
  margin:0 0 20px 0;
}

.conf-title {
  font: 18px/1.5 'PT Sans';
  font-weight: 500;
  color: #007399;
}

.conf-author {
  font: 18px/1.5 'PT Sans';
}

.conf-name {
    font: 18px/1.6 "PT Sans", Helvetica, Arial, sans-serif;
    font-weight:700;
    color: #5d5d5d;
}

.video {
    color: #535353;
}

.ppt {
    color: #000000;
}

small {
  font-size:16px;
  font-weight: 400;
}

hr {
  border:0;
  background:#e5e5e5;
  height:1px;
  margin:0 0 20px;
}

footer {
  width:830px;
  float:right;
  /*position:fixed;*/
  /*bottom:25px;*/
  -webkit-font-smoothing:subpixel-antialiased;
}

.box
{ float: left;
background: #EEE;
padding: 2em 2em 1em 2em;
margin-left: 0.5em;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}

.bs-callout {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 17px 0 0 0;
  border: 1px solid #eee;
  border-left-width: 1px;
  border-radius: 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
 -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
 box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
}

  .bs-callout-none {
  border-left-color: #eee; }

.bs-callout-conference {
  border-left-color: #ef4e6e; }

  .bs-callout-thesis {
  border-left-color: #13b4ff; }

  .bs-callout-journal {
  border-left-color: #5cb85c; }

.sec ul {
  list-style:none;
  height:19px;
  padding:0;
  background: #fff;
  border-radius:10px;
  border:1px solid #9ba1a7;
  width:276px;
}

.sec li {
  width:69px;
  float:left;
  border-right:1px solid #9ba1a7;
  height:19px;
}

.sec li:first-child a {
  border-radius:5px 0 0 5px;
}

.sec li:last-child a {
  border-radius:0 5px 5px 0;
}

.sec ul a {
  line-height:0.5;
  font-size:13px;
  font-weight: 400;
  color:#555557;
  display:block;
  text-align:center;
  padding-top:3px;
  height:19px;
}

.sec ul a:hover {
  color:#a93526;
}

.sec ul a:active {
  height:15px;
}

.sec ul li + li + li {
  border-right:none;
  width:69px;
}

.sec ul a strong {
  font-size:14px;
  display:block;
  color:#222;
}


@media print, screen and (max-height: 730px) {
  header {
    position: static;
  }
}


@media print, screen and (max-width: 1245px) {

  div.wrapper {
    width:auto;
    margin:0;
  }

  header, section, footer {
    float:none;
    position:static;
    width:auto;
  }

  header {
    padding-right:320px;
  }

  section {
    border:1px solid #e5e5e5;
    border-width:1px 0 0 0;
    padding:20px 0;
    /*margin:0 0 20px;*/
  }

  header a small {
    display:inline;
  }

  header ul {
    position:absolute;
    right:50px;
    top:52px;
  }
}

@media print, screen and (max-width: 720px) {
  body {
    word-wrap:break-word;
  }

  header {
    padding:0;
  }

  header ul, header p.view {
    position:static;
  }

  pre, code {
    word-wrap:normal;
  }
}

@media print, screen and (max-width: 480px) {
  body {
    padding:15px;
  }

  header ul {
    width:99%;
  }

  header li, header ul li + li + li {
    width:33%;
  }
}

@media print {
  body {
    padding:0.4in;
    font-size:12pt;
    color:#444;
  }
}