body {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans TC", "Noto Sans CJK TC", "PingFang TC", "Source Han Sans TC", "Hiragino Sans GB", "Source Han Sans TW", "PingFang SC", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", system-ui, -apple-system, "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

p {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans TC", "Noto Sans CJK TC", "PingFang TC", "Source Han Sans TC", "Hiragino Sans GB", "Source Han Sans TW", "PingFang SC", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", system-ui, -apple-system, "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.busuanzi {
  font-family: "Helvetica Neue", "Roboto", "Arial",  'Sarasa', 'Noto Serif TC', 'Noto Serif SC', "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "PingFang SC", "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", "Microsoft YaHei", "微软雅黑", sans-serif;
  text-align:center;
    /* margin-top: 0em;
    //margin-bottom: 0.5em;
   // margin-left: 1.5em;
   // padding: .1em 0.3em 0em .5em;
    border-left: 2px solid #aaa;
    text-align:center;
    //text-justify:auto;
    //text-indent: -1.7rem; */
}

/* Navigation */

.avatar_round {
    border-radius: 50%;
    align-self: center;
    text-align: center;
    width: 200px;
    height: 200px;
}

.avatar_raw {
    align-self: center;
    text-align: center;
    width: 200px;
    height: 200px;
}

.top-bar {
    height: 100%;
    background-color: #2b2b2b;
}

.close-button {
    color: #ffffff;
}

.menu-text,
.menu {
    color: #ffffff;
    width: 100%;
}

#menu {
    background-color: #2b2b2b;
    min-height: 100%;
}

#menu a {
    color: #dddddd;
}

.is-active {
    background-color: #363636;
    color: #ffffff;
}


/* Page content */

.content-odd {
    background-color: #f7f7f7;
}

.content {
    margin: 0px auto;
    padding: 10px 5%;
}

.cell,
.image {
    padding: 5px;
}

.p-justify {
    text-align: justify;
    text-justify: auto;
}

.hx {
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-style: solid;
    border-bottom-width: 0.8px;
    box-sizing: border-box;
    color: rgb(75, 75, 75);
    font-family: "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans TC", "Noto Sans CJK TC", "PingFang TC", "Source Han Sans TC", "Hiragino Sans GB", "Source Han Sans TW", "PingFang SC", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", system-ui, -apple-system, "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    /* font-weight: 300; */
    font-weight: bold;
    font-variant: small-caps;
    letter-spacing: normal;
    padding-bottom: 10px;
    padding-top: 20px;
}

