html {
    /* background-color: #9CC5C8; */
    font-family: Arial,'Hiragino Sans GB',冬青黑,'Microsoft YaHei',微软雅黑,SimSun,宋体,Helvetica,Tahoma,'Arial sans-serif';
    font-size: 14px;
	/* font: 14px/1.2 Courier, Bitstream Vera Sans, Tahoma, sans-serif; */
    background:url('../../statics/bg.png')
}

body {
    border: 1px solid #888;    
    margin: 1ex auto;
    width: 680px;
    /* border-radius: 1ex; */
    line-height: 1.5em;
    -webkit-font-smoothing: subpixel-antialiased;
        /* background: rgba(255, 255, 255, 0.97); */
    background-color: #EAE9F9;
}

#content {
    margin: 1ex;
    letter-spacing: 1px;
    /* padding: 1ex 1ex; */
    /* margin-left: auto; */
    /* margin-right: auto; */
}

#postamble {
    font-size: 14px;
    text-align:center;
}

.menu {
    background-color: #27b;
    /* border-radius: 4px 4px 0px 0px; */
    height: 30px;
    box-shadow: 1px 1px 2px #666;
    border-right: 0px;
    padding-left: 1em
}

.menu a {
    height: 30px;
    line-height: 30px;
    display: inline;
    padding-right: 20px;
    text-decoration: none;
    color: #efffff;
    cursor: auto
}

.menu a:hover {
    background: #27b;
    text-decoration: underline
}

h1 {
    font-size: 14px;
    /* font-size: larger; */
    border-left: 4px dotted #f0ffff;
    text-align: center;
    /* color: #009; */
    color: #efffff;
    /* background: #ccf; */
    background: #887ddd;
    padding: 0.5ex
}

h1 a {
    text-decoration: none;
    color: #009
}

h1 a:hover {
    background: #ddd
}

h2 {
    font-size: 14px;
    /* font-size: larger; */
    border-left: 4px dotted #f0ffff;
    color: #009;
    background: #ccf;
    padding: 0.5ex
}

h2 a {
    text-decoration: none;
    color: #009
}

h2 a:hover {
    background: #49c
}

h3 {
    font-size: 14px;
    /* font-size: medium; */
    border-left: 4px dotted #f0ffff;
    color: #47f;
    /* background: #c8d5db; */
    background: #019fa0;
    padding: 0.5ex
}

h3 a {
    text-decoration: none;
    color: #fff
}

h4 {
    font-size: 14px;
    /* font-size: medium; */
    color: #009
}

p a.definition {
    /* font-weight: bold; */
    font-size: 14px;
    /* font-size: larger; */
    color: #fff;
    background: #27b;
    padding: 0.5ex;
    text-decoration: none;
    display: block;
    margin-bottom: 1ex
}

a {
  /* font-weight: bold; */
  text-decoration: none;
  color: #00008b;
}

a:hover {
  background: #2f4f4f;
  color: #fff;
}

div.footer {
    padding-top: 2ex;
    margin-top: 3ex;
    margin-bottom: 1ex
}

div.footer hr {
    border-top: 1px dashed
}

div.rc hr {
    display: none
}

div.rc {
    margin-top: 4ex
}

div.old {
    background-color: #ffd
}

div.new {
    background-color: #dfd
}

div.diff {
    padding-left: 2ex;
    padding-right: 2ex;
    border-style: dashed;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 5ex
}

div.diff + hr {
    display: none
}

div.refer {
    padding-left: 5%;
    padding-right: 5%;
    font-size: smaller
}

div.rss {
    background-color: #eef
}

div.message {
    background-color: #fee;
    color: red;
    border: solid red;
    font-weight: bold;
    padding-left: 1em;
    margin: 1em
}

div.sister {
    float: left;
    margin-right: 1ex;
    background-color: #fff
}

div.sister p {
    margin-top: 0;
    border-top: solid
}

div.sister hr {
    display: none
}

div.near, div.definition {
    background-color: #efe;
    border-top: solid
}

table.user {
    border-style: outset;
    border-width: thick
}

table.user tr td {
    border-style: inset;
    border-width: thin;
    padding: 5px;
    text-align: left
}

.org-dl {
    padding: 0px 0px 15px 0px;
}
.org-dl dt {
    float: left;
}
.org-dl dd {
    float: right;
    /* margin: 1.2rem 0; */
}

dt {
    font-weight: bold
}

ul,ol {
    line-height: 120%;
    margin: 0px 0px 0px 25px;
    padding: 0px;
}
ul {
    list-style: square;
}

li {
    margin-bottom: 0.5ex
}

img {
    max-width: 100%;
    border: 0
}

pre, img.upload {
    border: #777 1px solid;
    padding: 0.5em;
    white-space: pre-wrap;
    background-color: #e6e6e6;
    color: #000
}

