body {
    font-family: "Lucida Sans Unicode","Trebuchet MS","Helvetica Neue","Helvetica","Arial",sans-serif;
}
a {
    text-decoration: none;
    color: #3b7eba;
}
hr.extra {
    margin: 16px 0 10px 0;
}

.headword {
    font-size: 140%;
    display: block;
}
.headindex {
    display: block;
    background-color: rgba(100, 127, 184, .045);
    margin: 0 0 6px 0;
    padding: 4px;
    font-size: 85%;
}
.headindex:before {
    content:'\261E';
    padding-right: 0.2em;
}
.text, .text2 {
    display: none;
}
.headpic {
    float: left;
    clear: both;
    margin: 0.4em;
    overflow: auto;
}
.headtext {
    display: block;
}


.bold {
    font-weight: bold;
}

.unbox .boxhead, .unbox.active .wordlist.boxhead, .unbox.active .wordlinks.boxhead {
    display: block;
    background-color: rgba(69, 119, 191, 0.1);
    border-left: 3px solid #4577bf;
    cursor: pointer;
    padding: 6px 8px;
    margin-top: 6px;
}
.unbox .boxhead:hover, .unbox.active .wordlist.boxhead:hover, .unbox.active .wordlinks.boxhead:hover {
    background-color: rgba(69, 119, 191, 0.2);
}
.unbox .boxhead:before, .unbox.active .wordlist.boxhead:before, .unbox.active .wordlinks.boxhead:before {
    width: 14px;
    height: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA0CAYAAACU7CiIAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAABYlAAAWJQFJUiTwAAABdUlEQVRYw+2Wy3GDMBCGPzS+mxLcgSmBMzmEmagQOgjpgELIDJfo7BJwBy7BqsA5SExkXkOwcBKHf4YDr/3YRdr9A8aUlCGQ2iMGtq0nNHAAKqBCyfNQqGAEkgNZT/AhaaBAyXwaKCl39gv3EwFtHYEUJU/DoKSMbCmmZjGWXYySdRdkMqk9QFxY1GQmnBuVRwg2VtWcCJtNzvx/Mqa9jU1gl/DJczauNLATmD2yFAQbO21ASyvdYHZ8R5ePl1kRg6f3vsuxYNmyNdqK22NM02OC9B04eoNpos/tOwOrZ64OAqcfLaiqAS1ZPm1AZvwWC4IKlDy786jGfwc/omQE18s7xW8JNU4f/QKZSRh7gjWj/NQFGVgNRBiDMb9cZoTX7sUftFvXsBBPBvJuvW51qlP1D5xqYLPJgdext4Zc0YS59YaSubB7JfOYSVsZSRk+nlMNSMpzX0aenapenerfAP0up3pDZ4DVqc7U6lS/DVmdqh+n+gm5CquPc+8XuAAAAABJRU5ErkJggg==);
    background-size: 100% auto;
    background-position: center bottom;
    content: "";
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: 1px;
}
.unbox.active .boxhead, .unbox.inactive .wordlist.boxhead, .unbox.inactive .wordlinks.boxhead {
    background-color: rgba(69, 119, 191, 0.2);
}
.unbox.active .boxhead:before, .unbox.inactive .wordlist.boxhead:before, .unbox.inactive .wordlinks.boxhead:before {
    background-position: center top;
}
.unbox.inactive .body, .unbox.active .wordlist + .body, .unbox.active .wordlinks + .body {
    display: none;
}
.unbox.active .body, .unbox.inactive .wordlist + .body, .unbox.inactive .wordlinks + .body {
    display: block;
    padding: 6px 12px;
    border-left: 3px solid #4577bf;
    background-color: rgba(69, 119, 191, 0.03);
}
.unbox {
    display: block;
}

sa {
    display: block;
    clear: both;
}
sa .unbox.active .body {
    padding: 6px 3px 6px 6px;
    /*text-align: center;*/
}
.category + sa {
    background-color: initial;
}
.category + sa .unbox {
    margin-top: 0;
}
.category + sa .boxhead {
    display: none;
}
.category + sa .unbox.inactive .body{
    display: block;
    padding-left: 4px;
}

img:not([src*="speaker.png"]) {
    max-width: 100%;
    height: auto;
}
img.speaker {
    position: relative;
    top: -2px;
    vertical-align: text-bottom;
    cursor: pointer;
    height: .9em;
}

.piclink {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    width: 80px;
    max-width: 45%;
    padding: 3px;
}
.piclink .title {
    display: block;
    color: gray;
    font-size: 80%;
}

.category {
    display: block;
    margin: 6px 0 6px 0;
    padding: 6px;
    overflow: hidden;
}
.category.subtheme {
    border-top: 1px dashed gray;
}
.category.subtheme img {
    float:left;
    margin-left: 0;
    margin-right: 10px;
}
.headindex + .text + a +.category.subtheme,
.headindex ~ .text2 + a + .category.subtheme {
    border-top: initial;
}

.category.topic {
    padding-left: 10px;
    border-left: 6px solid rgba(100, 127, 184, .16);
}
.category ~ .category {
    margin-top: 12px;
}
.category + sa {
    padding-left: 3px;
    margin-top: -6px;
    border-left: 6px solid rgba(100, 127, 184, .16);
}
.category img {
    float: left;
    clear: both;
    margin-right: 10px;
}
.category .link {
    display: block;
    font-size: 140%;
}
.category .note {
    display: block;
}
.list {
    display: block;
}
.list:before {
    content:'\274F';
    padding-right:0.2em;
    font-size: 85%;
}
.list ~ .neutral {
    display: none;
}
/*Theme*/
.headword.theme {
    display: none;
}
.theme.boxhead {
    margin-top: 0;
}
.theme + .body img {
    /*max-height: 48px;*/
}
.theme + .body .text {
    display: none;
}

.description {
    display: block;
    overflow: hidden;
    margin: 12px 0;
}
.description .pic img {
    float: right;
    margin-left: 10px;
    position: relative;
    overflow: hidden;
    max-width: 40%;
}
.description .title {
    font-size: 160%;
    color: #666666;
    opacity:1;
    position: relative;
    font-weight: bold;
}
.description .text {
    display: block;
}


.wordlist + .body .bold ~ .bold:before {
    content:"";
    display: block;
    margin-top: 6px;
}

hw {
    display: block;
    margin: 0 0 3px 0;
}
hw .link {
    display: block;
}
hw .link a {
    font-size: 90%;
}
hw .linkword {
    font-weight: bold;
}
hw .linkword,
hw .sound {
    display: none;
}

.locate {
    display: block;
    margin-top: 6px;
    font-size: 80%;
}
.locate .anchor {
    display: inline-block;
    background-color: rgba(69, 119, 191, 0.65);
    font-weight: bold;
    padding: 0 3px;
    margin: 3px 3px 0 0;
    border-radius : 3px;
    -moz-border-radius : 3px;
    -webkit-border-radius : 3px;
}
.locate .anchor .neutral {
    display: none;
}
.locate a {
    color: #fff;
}

img.zoom {
    max-width: none!important;
}

@media screen and (max-width: 415px) {
    .theme + .body img {
        max-width: 99%;
    }
    .themelist{
        width: 100%;
    }
}

@media screen and (min-width: 416px) {
    .theme + .body img {
        max-width: 49%;
    }
    .themelist{
        width: 50%;
    }
}