* {margin:0; padding:0;}
body {
  font: 16px Georgia,"新細明體",pmingliu,'宋体',simsun, Georgia, "Times New Roman", Times, serif;
  color: #ddd;
  background-color: #1f1f23;
}
a { color:#99f; text-decoration:none;}
a:hover { color:#fc3 ;text-decoration:underline;}
h1, h2 {font-family: 'Microsoft JhengHei',"微軟正黑體",'Microsoft YaHei','微软雅黑体',simhei,'黑体',Meiryo,'メイリオ', tahoma, sans-serif;}
h1 {
  margin: 0px 0px 0px -240px;
  padding: 8px 0px 8px 240px;
  font-size:26px;
  background-color:#000;
}
h2 {color:#fff; font-size:22px;}
code, pre.code {color:#bed;background-color:#111; margin:0px 2px; padding:2px 5px;}
var {color:#FF6600; font-style:normal;}

/* ----------------------------------------------------------- */

.tab {
  padding-left: 240px;
  padding-bottom: 10px;
  margin: 0px 0px 30px 0px;
  min-height: 300px;
}

#toggle-tab {
  cursor: pointer;
  position: fixed; top:449px; left:150px;
}

#navigation {
  list-style-type: none;
  height: 480px;
  background-color: #000;
  position: fixed; top:0px; left:50px;
  padding-top: 21px;
}
#navigation li {
  margin: 0px 0px 0px 0px;
  margin-left: 0px;
  font-size: 18px;
  display: block;
}
#navigation li:hover {
  background-color: #1F1F23;
}
#navigation li a {
  color:#ccc;
  display: block;
  padding: 10px 50px 10px 20px;
}
#navigation li:hover a, #navigation li a:hover {
  color: #fff;
  text-decoration:none;
}
#back_home a {
  color: #999 !important;
}
#back_home a:hover {
  color: #bbd !important;
}

#content {
  margin: 15px 0px 0px 0px;
  padding-left: 0px;
  line-height: 180%;
}
#content p {
  padding: 15px 0px 15px 40px;
  margin: 0px 0px 20px 0px;
}
#content div.p {
  padding: 15px 0px 15px 40px;
  margin: 0px 0px 20px 0px;
}
#content pre {
  padding: 5px 25px;
  margin: 12px 5% 12px 15px;
  background-color: #111;
  float:left;
}

#content table {
  margin: auto;
  margin-bottom: 40px;
  margin-left: 35px;
}
#content table b {
  color: #eef;
}
#content table tr {
  color:#bbb;
}
#content table tr:hover {
  background-color: #243D59;
}
#content table tr:first-child:hover {
  background-color: transparent;
  background-image: none;
}
#content table tr th {
  color: #888;
  padding: 0px 8px;
  border-right: 1px dashed #234;
}
#content table tr td {
  padding: 0px 8px;
  border-top: 1px solid #456;
  border-right: 1px dashed #234;
}

#content dl {
  padding: 10px 5px;
  margin: 0px 36px;
}
#content dl dd {
  margin: 0px 0px 5px 28px;
}


#demo {
  min-height: 100px;
  max-width:560px;
}
#demo-replay {
  padding: 2px 5px;
  margin: 0px 0px 0px 27px;
  cursor:pointer;
  vertical-align: middle;
  position: relative;
  top:-5px;
}
#download p {
  margin-bottom: 0px;
}
#download-link {
  padding: 20px 10px;
  background-color: #000;
  margin: 5px;
}
#download-link:hover {
  padding: 30px 10px;
  color: #FFCC33;
  margin: 5px;
}
.download-minified {
  color: #aaa;
  text-indent: 16px;
}
.download-minified a {
  background-color: #000;
  padding: 3px 8px;
}

#issue {
  background: transparent url(image/emesa.gif) no-repeat scroll 81% 40px;
}
#issue-list {
  padding: 0px 0px 15px 40px;
  margin: 0px 5% 0px 0px;
  list-style: none;
}
#issue-list li {
  border-bottom: 1px dashed gray;
  clear:both;
}


#option {
  padding-bottom: 70px;
}


.btn {
  cursor: pointer;
  padding: 2px 6px;
  margin: 4px;
  vertical-align: middle;
}