h2 {
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 15px;
    font-variant: small-caps;
    font-weight: bold;
    font-family: "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans TC", "Noto Sans CJK TC", "PingFang TC", "Source Han Sans TC", "Hiragino Sans GB", "Source Han Sans TW", "PingFang SC", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", system-ui, -apple-system, "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

h3 {
    font-size: 26px;
    line-height: 28.6px;
    margin-bottom: 15px;
    text-align: center;
    font-variant: small-caps;
    font-weight: bold;
    font-family: "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans TC", "Noto Sans CJK TC", "PingFang TC", "Source Han Sans TC", "Hiragino Sans GB", "Source Han Sans TW", "PingFang SC", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", system-ui, -apple-system, "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.centered {
    text-align: center;
}


/* Items: cards/decks */

ul.ul-card li {
    background-color: rgb(245, 245, 245);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: rgb(204, 204, 204) 0px 3px 3px -3px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    font-family: "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans TC", "Noto Sans CJK TC", "PingFang TC", "Source Han Sans TC", "Hiragino Sans GB", "Source Han Sans TW", "PingFang SC", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", system-ui, -apple-system, "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 21.4333px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 15px;
    margin-left: 10px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px;
    position: relative;
}

ul.ul-card {
    margin-left: 0;
}

ul.ul-card li .cardx {
    color: rgb(255, 255, 255);
    left: -10px;
    position: absolute;
    top: 10px;
}

ul.ul-card li .cardx .any {
    line-height: 30px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
}

ul.ul-card li .cardx .second {
    box-shadow: rgba(68, 68, 68, 0.5) -3px 0px 7px -3px;
    margin-left: -5px;
}

.blue-first {
    background-color: rgb(3, 103, 204);
}

.blue-second {
    background-color: rgb(3, 122, 187);
}

.green-first {
    background-color: rgb(3, 204, 133);
}

.green-second {
    background-color: rgb(3, 187, 122);
}

.red-first {
    background-color: firebrick;
}

.red-second {
    background-color: rgb(202, 52, 41);
}

.orange-first {
    background-color: rgb(249, 129, 42);
}

.orange-second {
    background-color: rgb(253, 165, 15);
}

.julia-blue {
    background-color: #4063D8;
}

.julia-green {
    background-color: #389826;
}

.julia-purple {
    background-color: #9558B2;
}

.julia-red {
    background-color: #CB3C33;
}

ul.ul-card li .description p.cardtitle {
    font-size: 16px;
    line-height: 22.85px;
    margin-bottom: 0px;
}

ul.ul-card li .description p.cardcontent {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 0px;
}

.cardtitle,
.cardcontent {
    text-align: left;
}


/* Items: TimeLine/Dot */

ul.timeline {
    border-left-color: rgb(255, 255, 255);
    border-left-style: solid;
    border-left-width: 8px;
    color: rgb(51, 51, 51);
    font-family: "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans TC", "Noto Sans CJK TC", "PingFang TC", "Source Han Sans TC", "Hiragino Sans GB", "Source Han Sans TW", "PingFang SC", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", system-ui, -apple-system, "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 15px;
    letter-spacing: normal;
    line-height: 21.4333px;
    margin-bottom: 10px;
    margin-left: 100px;
    padding: 1px 0px;
}

ul.timeline li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

ul.timeline li .date {
    color: rgb(255, 255, 255);
    float: left;
    margin-left: -115px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 15px;
    padding-top: 10px;
    width: 110px;
}

ul.timeline li .circle {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    border-image-width: 1;
    border-left-color: rgb(255, 255, 255);
    border-left-style: solid;
    border-left-width: 4px;
    border-right-color: rgb(255, 255, 255);
    border-right-style: solid;
    border-right-width: 4px;
    border-top-color: rgb(255, 255, 255);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-style: solid;
    border-top-width: 4px;
    float: left;
    height: 20px;
    margin-bottom: 20px;
    margin-left: -14px;
    margin-top: 20px;
    width: 20px;
}

ul.timeline li .circle-julia {
    border-bottom-color: #389826;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    border-image-width: 1;
    border-left-color: #389826;
    border-left-style: solid;
    border-left-width: 4px;
    border-right-color: #389826;
    border-right-style: solid;
    border-right-width: 4px;
    border-top-color: #389826;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-style: solid;
    border-top-width: 4px;
    float: left;
    height: 20px;
    margin-bottom: 20px;
    margin-left: -14px;
    margin-top: 20px;
    width: 20px;
}

ul.timeline li .tldata {
    background-color: rgb(245, 245, 245);
    /* border-left-color: rgb(3, 204, 133); */
    border-left-style: solid;
    border-left-width: 9.6px;
    font-size: 16px;
    line-height: 22.85px;
    padding-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 18px;
}

ul.timeline li .tldata .tlcontent {
    color: rgb(119, 119, 119);
    font-size: 18px;
    line-height: 25.7167px;
    padding-left: 0px;
}

ul.timeline li .tldata .tlcontent-jl {
    color: #4063D8;
    font-size: 18px;
    line-height: 25.7167px;
    padding-left: 0px;
}

.tlcontent,
.tltext {
    text-align: justify;
    justify-content: flex-start;
}

.tl-blue-bg {
    background-color: rgb(3, 133, 204);
}

.tl-blue-border {
    border-left-color: rgb(3, 133, 204);
}

.tl-green-bg {
    background-color: rgb(3, 204, 133);
}

.tl-green-border {
    border-left-color: rgb(3, 204, 133);
}

.tl-red-bg {
    background-color: crimson;
}

.tl-red-border {
    border-left-color: crimson;
}

.tl-orange-bg {
    background-color: rgb(249, 129, 42);
}

.tl-orange-border {
    border-left-color: rgb(249, 129, 42);
}

.julia-blue-border {
    border-left-color: #4063D8;
}

.julia-green-border {
    border-left-color: #389826;
}

.julia-purple-border {
    border-left-color: #9558B2;
}

.julia-red-border {
    border-left-color: #CB3C33;
}

/* Items: Publications/software */

article-title {
    font-weight: bold;
    font-family: "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang TC", "Hiragino Sans GB", "Noto Sans CJK TC", "Source Han Sans TC", "Source Han Sans TW", "PingFang SC", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", system-ui, -apple-system, "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.authors {
    /* font-size: 13px; */
    font-variant: small-caps;
    color: rgb(10, 10, 176);
    text-align: right;
}

.journal {
    /* font-size: 13px; */
    font-style: italic;
}

.article-type {
    font-size: 12px;
    font-weight: bold;
}

.years {
    /* font-size: 13px; */
    font-weight: bold;
}


/* .article-date {
    /* font-size: 13px;
} */

.reference {
    /* font-size: 12px; */
    color: rgb(10, 10, 176);
}

.publication {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #333333;
    letter-spacing: 0px;
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-font-smoothing: inherit;
    box-sizing: border-box;
    background: #f5f5f5;
    padding: 25px 25px 35px 25px;
    min-height: 130px;
    position: relative;
    box-shadow: 0px 3px 3px -3px #ccc;
    /* cursor: pointer; */
    background-color: #f5f5f5;
    /* margin: 20px 0px; */
    margin-bottom: 10px;
    text-align: inherit;
}

.abstract {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #333333;
    letter-spacing: 0px;
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-font-smoothing: inherit;
    box-sizing: border-box;
    background: #f5f5f5;
    padding: 25px 25px 35px 25px;
    min-height: 130px;
    position: relative;
    box-shadow: 0px 3px 3px -3px #ccc;
    /* cursor: pointer; */
    background-color: #f5f5f5;
    /* margin: 20px 0px; */
    margin-bottom: 10px;
    text-align: justify;
}

.pub-contents {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #333333;
    letter-spacing: 0px;
    font: inherit;
    font-family: inherit;
    -webkit-font-smoothing: inherit;
    /* cursor: pointer; */
    box-sizing: border-box;
    font-size: 12px;
    line-height: 18px;
}

.pubassets {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #333333;
    letter-spacing: 0px;
    font: inherit;
    font-family: inherit;
    -webkit-font-smoothing: inherit;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fafafa;
    text-align: center;
    border-top: 2px solid;
    /* border-top-color: #03bb7a; */
    border-top-color: #037abb;
}

.pubcollapse {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    letter-spacing: 0px;
    font: inherit;
    font-family: inherit;
    -webkit-font-smoothing: inherit;
    line-height: 18px;
    text-align: center;
    box-sizing: border-box;
    text-decoration: none;
    outline: 0;
    padding: 5px 15px;
    float: right;
    font-size: 18px;
    color: #fff;
    background: #03cc85;
    background-color: #03cc85;
}

.fa-plus-square {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    letter-spacing: 0px;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.tooltips {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    letter-spacing: 0px;
    font: inherit;
    font-family: inherit;
    -webkit-font-smoothing: inherit;
    line-height: 18px;
    text-align: center;
    box-sizing: border-box;
    text-decoration: none;
    outline: 0;
    color: #9b9b9b;
    padding: 5px 15px;
    float: right;
    font-size: 18px;
}

.dropdown.menu .icon-menu {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    letter-spacing: 0px;
    font: inherit;
    font-family: inherit;
    -webkit-font-smoothing: inherit;
    line-height: 30px;
    text-align: center;
    box-sizing: border-box;
    text-decoration: none;
    outline: 0;
    color: rgb(3, 122, 187);
    /* padding: 5px 15px; */
    /* padding-right: 13.25px; */
    float: left;
    font-size: 30px;
}

.fa-external-link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    letter-spacing: 0px;
    text-align: center;
    color: #9b9b9b;
    box-sizing: border-box;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.fa-cloud-download {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    letter-spacing: 0px;
    text-align: center;
    color: #9b9b9b;
    box-sizing: border-box;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.pubtitle {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #333333;
    font: inherit;
    -webkit-font-smoothing: inherit;
    /* cursor: pointer; */
    box-sizing: border-box;
    line-height: 1.1;
    font-family: "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang TC", "Hiragino Sans GB", "Noto Sans CJK TC", "Source Han Sans TC", "Source Han Sans TW", "PingFang SC", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", system-ui, -apple-system, "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    letter-spacing: 0px;
    margin: 0;
    padding: 0 0 15px 0;
    font-size: 21px;
    font-weight: 400;
}

.pubcontents {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #333333;
    letter-spacing: 0px;
    font: inherit;
    font-family: inherit;
    -webkit-font-smoothing: inherit;
    /* cursor: pointer; */
    box-sizing: border-box;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
    padding-right: 0px;
}

.pubauthor {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #333333;
    letter-spacing: 0px;
    font: inherit;
    font-family: inherit;
    -webkit-font-smoothing: inherit;
    /* cursor: pointer; */
    box-sizing: border-box;
    font-size: 13px;
    line-height: 18px;
}

.pubcite {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #333333;
    letter-spacing: 0px;
    font: inherit;
    font-family: inherit;
    -webkit-font-smoothing: inherit;
    /* cursor: pointer; */
    box-sizing: border-box;
    font-size: 12px;
    line-height: 18px;
    font-style: italic;
}

.pubyear {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #333333;
    letter-spacing: 0px;
    font: inherit;
    font-family: inherit;
    -webkit-font-smoothing: inherit;
    /* cursor: pointer; */
    box-sizing: border-box;
    font-size: 12px;
    line-height: 18px;
}

.pubauthor {
    /* font-size: 13px; */
    font-variant: small-caps;
    color: rgb(10, 10, 176);
    /* text-align: right; */
}


/* Labels */

.label {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    letter-spacing: 0px;
    font: inherit;
    font-family: inherit;
    -webkit-font-smoothing: inherit;
    box-sizing: border-box;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 5px 10px;
    font-size: 12px;
}

.label-red {
    /* 1 */
    background-color: #e6194B;
}

.black-text {
    color: #000000;
}

.label-green {
    /* 2 */
    background-color: #3cb44b;
}

.label-yellow {
    /* 3 */
    background-color: #ffe119;
}

.label-blue {
    /* 4 */
    background-color: #4363d8
}

.label-orange {
    /* 5 */
    background-color: #f58231;
}

.label-purple {
    /* 6 */
    background-color: #911eb4;
}

.label-cyan {
    /* 7 */
    background-color: #42d4f4;
}

.label-magenta {
    /* 8 */
    background-color: #f032e6;
}

.label-lime {
    /* 9 */
    background-color: #bfef45;
}

.label-pink {
    /* 10 */
    background-color: #fabed4;
}

.label-teal {
    /* 11 */
    background-color: #469990;
}

.label-lavender {
    /* 12 */
    background-color: #dcbeff;
}

.label-brown {
    /* 13 */
    background-color: #9A6324;
}

.label-beige {
    /* 14 */
    background-color: #fffac8;
}

.label-maroon {
    /* 15 */
    background-color: #800000;
}

.label-mint {
    /* 16 */
    background-color: #aaffc3;
}

.label-olive {
    /* 17 */
    background-color: #808000;
}

.label-apricot {
    /* 18 */
    background-color: #ffd8b1;
}

.label-navy {
    /* 19 */
    background-color: #000075;
}

.label-grey {
    /* 20 */
    background-color: #a9a9a9;
}

.label-white {
    /* 21 */
    background-color: #ffffff;
}

.label-black {
    /* 22 */
    background-color: #000000;
}


/* email */

.unselectable {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.obfuscate {
    unicode-bidi: bidi-override;
    direction: rtl;
}

.nota {
    padding: .7rem 1rem;
    color: #dddddd;
}


/* Opt-in */

.opt-name {
    margin-top: -10px;
    text-align: center;
    font-size: 17px;
    padding: 0px;
}

.opt-in {
    margin-top: 40px;
    text-align: center;
    font-size: 8px;
    padding: 0px;
}

.opt-in a {
    font-size: 15px;
}


/* TextSection */

.literal {
    white-space: pre-line;
}

/* Discord widget */
.discord-widget{
    /* width:200px; */
    height:400px;
    align-self: center;
    text-align: center;
}