img.logo {
    float: right;
    clear: right;
    background-color: #fff;
    border: #999 1px solid;
    padding: 1ex;
    margin: 1ex
}

@media print {
    span.gotobar, span.specialdays, div.refer, div.footer,
    div.near, div.definition, div.sister {
        display: none
    }
}

div.month {
    margin: 0;
    padding: 0;
    font-size: x-small;
    float: right
}

div.content div.month {
    float: none
}

div.footer {
    clear: both
}

div.year div.month {
    float: left;
    font-size: medium;
    padding: 1ex
}

div.month pre {
    margin: 0;
    padding: 0 0 0 1ex;
    background-color: #ffe;
    width: 31ex
}

div.month a {
    text-decoration: none;
    color: inherit;
    display: inline-table
}

div.month span.title a {
    background-color: inherit
}

div.month a.exact {
    background-color: #eef
}

div.month a.collection {
    background-color: #ccf
}

div.month a.today {
    background-color: #fcc
}

div.month a[class~="today"][class~="exact"] {
    background-color: #fcf
}

div.month a[class~="today"][class~="collection"] {
    background-color: #faf
}

.title {
    margin-bottom: .2em
}

.subtitle, .title {
    text-align: center
}

.subtitle {
    font-size: medium;
    font-weight: 700;
    margin-top: 0
}

.todo {
    color: red
}

.done, .todo {
    font-family: monospace
}

.done {
    color: green
}

.priority {
    color: orange
}

.priority, .tag {
    font-family: monospace
}

.tag {
    background-color: #eee;
    font-size: 80%;
    font-weight: 400;
    padding: 2px
}

.timestamp {
    color: #A7A5A7
}

.timestamp-kwd {
    color: #5f9ea0
}

.org-right {
    margin-left: auto;
    margin-right: 0;
    text-align: right
}

.org-left {
    margin-left: 0;
    margin-right: auto;
    text-align: left
}

.org-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.underline {
    text-decoration: underline
}

#postamble p, #preamble p {
    font-size: 90%;
    margin: .2em
}

p.verse {
    margin-left: 3%
}

pre {
    border: 1px solid #ccc;
    box-shadow: 3px 3px 3px #eee;
    font-family: monospace;
    margin: 1.2em;
    overflow: auto;
    padding: 8pt
    word-wrap: break-word;
}

pre.src {
    overflow: visible;
    padding-top: 1.2em;
    position: relative
}

pre.src:before {
    background-color: #fff;
    border: 1px solid #000;
    display: none;
    padding: 3px;
    position: absolute;
    right: 10px;
    top: -10px
}

pre.src:hover:before {
    display: inline
}

pre.src-bash:before, pre.src-sh:before {
    content: 'sh'
}

pre.src-emacs-lisp:before {
    content: 'Emacs Lisp'
}

pre.src-R:before {
    content: 'R'
}

pre.src-perl:before {
    content: 'Perl'
}

pre.src-java:before {
    content: 'Java'
}

pre.src-sql:before {
    content: 'SQL'
}

table {
    border-collapse: collapse
}

caption.t-above {
    caption-side: top
}

caption.t-bottom {
    caption-side: bottom
}

td, th {
    vertical-align: top
}

th.org-center, th.org-left, th.org-right {
    text-align: center
}

td.org-right {
    text-align: right
}

td.org-left {
    text-align: left
}

td.org-center {
    text-align: center
}

dt {
    font-weight: 700
}

.footpara {
    display: inline
}

.footdef {
    margin-bottom: 1em
}

.figure {
    padding: 1em
}

.figure p {
    text-align: center
}

.inlinetask {
    background: #ffc;
    border: 2px solid gray;
    margin: 10px;
    padding: 10px
}

#org-div-home-and-up {
    font-size: 70%;
    text-align: right;
    white-space: nowrap
}

textarea {
    overflow-x: auto
}

.linenr {
    font-size: smaller
}

.code-highlighted {
    background-color: #ff0
}

.org-info-js_info-navigation {
    border-style: none
}

#org-info-js_console-label {
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap
}

.org-info-js_search-highlight {
    background-color: #ff0;
    color: #000;
    font-weight: 700
}

.footpara {
    display: inline;
    margin-left: 5px
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em;
    padding-left: .3em
}

@media print {
    div.month {
        display: none
    }

    div.year div.month {
        display: block
    }

    div.year div.month a {
        display: inline
    }
}

dl.irc dt {
    width: 20ex;
    float: left;
    text-align: right;
    clear: left
}

dl.irc dt span.time {
    float: left
}

dl.irc dd {
    margin-left: 22ex
}
@media (max-device-width:1024px) {
  body {
    margin: 0ex auto;
    padding: 0xex;
    border: none;
    width: auto;
    background: #EFEFEF;
  }
}