img, legend {
    border: 0
}

legend, td, th {
    padding: 0
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, optgroup, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1, .h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre, textarea {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}

.q0 {
    transition: none
}

.q150 {
    transition: all 150ms linear
}

.q250 {
    transition: all 250ms linear
}

.q500 {
    transition: all .5s linear
}

.q750 {
    transition: all .75s linear
}

.q1000 {
    transition: all 1s linear
}

.q150e {
    transition: all 150ms ease-in
}

.q250e {
    transition: all 250ms ease-in
}

.q500e {
    transition: all .5s ease-in
}

.q750e {
    transition: all .75s ease-in
}

.q1000e {
    transition: all 1s ease-in
}

@font-face {
    font-family: 'ico-c';
    font-display: swap;
    src: url(cdoicons.woff) format('woff')
}

.i {
    display: inline-block;
    font: normal normal normal 1rem/1 ico-c;
    color: #292929;
    vertical-align: middle;
    text-rendering: auto;
    webkit-font-smoothing: antialiased;
    moz-osx-font-smoothing: grayscale
}

.i, .i:before {
    speak: none
}

.ilh0 {
    line-height: 0
}

.iw {
    color: #fff
}

.il {
    color: #999
}

.ii {
    color: #d0a44c
}

.io {
    color: #fec400
}

.ibd {
    color: #1d2a57
}

.ibo {
    color: #5ce8ff
}

.iwc {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 26px;
    vertical-align: 2px;
    border-radius: 50%;
    text-align: center
}

.iwc .i {
    font-size: 13px
}

.iwc-32 {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 30px;
    border-radius: 50%;
    padding-left: 8px
}

.iwc-40 {
    width: 40px;
    height: 40px;
    vertical-align: 0
}

.iwc-40 .i {
    font-size: 16px;
    vertical-align: -1px
}

.iwc-f14 .i {
    font-size: 14px
}

.iwc-f15 .i {
    font-size: 15px
}

.iwc-f19 .i {
    font-size: 19px;
    vertical-align: -4px
}

.i-shield:before {
    content: "\e908"
}

.i-chevron-left:before {
    content: "\f053"
}

.i-chevron-right:before {
    content: "\f054"
}

.i-chevron-up:before {
    content: "\f077"
}

.i-chevron-down:before {
    content: "\f078"
}

.i-users:before {
    content: "\f0c0"
}

.i-language:before {
    content: "\f1ab"
}

.i-external-link-alt:before {
    content: "\f35d"
}

.i-shield-alt:before {
    content: "\f3ed"
}

.i-question-circle:before {
    content: "\f059"
}

.i-quiz:before {
    content: "\e902"
}

.i-dataset:before {
    content: "\e903"
}

.i-switch:before {
    content: "\e904"
}

.i-qzone:before {
    content: "\e905"
}

.i-quiz1:before {
    content: "\e907"
}

.i-search:before {
    content: "\f002"
}

.i-star:before {
    content: "\f005"
}

.i-user:before {
    content: "\f007"
}

.i-check:before {
    content: "\f00c"
}

.i-close:before {
    content: "\f00d"
}

.i-refresh:before {
    content: "\f021"
}

.i-lock:before {
    content: "\f023"
}

.i-volume-up:before {
    content: "\f028"
}

.i-book:before {
    content: "\f02d"
}

.i-pencil:before {
    content: "\f040"
}

.i-arrow-left:before {
    content: "\f060"
}

.i-arrow-right:before {
    content: "\f061"
}

.i-arrow-up:before {
    content: "\f062"
}

.i-arrow-down:before {
    content: "\f063"
}

.i-plus:before {
    content: "\f067"
}

.i-minus:before {
    content: "\f068"
}

.i-twitter:before {
    content: "\f099"
}

.i-facebook:before {
    content: "\f09a"
}

.i-globe:before {
    content: "\f0ac"
}

.i-chain:before {
    content: "\f0c1"
}

.i-copy:before {
    content: "\f0c5"
}

.i-bars:before {
    content: "\f0c9"
}

.i-caret-right:before {
    content: "\f0da"
}

.i-exchange:before {
    content: "\f0ec"
}

.i-angle-left:before {
    content: "\f104"
}

.i-angle-right:before {
    content: "\f105"
}

.i-angle-up:before {
    content: "\f106"
}

.i-angle-down:before {
    content: "\f107"
}

.i-keyboard-o:before {
    content: "\f11c"
}

.i-unlock:before {
    content: "\f13e"
}

.i-trash:before {
    content: "\f1f8"
}

.i-list-ul:before {
    content: "\f0ca"
}

.i-caret-down:before {
    content: "\f0d7"
}

.i-caret-up:before {
    content: "\f0d8"
}

.i-comment:before {
    content: "\f0e5"
}

.i-vk:before {
    content: "\f189"
}

.i-weibo:before {
    content: "\f18a"
}

.i-instagram:before {
    content: "\f16d"
}

.i-info-icon:before {
    content: "\e901";
    color: #202c55
}

.i-warning-icon:before {
    content: "\e906";
    color: #f52157
}

.ib:before, .ib:after, .iba:before, .iba:after {
    font-weight: 300;
    font-family: ico-c;
    content: none;
    padding-right: 7px;
    color: #292929
}

.ib:after {
    padding: 0 0 0 5px
}

.iba {
    position: relative
}

.iba:before, .iba:after {
    position: absolute;
    padding: 0;
    top: 50%;
    left: 10px;
    margin-top: -7px;
    font-size: 14px;
    line-height: 14px
}

.iba:after {
    left: auto;
    right: 10px
}

.ib-chev:after {
    content: "\f078"
}

.ib-chev-up:after {
    content: "\f077"
}

.ib-arr:before {
    content: "\f061"
}

.ib-arr-e:after {
    content: "\f061"
}

.ib-key:after {
    content: "\f11c";
    margin-top: -8px;
    font-size: 16px
}

.ibw:before, .ibw:after {
    color: #fff
}

.ibl:before, .ibl:after {
    color: #999
}

.ibi:before, .ibi:after {
    color: #d0a44c
}

.ibb:before, .ibb:after {
    color: rgba(35, 75, 154, 0.53)
}

.ib11:before, .ib11:after {
    font-size: .6875rem
}

.ib14:before, .ib14:after {
    font-size: .875rem
}

body {
    margin: 0;
    padding: 0;
    line-height: 1.4;
    font-size: 16px;
    color: #1d2a57;
    font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0 0 15px;
    line-height: 1;
    font-weight: 400;
    font-size: 1rem
}

h1, .h1 {
    font-size: 1.875rem
}

h2, .h2 {
    font-size: 1.5rem
}

h3, .h3 {
    font-size: 1.3125rem
}

h4, .h4 {
    font-size: 1.1875rem
}

h5, .h5 {
    font-size: .875rem;
    font-weight: 700
}

h6, .h6 {
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: 1px
}

p {
    line-height: 1.4;
    margin: 10px 0
}

a {
    text-decoration: underline;
    color: #1d2a57;
    cursor: pointer
}

a:hover {
    text-decoration: none
}

ul, ol {
    margin: 0 0 20px 15px;
    padding: 0;
    line-height: 1.5em
}

li {
    margin: 0 0 10px
}

li ul, li ol {
    margin-top: 10px;
    margin-left: 20px;
    list-style-type: circle
}

ol {
    margin-left: 18px
}

li ol {
    list-style-type: lower-latin
}

dl {
    margin: 0 0 30px;
    line-height: 1.5em
}

dt {
    color: #111;
    font-weight: bold
}

dd {
    margin: 0 0 20px
}

img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto
}

hr {
    margin: 30px 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #e6e6eb
}

address {
    margin: 0 0 20px;
    line-height: 1.5em;
    font-style: normal
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

figure {
    margin: 0 0 30px
}

figcaption {
    padding-top: 10px;
    color: #777;
    font-size: .875em
}

blockquote {
    padding: 5px 10px;
    margin: 0 0 25px;
    font-size: 1rem;
    line-height: 1.4rem;
    font-style: italic;
    border-left: solid 3px #5d30c1
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

audio::-webkit-media-controls-play-button {
    cursor: pointer
}

table {
    min-width: 100%
}

th, td {
    padding: 5px;
    border-bottom: solid 2px #606888
}

td {
    border-bottom: solid 1px #e5e4e9
}

label {
    display: block;
    margin: 0;
    padding: 7px 0;
    font-weight: bold
}

.ft, textarea, select {
    padding: 7px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 2px;
    box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    color: #444
}

select {
    padding-bottom: 6px;
    height: 32px
}

.fpa::placeholder {
    color: #616a89
}

.fiw {
    display: inline-block;
    width: 100%;
    vertical-align: bottom
}

.fon {
    outline: 0
}

.fan {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.fan::-ms-expand {
    display: none
}

.fs {
    line-height: 1
}

.fs10 {
    font-size: .625rem
}

.fs11 {
    font-size: .6875rem
}

.fs12 {
    font-size: .75rem
}

.fs13 {
    font-size: .8125rem
}

.fs14 {
    font-size: .875rem
}

.fs15 {
    font-size: .9375rem
}

.fs16 {
    font-size: 1rem
}

.fs18 {
    font-size: 1.125rem
}

.fs19 {
    font-size: 1.1875rem
}

.fs20 {
    font-size: 1.25rem
}

.fs24 {
    font-size: 1.5rem
}

.fs27 {
    font-size: 1.6875rem
}

.fs30 {
    font-size: 1.875rem
}

.fs32 {
    font-size: 2rem
}

.fs36 {
    font-size: 2.25rem
}

.fs45 {
    font-size: 2.8125rem
}

.s, .sb:before {
    display: inline-block;
    background: url(https://dictionary.cambridge.org/external/images/cdo-sprite.png?version=5.0.365) 0 0 no-repeat
}

.sb {
    position: relative
}

.sb:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0
}

.s-microsoft {
    background-position: 0 -60px;
    width: 95px;
    height: 22px
}

.s-logo-footer {
    background-position: -290px -8px;
    width: 207px;
    height: 44px
}

.s-graphic {
    background-position: -523px 0;
    width: 195px;
    height: 45px
}

.s-ico-key-define {
    background-position: 0 -89px;
    width: 96px;
    height: 62px
}

.s-ico-key-examples {
    background-position: -127px -89px;
    width: 110px;
    height: 62px
}

.s-ico-key-levels {
    background-position: -364px -89px;
    width: 71px;
    height: 62px
}

.s-ico-key-levels1 {
    background-position: -207px -234px;
    width: 71px;
    height: 62px
}

.s-ico-key-guidewords {
    background-position: -269px -89px;
    width: 62px;
    height: 62px
}

.s-ico-key-corpus {
    background-position: -290px -161px;
    width: 75px;
    height: 62px
}

.s-ico-key-hear {
    background-position: 0 -161px;
    width: 103px;
    height: 62px
}

.s-ico-key-useful {
    background-position: -390px -161px;
    width: 60px;
    height: 62px
}

.s-ico-key-coverage {
    background-position: -142px -161px;
    width: 108px;
    height: 62px
}

.s-ico-key-thesaurus {
    background-position: 0 -235px;
    width: 83px;
    height: 62px
}

.s-ico-key-translation {
    background-position: -114px -232px;
    width: 47px;
    height: 62px
}

.s-ico-key-password {
    background-position: -215px -238px;
    width: 125px;
    height: 62px
}

.s-ico-key-dictionary {
    background-position: -471px -185px;
    width: 82px;
    height: 103px
}

.m {
    margin: 0 0 20px;
    padding: 10px 20px;
    background: #dde2f0;
    color: #292929
}

.me {
    background: #e84d54
}

.mi {
    background: #3b436d
}

.ms {
    background: #a1c897
}

.ma {
    background: #dfdfdf
}

.mg {
    background: rgba(17, 50, 111, .88)
}

.mem {
    background: #fff;
    border: dashed 3px #dde3f1;
    color: #5f76a6;
    font-style: italic
}

.me, .mi, .ms, .mg {
    color: #fff
}

.chn {
    max-height: 42px
}

.chsf {
    height: 40px
}

.chsb {
    max-height: 36px
}

.chsw {
    padding-right: 45px
}

.ch-t {
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top: 0;
    border-bottom: 6px solid #616a89
}

.ch-ts {
    bottom: -12px;
    margin-left: -6px
}

.cfni {
    top: 9px;
    right: 15px
}

.cfsi {
    width: 30px;
    padding-top: 5px
}

.cfst {
    width: 50px;
    margin-left: 37px
}

.cm-f {
    width: 100vw;
    max-width: 100vw
}

.cm-fc {
    max-width: 700px
}

.cms {
    min-width: 290px
}

.cc {
    padding-top: 46px
}

.ccnl {
    max-height: 25px
}

.cc-ans {
    padding-top: 51px
}

.cpb {
    padding-left: 80px
}

.cb {
    display: inline-block;
    width: 20px;
    height: 16px;
    line-height: 1em
}

.cb i, .cb i:before, .cb i:after {
    position: relative;
    content: '';
    height: 2px;
    background: #fff;
    top: 6px;
    left: 0;
    display: block
}

.cb i:before {
    top: -6px
}

.cb i:after {
    top: 4px
}

.cx {
    width: 27px;
    height: 27px;
    text-align: center
}

.cx > * {
    line-height: 27px
}

.ca_h {
    background: transparent;
    border-width: 0;
    padding: 5px 10px;
    font-size: 0.8rem;
    font-weight: 700;
    font-family: Verdana;
}

.ca_h3 {
    background: transparent;
    border-width: 0;
    padding: 10px 15px;
    font-size: 1.3125rem;
    font-weight: 400
}

.ca_b {
    padding: 0 10px 0 15px
}

.ca_hi {
    font-size: .875rem;
    margin-right: 5px;
    vertical-align: 0
}

.ca_o {
    display: none
}

section[expanded] > .ca_h > .i-plus:before, section[expanded] > .ca_h3 > .i-plus:before {
    content: "\f068"
}

.ddef_h[expanded] > .senseButton::before {
    content: "\f068"
}

div.phrase-block[expanded] i.i:before{
    content: "\f0d7";
}


section[expanded] > .ca_h > .i-chevron-down:before, section[expanded] > .ca_h3 > .i-chevron-down:before {
    content: "\f077"
}

section[expanded] .ca_o {
    display: inherit
}

section[expanded] .ca_c {
    display: none
}

.cdf {
    width: 100%;
    height: 100%;
    max-width: 900px;
    padding: 25px
}

.cdf-s {
    max-width: 650px
}

.cdc {
    width: 100%;
    min-height: 100px;
    max-height: 100%
}

.ctop {
    bottom: 10px;
    right: 22px
}

.cid {
    position: absolute;
    top: -60px;
    left: 0;
    width: 1px;
    height: 1px
}

.cs-tw {
    top: -10px;
    left: 15px;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top: 0;
    border-bottom: 12px solid #fff
}

.c_aud {
    line-height: 26px
}

.c_aud audio {
    opacity: 0;
    width: 100px;
    max-width: none;
    margin-left: -15px
}

.c_aud-s {
    width: 25px;
    height: 30px
}

.c_aud-s audio {
    margin: -37px 0 0 -12px
}

.c_icl::after, .c_ict::after {
    content: "";
    position: absolute;
    background: #fff
}

.c_icl::before, .c_ict::before {
    text-shadow: 0 0 4px rgba(0, 0, 0, .1);
    color: #fff
}

.c_ict {
    transform: scaleX(2)
}

.c_ict::before {
    content: "▲"
}

.c_ict::after {
    bottom: -3px;
    left: 0;
    right: 0;
    height: 6px
}

.c_icl {
    transform: scaleY(2)
}

.c_icl::before {
    content: "◄"
}

.c_icl::after {
    bottom: 0;
    top: 0;
    right: -4px;
    width: 6px
}

.c_h {
    margin-top: 10px;
    padding: 4px 10px 2px;
    background: #ffc400
}

.c_hh {
    margin: 0;
    padding: 2px 0 3px;
    color: #1d2956;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase
}

.c_hhw {
    font-size: .875rem;
    text-transform: lowercase
}

.c_a2w {
    top: 167px
}

.c_ps .title[tag="div"], .c_ps pagetitle {
    text-decoration: underline
}

.c_ps .title[tag="div"]:hover, .c_ps pagetitle:hover {
    text-decoration: none
}

.a {
    margin: 0 auto;
    min-height: 1px
}

.ac, .at {
    width: 320px;
    height: 50px
}

.at {
    margin: 0
}

.ab, .am {
    width: 300px;
    height: 250px
}

.ar {
    display: none
}

.al {
    display: none
}

.alw {
    position: sticky;
    top: 55px
}

.hdn {
    display: none
}

.hdb {
    display: block
}

.hdi {
    display: inline
}

.hdib {
    display: inline-block
}

.hdf {
    display: flex
}

.hxv {
    visibility: visible
}

.hxh {
    visibility: hidden
}

.hfn {
    float: none
}

.hfl {
    float: left
}

.hfr {
    float: right
}

.hcn {
    clear: none
}

.hcb {
    clear: both
}

.hcl {
    clear: left
}

.hcr {
    clear: right
}

.hflxrev {
    flex-direction: row-reverse
}

.hflxy {
    flex-direction: column
}

.hflxwp {
    flex-wrap: wrap
}

.hflx0 {
    flex: 0
}

.hflx1 {
    flex: 1
}

.hflx-o1 {
    order: -1
}

.hflx-c {
    align-items: center;
    justify-content: center
}

.hflx-g4 {
    flex-grow: 4
}

.hfocp:focus {
    padding: 10px
}

.hlh10 {
    line-height: .625rem
}

.hlh11 {
    line-height: .6875rem
}

.hlh12 {
    line-height: .75rem
}

.hlh13 {
    line-height: .8125rem
}

.hlh14 {
    line-height: .875rem
}

.hlh15 {
    line-height: .9375rem
}

.hlh16 {
    line-height: 1rem
}

.hlh18 {
    line-height: 1.125rem
}

.hlh20 {
    line-height: 1.25rem
}

.hlh21 {
    line-height: 1.3125rem
}

.hlh22 {
    line-height: 1.375rem
}

.hlh24 {
    line-height: 1.5rem
}

.hlh32 {
    line-height: 2rem
}

.hlh34 {
    line-height: 2.125rem
}

.hlh40 {
    line-height: 2.5rem
}

.hlh1_2 {
    line-height: 1.2
}

.hlh1_3 {
    line-height: 1.3
}

.hlh1_4 {
    line-height: 1.4
}

.hlh1_5 {
    line-height: 1.5
}

.hh30 {
    height: 30px
}

.hls1 {
    letter-spacing: 1px
}

.hvt {
    vertical-align: top
}

.hvm {
    vertical-align: middle
}

.hvb {
    vertical-align: bottom
}

.hvbl {
    vertical-align: baseline
}

.hv0 {
    vertical-align: 0
}

.hv1 {
    vertical-align: 1px
}

.hv2 {
    vertical-align: 2px
}

.hv3 {
    vertical-align: 3px
}

.hv5 {
    vertical-align: 5px
}

.hv-1 {
    vertical-align: -1px
}

.hv-2 {
    vertical-align: -2px
}

.hv-3 {
    vertical-align: -3px
}

.hov {
    overflow: visible
}

.hoh {
    overflow: hidden
}

.hbr {
    border-radius: 2px
}

.hbrt {
    border-radius: 2px 2px 0 0
}

.hbrl {
    border-radius: 2px 0 0 2px
}

.hbrb {
    border-radius: 0 0 2px 2px
}

.hbrr {
    border-radius: 0 2px 2px 0
}

.hbr-5 {
    border-radius: 5px
}

.hbr-10 {
    border-radius: 10px
}

.hbr-20 {
    border-radius: 20px
}

.hbr50 {
    border-radius: 50%
}

.hbs {
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, .15)
}

.hbss {
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05)
}

.hbs-br {
    box-shadow: 8px 8px 8px -7px rgba(0, 0, 0, 0.12)
}

.hbsf {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

.hbsn {
    box-shadow: none
}

.hy-c {
    top: 50%;
    transform: translateY(-50%)
}

.hbq {
    margin: 0 0 5px;
    border-left-width: 0;
    padding: 0 10px 0 10px
}

.ha, .han a {
    text-decoration: none
}

.ha:hover, .han a:hover, .had a, .haf, .hax a:hover .haxa {
    text-decoration: underline
}

.had a:hover, .haf:hover, .hafw:hover .haf {
    text-decoration: none
}

.hax, .hax:hover, .hax a, .hax a:hover {
    text-decoration: none
}

a.hai {
    display: inline-block;
    width: 100%
}

.hao:hover, a.hai:hover {
    opacity: .85
}

.hao:active, a.hai:active {
    opacity: .80
}

.habg:hover {
    background: #fcfcfc
}

.habg:active {
    background: #fbfbfb
}

a.hai img {
    width: 100%
}

.hul-i {
    margin-left: 0;
    list-style: none
}

.hul-i li, .hul-ib li {
    display: inline;
    margin: 0
}

.hul-ib li {
    display: inline-block
}

.hul-u, .hul-un li ul {
    margin-left: 0;
    padding: 0;
    list-style: none
}

.hul-u li {
    margin: 0 0 5px;
    list-style: none
}

.hul-un li ul {
    margin-top: 0
}

.hul-u0 li {
    margin: 0
}

ol.hol {
    counter-reset: item;
    list-style-type: decimal
}

ol.hol > li {
    counter-increment: item
}

ol.hol ol > li {
    display: block
}

ol.hol ol > li:before {
    content: counters(item, ".") ". ";
    margin-left: -20px
}

.hola {
    list-style-type: lower-alpha
}

.hbtn {
    display: inline-block;
    padding: 10px 12px;
    text-align: center;
    border-width: 0;
    color: #fff;
    text-decoration: none;
    line-height: 1em;
    cursor: pointer;
    border-radius: 2px
}

.hbtn-b {
    display: block
}

.hbtn-tl {
    text-align: left
}

.hbtn-sm {
    padding: 7px 10px
}

.hbtn-br5 {
    border-radius: 5px
}

.hbtn-br15 {
    border-radius: 15px
}

.hbtn-cd {
    cursor: default
}

.hbtn-tab {
    padding: 5px 10px;
    border-radius: 25px
}

.hp {
    cursor: pointer
}

.hpd {
    cursor: default
}

.hpf {
    cursor: not-allowed
}

.htc {
    text-align: center
}

.htl {
    text-align: left
}

.htr {
    text-align: right
}

.ps {
    position: static
}

.pa {
    position: absolute
}

.pf {
    position: fixed
}

.pr {
    position: relative
}

.py {
    position: -webkit-sticky;
    position: sticky
}

.p0 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.pt0 {
    top: 0
}

.pl0 {
    left: 0
}

.pb0 {
    bottom: 0
}

.pr0 {
    right: 0
}

.pt5 {
    top: 5px
}

.pl5 {
    left: 5px
}

.pb5 {
    bottom: 5px
}

.pr5 {
    right: 5px
}

.pt10 {
    top: 10px
}

.pt20 {
    top: 20px
}

.pb20 {
    bottom: 20px
}

.pt-1 {
    top: -1px
}

.pl-1 {
    left: -1px
}

.pb-1 {
    bottom: -1px
}

.pr-1 {
    right: -1px
}

.pt-5 {
    top: -5px
}

.pl-5 {
    left: -5px
}

.pb-5 {
    bottom: -5px
}

.pr-5 {
    right: -5px
}

.pt-10 {
    top: -10px
}

.pl-10 {
    left: -10px
}

.pb-10 {
    bottom: -10px
}

.pr-10 {
    right: -10px
}

.pl-15 {
    left: -15px
}

.pl1pc {
    left: 1%
}

.pb1pc {
    bottom: 1%
}

.pt50 {
    top: 50%
}

.pl50 {
    left: 50%
}

.pb50 {
    bottom: 50%
}

.pr50 {
    right: 50%
}

.pt100 {
    top: 100%
}

.pl100 {
    left: 100%
}

.pb100 {
    bottom: 100%
}

.pr100 {
    right: 100%
}

.pta {
    top: auto
}

.pla {
    left: auto
}

.pba {
    bottom: auto
}

.pra {
    right: auto
}

.pdd {
    top: -3px;
    left: -5px;
    right: -5px
}

.bh, .bh a, .bs, .bs a {
    color: #fff
}

.bt {
    background: transparent
}

.bl {
    background: rgba(0, 0, 0, 0.7)
}

.bl-l {
    background: rgba(255, 255, 255, 0.7)
}

.bh {
    background: #1d2a57
}

.bhb {
    background: #616a89
}

.bs {
    background: #0f173b
}

.bo {
    background: #fec400
}

.boa {
    background: #fdc702
}

.bod {
    background: #ff8029
}

.bod2 {
    background: #ee7203
}

.be {
    background: #e84d54
}

.bp {
    background: #ffe796
}

.bi {
    background: #fff8e4
}

.bpb {
    background: #ddfaff
}

.bpi {
    background: #f52157
}

.bb {
    background: #ffe797
}

.bsb {
    background: #5ce8ff
}

.bg {
    background: #f6f6f6
}

.bgl {
    background: #e5e4e9
}

.bgn {
    background: #129833
}

.bgs {
    background: #3fbf48
}

.bbb {
    background: #a3f2ff
}

.bbt {
    background: #1d2956
}

.bbs {
    background: #5d2fc1
}

.blc {
    background: #fff3ff
}

.b_g {
    background-image: linear-gradient(to bottom, #f52057, #d50147)
}

.bh-w:hover, .bw {
    background: #fff
}

.b-sf {
    background: #3b5998
}

.b-sg {
    background: #dc4e41
}

.b-st {
    background: #55acee
}

.t {
    font-family: Arial, Helvetica, sans-serif
}

.tb {
    font-weight: 550
}

.tn {
    font-weight: 400
}

.ti {
    font-style: italic
}

.tu {
    text-decoration: underline
}

.tdl {
    text-decoration: line-through
}

.tcl {
    text-transform: lowercase
}

.tcu {
    text-transform: uppercase
}

.tci {
    text-transform: initial
}

.tcc {
    text-transform: capitalize
}

.tw-bw {
    word-wrap: break-word
}

.tw-nw {
    white-space: nowrap
}

.to-e {
    text-overflow: ellipsis
}

.tc-d, .tc-d a {
    color: #292929
}

.tc-w, .tc-w a {
    color: #fff
}

.tc-g, .tc-g a {
    color: #888
}

.tc-o, .tc-o a {
    color: #fec400
}

.tc-b, .tc-b a {
    color: #8ea2ca
}

.tc-a, .tc-a a {
    color: #234b9a
}

.tc-p, .tc-p a {
    color: #f52157
}

.tc-suc, .tc-suc a {
    color: #3fbf48
}

.tc-err, .tc-err a {
    color: #e84427
}

.tc-bd, .tc-bd a {
    color: #1d2a57
}

.tc-bl, .tc-bl a {
    color: #626a8a
}

.tc-bb, .tc-bb a {
    color: #0071d0
}

.tc-bi, .tc-bi a {
    color: #5d6788
}

.tc-black, .tc-black a {
    color: #000
}

.tc-s {
    color: #ffc400
}

a.tc-d {
    color: #292929
}

a.tc-w {
    color: #fff
}

a.tc-g {
    color: #888
}

a.tc-o {
    color: #fec400
}

a.tc-b {
    color: #8ea2ca
}

a.tc-a {
    color: #234b9a
}

a.tc-bd {
    color: #1d2a57
}

a.tc-bl {
    color: #626a8a
}

a.tc-bia {
    color: #5d6788
}

.o {
    background: #fff
}

.o::before, .o::after {
    content: "";
    z-index: 1;
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff
}

.o::after {
    width: 26px;
    height: 13px
}

.o::before {
    transform: rotate(45deg);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, .05)
}

.o-t::before {
    top: -6px;
    left: 50%;
    margin-left: -6px
}

.o-t::after {
    top: 0;
    left: 50%;
    margin-left: -13px
}

.o-b::before, .o-bl::before {
    bottom: -6px;
    left: 50%;
    margin-left: -6px
}

.o-b::after, .o-bl::after {
    bottom: 0;
    left: 50%;
    margin-left: -13px
}

.o-bl::before {
    left: 25%
}

.o-bl::after {
    left: 25%
}

.o-l::before {
    left: -6px;
    top: 50%;
    margin-top: -6px
}

.o-l::after {
    left: 0;
    top: 50%;
    margin-top: -13px
}

.o-r::before {
    right: -6px;
    top: 50%;
    margin-top: -6px
}

.o-r::after {
    right: 0;
    top: 50%;
    margin-top: -13px
}

.obp, .obp::before, .obp::after {
    background: #ffe796
}

.ot-1v, .ot-1v80 {
    position: absolute;
    left: 0;
    top: 100vh;
    width: 1px;
    height: 10px
}

.ot-1v80 {
    margin-top: 80px
}

.ocn {
    left: 20px;
    bottom: 80px;
    max-width: 200px;
    opacity: 0
}

.d_br {
    display: block;
    height: 1px;
    overflow: hidden
}

.di blockquote {
    font-style: normal
}

.dpos-h {
    padding: 0 0 0px 10px
}

.dpos-h_hw {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 5px 0;
    font-size: 1.5rem;
    color: #1d2a57;
    font-weight: 600
}

.dpos-h_hw b {
    font-weight: 400
}

.dpos-h .dvar, .dpos-h .dlab {
    line-height: 25px
}

.dpos-g {
    margin-bottom: 5px
}

.dpos-g .dpos {
    font-size: 14px;
    font-weight: bold;
    font-style: italic
}

.dpos-zh {
    font-size: 16px
}

.dsense {
    border-top: solid 2px #5d2fc1;
    margin-top: 5px;
}

.dsensezh {
    margin-bottom: 10px;
    padding-top: 10px;
    display: block
}

.dsense-noh {
    border-color: #fff
}

.dsense_h {
    margin-bottom: 8px;
    padding-top: 5px;
    color: #5d2fc1;
    font-size: 1rem;
    font-weight: 700
}

.dsense_h a {
    color: #5d2fc1
}

.dsense_pos {
    font-style: italic;
    font-size: .875rem
}

.dsense p {
    margin: 0 0 10px
}

.dsense_gram {
    font-size: .75rem
}

.dsense_gw {
    font-size: 14px;
    text-transform: uppercase
}

.dinfls {
    font-size: .875rem;
/*    display: block;*/
}

.dinfg {
    margin-right: 3px;
    margin-left: 5px
}

.dinfg:first-child {
    margin-left: 0
}

.dinfg:last-child {
    margin-right: 0
}

.dtrans {
    color: #0580e8
}

.dtranszh {
    color: #0580e8;
    font-size: 18px;
    display: inline-block
}

.dtrans-egzh {
    color: #0580e8;
    display: inline-block;
    margin-top: 5px;
    font-style: italic
}

.dtrans-eg-transzh {
    display: block;
    margin-top: 5px
}

.dfreq {
    display: none
}

.dxref {
    margin-right: 3px;
    padding: 2px 6px;
    color: #fff;
    font-weight: 700;
    font-size: .75rem;
    text-align: center;
    background-color: #1d2956;
    border-radius: 50px
}

.dlu {
    font-weight: bold;
    margin-right: 5px;
    font-style: normal;
}

a.dlu {
    text-decoration: underline
}

.dxzh {
    line-height: 25px;
    margin: 5px 0 15px
}

.dimg {
    width: 200px;
    margin: 15px 30px 20px 0
}

.dimg_i {
    width: 100%
}

.dimg_c {
    margin: 10px 0;
    font-size: .6875rem;
    color: #5d6788
}

.dtext {
    flex: 1
}

.dlab, .dgram, .ddomain, .duse, .dx-lab {
    font-size: 16px;
}

.ddomain {
    text-transform: uppercase
}

.duse {
    margin-left: 5px
}

.dx-num {
    font-size: .875rem
}

.dpos-h .dlab:last-child .dusage:first-child {
    display: block
}

.dpos-h .pos {
    font-weight: 700
}

.dgc {
/*    letter-spacing: 1px*/
    font-style: italic;
    font-size: 15px;
    font-family: Verdana;
    color: #359335;
}

.dx-h, .dx-p {
    margin-bottom: 10px;
    text-decoration: underline
}

.dx-h:hover, .dx-p:hover {
    text-decoration: none
}

.dx-h b {
    font-weight: 400
}

.dx-h b.tb, .dx-h strong.tb {
    font-weight: 700
}

.dthesButton {
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 10px;
    margin: 5px 0 0;
    border-radius: 15px
}

.dthesButton.synonym {
    background-color: #ddfaff
}

.dthesButton.opposite {
    background-color: #ffbeb2
}

.dthesButton.seeAlso {
    background-color: #eff1fa
}

.dthes-article-button {
    padding: 0 10px
}

.dthes-topic-button {
    padding: 0;
    font-weight: normal;
    text-decoration: underline
}

.dv, .dpron {
    font-size: .875rem
}

.dpron {
    margin-right: 5px
}

.dpron {
    display: inline-block;
    min-height: 25px
}

.dpos-h .dvar .dpron, .dpos-h .dlab .dpron {
    display: inline
}

.dpron-info {
    display: inline-block
}

.dpron-i-e .dpron {
    margin-right: 0
}

.dipa {
    font-family: Arial, Helvetica, sans-serif;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    word-wrap: break-word;
    word-break: break-word
}

.dv {
    font-weight: 700
}

.thesaurus .text p {
    margin-top: 20px;
    line-height: 30px
}

.dinfg.lmr-0 > .dpron:last-child, .dinfg > .dpron-info:last-child .dpron {
    margin-right: 0
}

.dsp, .sp.sup {
    position: relative;
    line-height: 0;
    vertical-align: baseline;
    top: -0.5em;
    font-size: 75%
}

.db {
    font-weight: 550;
}

.dbr::before {
    content: "•";
    color: #ffc400;
    vertical-align: middle
}

.dreg {
    margin-right: 5px;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase
}

.dpron-i-e .dreg:last-child {
    margin-right: 0
}

.daud {
    margin-left: -5px
}

.dexamp {
    position: relative;
    padding-left: 1rem;
/*    padding-left: 12px;*/
    display: block
}

.dexamp::before {
    content: "•";
    position: absolute;
/*    top: 0;*/
    left: 0;
}

.dexamp.has-zh::before {
    color: red;
}

.dexamp > .dgram {
    font-style: normal;
    vertical-align: 2px;
    margin-right: 3px;
}

.dexamp .dlab {
    font-style: normal;
    font-size:15px;
    font-family: Verdana;
    color: #359335;
}

.dexamp .trans, .dexamp.trans {
    vertical-align: initial
}

.dsource {
    font-size: 12px;
    font-style: italic;
    margin: 15px 0
}

.dsource_e {
    display: inline-block
}

.def {
    line-height: 24px;
    font-size: 18px
}

.ddef {
    font-size: .75rem;
    font-style: italic
}

.ddef_b {
    margin-bottom: 10px;
/*    margin-bottom: 20px;*/
    font-size: 18px
}

.ddef_b .xref.see_also {
    margin-top: 20px
}

.ddef_h .dinfls {
    display: inline-block
}

.ddef_h .dpron {
    margin: 0 0 0 5px
}

.ddef_d {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.5;
    display: block
}

.ddef_b > .dtrans-se {
    display: block;
    margin: -10px 0 20px
}

.dtrans-block > .dtrans-se {
    display: block;
    margin-bottom: 20px
}

.daccord {
/*    margin: 10px 0;*/
    background: #fcfff4;
}

.daccord_b {
    padding: 0 5px 10px 10px
}

.daccord_lt {
    margin: 10px 10px 10px 0;
    font-weight: 700
}

.daccord_lb {
    padding: 0 10px;
    font-weight: 400
}

.dwl {
    position: relative;
/*    margin-top: 2px;*/
    border-top: solid thin #fec400;
}

.dwl-ns {
    margin-bottom: 15px
}

.dwla {
    position: absolute;
    right: 0;
    top: -12px;
    padding: 2px 8px;
    background: #fec400;
    border-radius: 20px
}

.dwla:hover {
    text-decoration: none
}

.dwla i {
    font-size: 10px
}

.dwla i.fas {
    font-size: 12px
}

.di-body > .idiom-block > .idiom-block > .di-title, .di-body > .idiom-block > .idiom-block > .di-info, .dsense_h, .ddef_block {
    padding-left: 5px;
    padding-right: 5px
}

.ddef_blockzh {
    padding-left: 10px;
    line-height: 25px;
    font-size: 17px
}

.ddef_blockzh::before {
    content: "\2022";
    color: #1d2a57;
    position: absolute;
    left: 0;
    line-height: 35px
}

.di-body > .idiom-block > .idiom-block > .didiom-body {
    display: block;
    margin-top: 10px
}

.dpos-h .dgram, .dsense_h .dsense_gw, .dsense_h .dgram {
    vertical-align: 1px
}

.dsense_h .dsense_gw > span {
    vertical-align: -1px
}

.dsense_b .xref.compare {
    margin-bottom: 20px
}

.dsense_b .ddef_b .xref.compare {
    margin-bottom: 0
}

.dsense_b > .xref {
    margin-left: 10px
}

.dsense_b .dxref-w, .ddef_b .dxref-w {
    font-size: .875rem
}

.xref .dx-pos {
    font-style: italic
}

.drunon .ddef_block, .ddef_block .ddef_block {
    padding: 0
}

.ddef_block .daccord {
/*    margin: 10px 0;*/
    margin-left: -5px;
    margin-right: -5px
}

.dphrase_h {
/*    padding-bottom: 10px*/
}

.dphrase_t {
    font-weight: 700
}

.dphrase_i {
    display: block;
    margin: 10px 0 5px
}

.dphrase-block .ddef_block {
    padding: 0;
    margin-top: 20px
}

.dphrase-block .ddef_block:first-child {
    margin-top: 0
}

.dphrase-block .ddef_b {
/*    padding-bottom: 10px;*/
    margin-bottom: 10px
}

.ddivide::before {
    content: "•";
/*    margin-left: 5px;*/
    color: #fdc702;
    text-align: center;
/*    vertical-align: -2px*/
}


/*.def{*/
/*    font: normal normal normal 1rem / 1 ico-c;*/
/*}*/

.ddivide-sp::before {
    margin-right: 5px;
}

.dusagenote .deg {
    display: block;
    margin-left: 20px;
    font-style: italic
}

.drunon {
    margin-bottom: 10px;
    padding: 10px;
    background: #ddfaff
}

.drunon-head .dpos-h {
    padding: 0
}

.drunon-head .dpos-h > .dpos {
    display: inline-block;
    margin-bottom: 10px
}

.drunon-title {
    font-weight: 700
}

.dtoc ul > li:last-child {
    border-bottom-width: 0
}

.ddef_b-t > .dexamp {
    margin-top: 20px
}

.dbrowse .base, .dbrowse div > span.pageTitle {
    font-weight: 700
}

.dbrowse a .base {
    font-weight: inherit
}

.dbrowse div span.haf {
    text-decoration: none
}

.dtable {
    margin: 20px 0 25px;
    border-top: solid 2px #606888
}

.dtable td {
    padding-left: 15px;
    border-right: solid thin #e5e4e9
}

.dtable td:first-child {
    padding-left: 5px
}

.dtable td:last-child {
    border-right-width: 0
}

.dheader .dtitle {
    margin-top: 30px
}

.dheader h2.dtitle {
    margin-top: 35px
}

.dsection-t > .dheader h2.dtitle {
    margin-top: 20px
}

.dsection-f > .dheader:first-child .dtitle {
    margin-top: 15px
}

.dpanel-title, .dheader h2.dtitle {
    font-weight: 700
}

.dnav {
    margin: 25px 0 15px
}

.dnav > .dp:first-child {
    font-weight: bold
}

.dnav .dul, .dnav .dul .dli {
    margin: 0;
    padding: 0;
    list-style: none
}

.dnav a {
    text-decoration: underline
}

.dnav a:hover {
    text-decoration: none
}

.relativDiv > .pv-block > .di-title {
    padding: 0 10px
}

.relativDiv > .pv-block > .di-info > * {
    padding-left: 10px
}

.relativDiv > .pv-block > .dpv-body {
    display: block;
    margin-top: 10px
}

.dhw-m {
    font-size: 26px
}

.dhw-l {
    font-size: 24px
}

@media screen and (min-width: 763px) {
    .dhw-m {
        font-size: 32px
    }

    .dhw-l {
        font-size: 26px
    }
}

@media screen and (min-width: 980px) {
    .dhw-m {
        font-size: 36px
    }

    .dhw-l {
        font-size: 30px
    }
}

@media screen and (max-width: 763px) {
    .dtable .td .dtd {
        padding-left: 5px;
        text-align: center
    }
}

.british-grammar .dpnl-w {
    margin: 20px 0;
    padding: 20px 25px;
    background: #fff8e4
}

.vh-a {
    border-top: 3px solid #5ce8ff
}

div.x::before, .lcs::before {
    content: " ";
    display: table
}

div.x::after, .lcs::after {
    content: " ";
    display: table;
    clear: both
}

.lmax {
    max-width: 1420px;
    margin-left: auto;
    margin-right: auto
}

.lmax-side {
    max-width: 300px
}

.lmax100 {
    max-width: 100%
}

.lminh100 {
    min-height: 100%
}

.lmin-30 {
    min-width: 30px
}

.lmin-40 {
    min-width: 40px
}

.lmin-50 {
    min-width: 50px
}

.lmin-90 {
    min-width: 90px
}

.lmin-100 {
    min-width: 100px
}

.lmin-150 {
    min-width: 150px
}

.lmin-200 {
    min-width: 200px
}

.lmin-230 {
    min-width: 230px
}

.lmin-250 {
    min-width: 250px
}

.lmin-300 {
    min-width: 300px
}

.lmax-250 {
    max-width: 250px
}

.lminh-100 {
    min-height: 100px
}

.lc {
    float: left
}

.lc0 {
    width: 0
}

.lc1 {
    width: 100%
}

.lc3-12 {
    width: 25%
}

.lc4-10 {
    width: 39%
}

.lc6-12 {
    width: 50%
}

.lc6-10 {
    width: 59%
}

.lc9-12 {
    width: 75%
}

.lch0 {
    height: 0
}

.lch1 {
    height: 100%
}

.lcha {
    height: auto
}

.lp-5 {
    padding: 5px
}

.lp-10 {
    padding: 5px
}

.lp-15 {
    padding: 15px
}

.lp-20 {
    padding: 20px
}

.lp-25 {
    padding: 25px
}

.lp-3pc {
    padding: 3%
}

.lp-0 {
    padding: 0
}

.lpt-0 {
    padding-top: 0
}

.lpl-0 {
    padding-left: 0
}

.lpb-0 {
    padding-bottom: 0
}

.lpr-0 {
    padding-right: 0
}

.lpt-1 {
    padding-top: 1px
}

.lpl-1 {
    padding-left: 1px
}

.lpb-1 {
    padding-bottom: 1px
}

.lpr-1 {
    padding-right: 1px
}

.lpt-2 {
    padding-top: 2px
}

.lpl-2 {
    padding-left: 2px
}

.lpb-2 {
    padding-bottom: 2px
}

.lpr-2 {
    padding-right: 2px
}

.lpt-3 {
    padding-top: 3px
}

.lpl-3 {
    padding-left: 3px
}

.lpb-3 {
    padding-bottom: 3px
}

.lpr-3 {
    padding-right: 3px
}

.lpt-4 {
    padding-top: 4px
}

.lpl-4 {
    padding-left: 4px
}

.lpb-4 {
    padding-bottom: 4px
}

.lpr-4 {
    padding-right: 4px
}

.lpt-5 {
    padding-top: 5px
}

.lpl-5 {
    padding-left: 5px
}

.lpb-5 {
    padding-bottom: 5px
}

.lpr-5 {
    padding-right: 5px
}

.lpt-10 {
    padding-top: 10px
}

.lpl-10 {
/*    padding-left: 10px*/
    color: #359335;
}

.lpb-10 {
    padding-bottom: 10px
}

.lpr-10 {
    padding-right: 10px
}

.lpt-15 {
    padding-top: 15px
}

.lpl-15 {
    padding-left: 15px
}

.lpb-15 {
    padding-bottom: 15px
}

.lpr-15 {
    padding-right: 15px
}

.lpt-20 {
    padding-top: 20px
}

.lpl-20 {
    padding-left: 20px
}

.lpb-20 {
    padding-bottom: 20px
}

.lpr-20 {
    padding-right: 20px
}

.lpt-25 {
    padding-top: 25px
}

.lpl-25 {
    padding-left: 25px
}

.lpb-25 {
    padding-bottom: 25px
}

.lpr-25 {
    padding-right: 25px
}

.lpt-40 {
    padding-top: 40px
}

.lpr-50 {
    padding-right: 50px
}

.lpb100 {
    padding-bottom: 100%
}

.lm-0 {
    margin: 0
}

.lm-5 {
    margin: 5px
}

.lm-10 {
    margin: 10px
}

.lm-15 {
    margin: 15px
}

.lm-20 {
    margin: 20px
}

.lm-25 {
    margin: 25px
}

.lm-auto {
    margin-left: auto;
    margin-right: auto
}

.lmtb-auto {
    margin-top: auto;
    margin-bottom: auto
}

.lmt--1 {
    margin-top: -1px
}

.lmt--2 {
    margin-top: -2px
}

.lmt--3 {
    margin-top: -3px
}

.lmt--5 {
    margin-top: -5px
}

.lmt--10 {
    margin-top: -10px
}

.lmt-2 {
    margin-top: 2px
}

.lmt-2pc {
    margin-top: 2%
}

.lmt-0 {
    margin-top: 0
}

.lml-0 {
    margin-left: 0
}

.lmb-0 {
    margin-bottom: 0
}

.lmr-0 {
    margin-right: 0
}

.lmt-1 {
    margin-top: 1px
}

.lmb-1 {
    margin-bottom: 1px
}

.lmt-3 {
    margin-top: 3px
}

.lml-3 {
    margin-left: 3px
}

.lmr-3 {
    margin-right: 3px
}

.lmt-5 {
    margin-top: 5px
}

.lml-5 {
    margin-left: 5px
}

.lmb-5 {
    margin-bottom: 5px
}

.lmr-5 {
    margin-right: 5px
}

.lmt-8 {
    margin-top: 8px
}

.lml-8 {
    margin-left: 8px
}

.lmb-8 {
    margin-bottom: 8px
}

.lmr-8 {
    margin-right: 8px
}

.lmt-10 {
    margin-top: 10px
}

.lml-10 {
    margin-left: 10px
}

.lmb-10 {
    margin-bottom: 10px
}

.lmr-10 {
    margin-right: 10px
}

.lmt-15 {
    margin-top: 15px
}

.lml-15 {
    margin-left: 15px
}

.lmb-15 {
    margin-bottom: 15px
}

.lmr-15 {
    margin-right: 15px
}

.lmt-20 {
    margin-top: 20px
}

.lml-20 {
    margin-left: 20px
}

.lmb-20 {
/*    margin-bottom: 20px*/
}

.lmr-20 {
    margin-right: 20px
}

.lmt-25 {
    margin-top: 25px
}

.lml-25 {
    margin-left: 25px
}

.lmb-25 {
    margin-bottom: 25px
}

.lmr-25 {
    margin-right: 25px
}

.lmt-35 {
    margin-top: 35px
}

.lmb-35 {
    margin-bottom: 35px
}

.lmt-50 {
    margin-top: 50px
}

.lmb-50 {
    margin-bottom: 50px
}

.lmt-70 {
    margin-top: 70px
}

.lml--3 {
    margin-left: -3px
}

.lml--5 {
    margin-left: -5px
}

.lml--10 {
    margin-left: -10px
}

.lml--15 {
    margin-left: -15px
}

.lml--20 {
    margin-left: -20px
}

.lml--25 {
    margin-left: -25px
}

.lmr--5 {
    margin-right: -5px
}

.lmr--10 {
    margin-right: -10px
}

.lmr--15 {
    margin-right: -15px
}

.lmr--20 {
    margin-right: -20px
}

.lmr--25 {
    margin-right: -25px
}

.lmb-1pc {
    margin-bottom: 1%
}

.lmt-3pc {
    margin-top: 3%
}

.lb {
    border: solid 1px #e5e4e9
}

.lb-d {
    border: dashed 1px #e5e4e9
}

.lb0 {
    border-width: 0
}

.lbt0 {
    border-top-width: 0
}

.lbl0 {
    border-left-width: 0
}

.lbb0 {
    border-bottom-width: 0
}

.lbr0 {
    border-right-width: 0
}

.lb2 {
    border-width: 2px
}

.lbt2 {
    border-top-width: 2px
}

.lbl2 {
    border-left-width: 2px
}

.lbb2 {
    border-bottom-width: 2px
}

.lbr2 {
    border-right-width: 2px
}

.lb3 {
    border-width: 3px
}

.lbt3 {
    border-top-width: 3px
}

.lbl3 {
    border-left-width: 3px
}

.lbb3 {
    border-bottom-width: 3px
}

.lbr3 {
    border-right-width: 3px
}

.lbt {
    border-top: solid 1px #e5e4e9
}

.lbl {
    border-left: solid 1px #e5e4e9
}

.lbb {
    border-bottom: solid 1px #e5e4e9
}

.lbr {
    border-right: solid 1px #e5e4e9
}

.lbs-s {
    border-style: solid
}

.lbc-err {
    border-color: #e84427
}

.lbc-suc {
    border-color: #3fbf48
}

.z0 {
    z-index: 0
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3 {
    z-index: 3
}

.z4 {
    z-index: 4
}

.z5 {
    z-index: 5
}

.cf {
    z-index: 970
}

.ctop {
    z-index: 975
}

.cc_pgwn {
    z-index: 980
}

.ch {
    z-index: 985
}

.cdl {
    z-index: 990
}

.cd {
    z-index: 995
}

@media screen and (min-width: 360px) {
    .hdn-xxs {
        display: none
    }

    .hdb-xxs {
        display: block
    }

    .hdi-xxs {
        display: inline
    }

    .hdib-xxs {
        display: inline-block
    }
}

@media screen and (min-width: 360px) and (min-height: 550px) {
    .hdn-xxs-h {
        display: none
    }

    .hdb-xxs-h {
        display: block
    }

    .hdi-xxs-h {
        display: inline
    }

    .hdib-xxs-h {
        display: inline-block
    }

    .at, .ac {
        width: 320px;
        height: 100px
    }
}

@media screen and (min-width: 600px) {
    .cfn {
        margin-right: 235px
    }

    th, td {
        padding: 10px 5px
    }

    .fs10-xs {
        font-size: .625rem
    }

    .fs11-xs {
        font-size: .6875rem
    }

    .fs12-xs {
        font-size: .75rem
    }

    .fs13-xs {
        font-size: .8125rem
    }

    .fs14-xs {
        font-size: .875rem
    }

    .fs15-xs {
        font-size: .9375rem
    }

    .fs16-xs {
        font-size: 1rem
    }

    .fs18-xs {
        font-size: 1.125rem
    }

    .fs19-xs {
        font-size: 1.1875rem
    }

    .fs20-xs {
        font-size: 1.25rem
    }

    .fs24-xs {
        font-size: 1.5rem
    }

    .fs30-xs {
        font-size: 1.875rem
    }

    .fs32-xs {
        font-size: 2rem
    }

    .fs36-xs {
        font-size: 2.25rem
    }

    .q0-xs {
        transition: none
    }

    .ps-xs {
        position: static
    }

    .pa-xs {
        position: absolute
    }

    .pf-xs {
        position: fixed
    }

    .pr-xs {
        position: relative
    }

    .p0-xs {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .pt0-xs {
        top: 0
    }

    .pl0-xs {
        left: 0
    }

    .pb0-xs {
        bottom: 0
    }

    .pr0-xs {
        right: 0
    }

    .pta-xs {
        top: auto
    }

    .pla-xs {
        left: auto
    }

    .pba-xs {
        bottom: auto
    }

    .pra-xs {
        right: auto
    }

    .hdn-xs {
        display: none
    }

    .hdb-xs {
        display: block
    }

    .hdf-xs {
/*        display: flex*/
    }

    .hdi-xs {
        display: inline
    }

    .hdib-xs {
        display: inline-block
    }

    .hxv-xs {
        visibility: visible
    }

    .hxh-xs {
        visibility: hidden
    }

    .hfn-xs {
        float: none
    }

    .hfl-xs {
        float: left
    }

    .hfr-xs {
        float: right
    }

    .hcn-xs {
        clear: none
    }

    .hcb-xs {
        clear: both
    }

    .hcl-xs {
        clear: left
    }

    .hcr-xs {
        clear: right
    }

    .htc-xs {
        text-align: center
    }

    .htl-xs {
        text-align: left
    }

    .htr-xs {
        text-align: right
    }

    .hov-xs {
        overflow: visible
    }

    .hoh-xs {
        overflow: hidden
    }

    .lcc-xs {
        clear: both
    }

    .lc-xs0 {
        width: 0
    }

    .lc-xs1 {
        width: 100%
    }

    .lc-xsa {
        width: auto
    }

    .lc-xs3-12 {
        width: 25%
    }

    .lc-xs4-12 {
        width: 33.33333%
    }

    .lc-xs6-12 {
        width: 50%
    }

    .lc-xs8-12 {
        width: 66.66667%
    }

    .lc-xs9-12 {
        width: 75%
    }

    .lc-xs10-12 {
        width: 83.33333%
    }

    .lc-xs1-5 {
        width: 20%
    }

    .lc-xs2-5 {
        width: 40%
    }

    .lc-xs3-5 {
        width: 60%
    }

    .lc-xs4-5 {
        width: 80%
    }

    .lp-xs_0 {
        padding: 0
    }

    .lp-xs_5 {
        padding: 5px
    }

    .lp-xs_10 {
        padding: 10px
    }

    .lp-xs_15 {
        padding: 15px
    }

    .lp-xs_20 {
        padding: 20px
    }

    .lp-xs_25 {
        padding: 25px
    }

    .lp-xs_t-0 {
        padding-top: 0
    }

    .lp-xs_t-5 {
        padding-top: 5px
    }

    .lp-xs_t-10 {
        padding-top: 10px
    }

    .lp-xs_t-15 {
        padding-top: 15px
    }

    .lp-xs_t-20 {
        padding-top: 20px
    }

    .lp-xs_t-25 {
        padding-top: 25px
    }

    .lp-xs_l-0 {
        padding-left: 0
    }

    .lp-xs_l-5 {
        padding-left: 5px
    }

    .lp-xs_l-10 {
        padding-left: 10px
    }

    .lp-xs_l-15 {
        padding-left: 15px
    }

    .lp-xs_l-20 {
        padding-left: 20px
    }

    .lp-xs_l-25 {
        padding-left: 25px
    }

    .lp-xs_b-0 {
        padding-bottom: 0
    }

    .lp-xs_b-5 {
        padding-bottom: 5px
    }

    .lp-xs_b-10 {
        padding-bottom: 10px
    }

    .lp-xs_b-15 {
        padding-bottom: 15px
    }

    .lp-xs_b-20 {
        padding-bottom: 20px
    }

    .lp-xs_b-25 {
        padding-bottom: 25px
    }

    .lp-xs_r-0 {
        padding-right: 0
    }

    .lp-xs_r-5 {
        padding-right: 5px
    }

    .lp-xs_r-10 {
        padding-right: 10px
    }

    .lp-xs_r-15 {
        padding-right: 15px
    }

    .lp-xs_r-20 {
        padding-right: 20px
    }

    .lp-xs_r-25 {
        padding-right: 25px
    }

    .lm-xs-auto {
        margin-left: auto;
        margin-right: auto
    }

    .lb-xs {
        border: solid 1px #e5e4e9
    }

    .lbt-xs {
        border-top: solid 1px #e5e4e9
    }

    .lbl-xs {
        border-left: solid 1px #e5e4e9
    }

    .lbb-xs {
        border-bottom: solid 1px #e5e4e9
    }

    .lbr-xs {
        border-right: solid 1px #e5e4e9
    }

    .lb0-xs {
        border-width: 0
    }

    .lbt0-xs {
        border-top-width: 0
    }

    .lbl0-xs {
        border-left-width: 0
    }

    .lbb0-xs {
        border-bottom-width: 0
    }

    .lbr0-xs {
        border-right-width: 0
    }
}

@media screen and (max-width: 762px) {
    .chs {
        top: -50px
    }

    .ch-hs {
        padding-bottom: 70px
    }

    .ch-hs .chs {
        top: 51px
    }

    .cm {
        width: 100vw;
        max-width: 100vw
    }
}
/*
@media screen and (min-width: 763px) {
    .cm-f {
        max-width: 400px;
        box-shadow: 6px 0 19px -2px rgba(0, 0, 0, 0.1)
    }

    .cc {
        padding-top: 102px
    }

    .cc-ans, .cc-ns {
        padding-top: 51px
    }

    .cfn {
        margin-right: 0;
        width: calc(100% - 210px)
    }

    .cfnl {
        max-width: 33.3333%
    }

    .cfd {
        max-width: 210px
    }

    .cid {
        top: -110px
    }

    .cdf {
        padding: 50px
    }

    .fs10-s {
        font-size: .625rem
    }

    .fs11-s {
        font-size: .6875rem
    }

    .fs12-s {
        font-size: .75rem
    }

    .fs13-s {
        font-size: .8125rem
    }

    .fs14-s {
        font-size: .875rem
    }

    .fs15-s {
        font-size: .9375rem
    }

    .fs16-s {
        font-size: 1rem
    }

    .fs18-s {
        font-size: 1.125rem
    }

    .fs20-s {
        font-size: 1.25rem
    }

    .fs24-s {
        font-size: 1.5rem
    }

    .fs30-s {
        font-size: 1.875rem
    }

    .q0-s {
        transition: none
    }

    .ps-s {
        position: static
    }

    .pa-s {
        position: absolute
    }

    .pf-s {
        position: fixed
    }

    .pr-s {
        position: relative
    }

    .p0-s {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .pt0-s {
        top: 0
    }

    .pl0-s {
        left: 0
    }

    .pb0-s {
        bottom: 0
    }

    .pr0-s {
        right: 0
    }

    .pta-s {
        top: auto
    }

    .pla-s {
        left: auto
    }

    .pba-s {
        bottom: auto
    }

    .pra-s {
        right: auto
    }

    .hdn-s {
        display: none
    }

    .hdb-s {
        display: block
    }

    .hdf-s {
        display: flex
    }

    .hdi-s {
        display: inline
    }

    .hdib-s {
        display: inline-block
    }

    .hxv-s {
        visibility: visible
    }

    .hxh-s {
        visibility: hidden
    }

    .hfn-s {
        float: none
    }

    .hfl-s {
        float: left
    }

    .hfr-s {
        float: right
    }

    .hcn-s {
        clear: none
    }

    .hcb-s {
        clear: both
    }

    .hcl-s {
        clear: left
    }

    .hcr-s {
        clear: right
    }

    .htc-s {
        text-align: center
    }

    .htl-s {
        text-align: left
    }

    .htr-s {
        text-align: right
    }

    .hov-s {
        overflow: visible
    }

    .hoh-s {
        overflow: hidden
    }

    .lt2b {
        width: calc(100% - 300px)
    }

    .lt2s {
        width: 300px
    }

    .lcc-s {
        clear: both
    }

    .lc-s0 {
        width: 0
    }

    .lc-s1 {
        width: 100%
    }

    .lc-sa {
        width: auto
    }

    .lc-s1-12 {
        width: 8.33333%
    }

    .lc-s2-12 {
        width: 16.66667%
    }

    .lc-s3-12 {
        width: 25%
    }

    .lc-s4-12 {
        width: 33.33333%
    }

    .lc-s5-12 {
        width: 41.66667%
    }

    .lc-s6-12 {
        width: 50%
    }

    .lc-s7-12 {
        width: 58.33333%
    }

    .lc-s8-12 {
        width: 66.66667%
    }

    .lc-s9-12 {
        width: 75%
    }

    .lc-s10-12 {
        width: 83.33333%
    }

    .lc-s11-12 {
        width: 91.66667%
    }

    .lc-s1-5 {
        width: 20%
    }

    .lc-s2-5 {
        width: 40%
    }

    .lc-s3-5 {
        width: 60%
    }

    .lc-s4-5 {
        width: 80%
    }

    .lp-s_0 {
        padding: 0
    }

    .lp-s_5 {
        padding: 5px
    }

    .lp-s_10 {
        padding: 10px
    }

    .lp-s_15 {
        padding: 15px
    }

    .lp-s_20 {
        padding: 20px
    }

    .lp-s_25 {
        padding: 25px
    }

    .lp-s_t-0 {
        padding-top: 0
    }

    .lp-s_t-5 {
        padding-top: 5px
    }

    .lp-s_t-10 {
        padding-top: 10px
    }

    .lp-s_t-15 {
        padding-top: 15px
    }

    .lp-s_t-20 {
        padding-top: 20px
    }

    .lp-s_t-25 {
        padding-top: 25px
    }

    .lp-s_l-0 {
        padding-left: 0
    }

    .lp-s_l-5 {
        padding-left: 5px
    }

    .lp-s_l-10 {
        padding-left: 10px
    }

    .lp-s_l-15 {
        padding-left: 15px
    }

    .lp-s_l-20 {
        padding-left: 20px
    }

    .lp-s_l-25 {
        padding-left: 25px
    }

    .lp-s_b-0 {
        padding-bottom: 0
    }

    .lp-s_b-5 {
        padding-bottom: 5px
    }

    .lp-s_b-10 {
        padding-bottom: 10px
    }

    .lp-s_b-15 {
        padding-bottom: 15px
    }

    .lp-s_b-20 {
        padding-bottom: 20px
    }

    .lp-s_b-25 {
        padding-bottom: 25px
    }

    .lp-s_r-0 {
        padding-right: 0
    }

    .lp-s_r-5 {
        padding-right: 5px
    }

    .lp-s_r-10 {
        padding-right: 10px
    }

    .lp-s_r-15 {
        padding-right: 15px
    }

    .lp-s_r-20 {
        padding-right: 20px
    }

    .lp-s_r-25 {
        padding-right: 25px
    }

    .lm-s-auto {
        margin-left: auto;
        margin-right: auto
    }

    .lb-s {
        border: solid 1px #e5e4e9
    }

    .lbt-s {
        border-top: solid 1px #e5e4e9
    }

    .lbl-s {
        border-left: solid 1px #e5e4e9
    }

    .lbb-s {
        border-bottom: solid 1px #e5e4e9
    }

    .lbr-s {
        border-right: solid 1px #e5e4e9
    }

    .lb0-s {
        border-width: 0
    }

    .lbt0-s {
        border-top-width: 0
    }

    .lbl0-s {
        border-left-width: 0
    }

    .lbb0-s {
        border-bottom-width: 0
    }

    .lbr0-s {
        border-right-width: 0
    }

    .at {
        width: 728px;
        height: 90px
    }

    .ac, .ar {
        display: block;
        width: 300px;
        height: 250px
    }
}
*/

@media screen and (min-width: 980px) {
    .fs10-m {
        font-size: .625rem
    }

    .fs11-m {
        font-size: .6875rem
    }

    .fs12-m {
        font-size: .75rem
    }

    .fs13-m {
        font-size: .8125rem
    }

    .fs14-m {
        font-size: .875rem
    }

    .fs15-m {
        font-size: .9375rem
    }

    .fs16-m {
        font-size: 1rem
    }

    .fs18-m {
        font-size: 1.125rem
    }

    .fs19-m {
        font-size: 1.1875rem
    }

    .fs20-m {
        font-size: 1.25rem
    }

    .fs24-m {
        font-size: 1.5rem
    }

    .fs30-m {
        font-size: 1.875rem
    }

    .fs32-m {
        font-size: 2rem
    }

    .fs36-m {
        font-size: 2.25rem
    }

    .q0-m {
        transition: none
    }

    .ps-m {
        position: static
    }

    .pa-m {
        position: absolute
    }

    .pf-m {
        position: fixed
    }

    .pr-m {
        position: relative
    }

    .p0-m {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .pt0-m {
        top: 0
    }

    .pl0-m {
        left: 0
    }

    .pb0-m {
        bottom: 0
    }

    .pr0-m {
        right: 0
    }

    .pta-m {
        top: auto
    }

    .pla-m {
        left: auto
    }

    .pba-m {
        bottom: auto
    }

    .pra-m {
        right: auto
    }

    .hdn-m {
        display: none
    }

    .hdb-m {
        display: block
    }

    .hdf-m {
        display: flex
    }

    .hdi-m {
        display: inline
    }

    .hdib-m {
        display: inline-block
    }

    .hxv-m {
        visibility: visible
    }

    .hxh-m {
        visibility: hidden
    }

    .hfn-m {
        float: none
    }

    .hfl-m {
        float: left
    }

    .hfr-m {
        float: right
    }

    .hcn-m {
        clear: none
    }

    .hcb-m {
        clear: both
    }

    .hcl-m {
        clear: left
    }

    .hcr-m {
        clear: right
    }

    .htc-m {
        text-align: center
    }

    .htl-m {
        text-align: left
    }

    .htr-m {
        text-align: right
    }

    .hov-m {
        overflow: visible
    }

    .hoh-m {
        overflow: hidden
    }

    .ltas {
        width: 160px;
        text-align: right;
        overflow: hidden
    }

    .ltab {
        width: calc(100% - 160px)
    }

    .lcc-m {
        clear: both
    }

    .lc-s0 {
        width: 0
    }

    .lc-m1 {
        width: 100%
    }

    .lc-ma {
        width: auto
    }

    .lc-m0_5-12 {
        width: 4.16667%
    }

    .lc-m1-12 {
        width: 8.33333%
    }

    .lc-m1_5-12 {
        width: 12.5%
    }

    .lc-m2-12 {
        width: 16.66667%
    }

    .lc-m2_5-12 {
        width: 20.83333%
    }

    .lc-m3-12 {
        width: 25%
    }

    .lc-m3_5-12 {
        width: 29.16667%
    }

    .lc-m4-12 {
        width: 33.33333%
    }

    .lc-m4_5-12 {
        width: 37.5%
    }

    .lc-m5-12 {
        width: 41.66667%
    }

    .lc-m5_5-12 {
        width: 45.83333%
    }

    .lc-m6-12 {
        width: 50%
    }

    .lc-m6_5-12 {
        width: 54.16667%
    }

    .lc-m7-12 {
        width: 58.33333%
    }

    .lc-m7_5-12 {
        width: 62.5%
    }

    .lc-m8-12 {
        width: 66.66667%
    }

    .lc-m8_5-12 {
        width: 70.83333%
    }

    .lc-m9-12 {
        width: 75%
    }

    .lc-m9_5-12 {
        width: 79.16667%
    }

    .lc-m10-12 {
        width: 83.33333%
    }

    .lc-m10_5-12 {
        width: 87.5%
    }

    .lc-m11-12 {
        width: 91.66667%
    }

    .lc-m11_5-12 {
        width: 95.83333%
    }

    .lc-m1-5 {
        width: 20%
    }

    .lc-m2-5 {
        width: 40%
    }

    .lc-m3-5 {
        width: 60%
    }

    .lc-m4-5 {
        width: 80%
    }

    .lp-m_0 {
        padding: 0
    }

    .lp-m_5 {
        padding: 5px
    }

    .lp-m_10 {
        padding: 10px
    }

    .lp-m_15 {
        padding: 15px
    }

    .lp-m_20 {
        padding: 20px
    }

    .lp-m_25 {
        padding: 25px
    }

    .lp-m_t-0 {
        padding-top: 0
    }

    .lp-m_t-5 {
        padding-top: 5px
    }

    .lp-m_t-10 {
        padding-top: 10px
    }

    .lp-m_t-15 {
        padding-top: 15px
    }

    .lp-m_t-20 {
        padding-top: 20px
    }

    .lp-m_t-25 {
        padding-top: 25px
    }

    .lp-m_l-0 {
        padding-left: 0
    }

    .lp-m_l-5 {
        padding-left: 5px
    }

    .lp-m_l-10 {
        padding-left: 10px
    }

    .lp-m_l-15 {
        padding-left: 15px
    }

    .lp-m_l-20 {
        padding-left: 20px
    }

    .lp-m_l-25 {
        padding-left: 25px
    }

    .lp-m_b-0 {
        padding-bottom: 0
    }

    .lp-m_b-5 {
        padding-bottom: 5px
    }

    .lp-m_b-10 {
        padding-bottom: 10px
    }

    .lp-m_b-15 {
        padding-bottom: 15px
    }

    .lp-m_b-20 {
        padding-bottom: 20px
    }

    .lp-m_b-25 {
        padding-bottom: 25px
    }

    .lp-m_r-0 {
        padding-right: 0
    }

    .lp-m_r-5 {
        padding-right: 5px
    }

    .lp-m_r-10 {
        padding-right: 10px
    }

    .lp-m_r-15 {
        padding-right: 15px
    }

    .lp-m_r-20 {
        padding-right: 20px
    }

    .lp-m_r-25 {
        padding-right: 25px
    }

    .lm-m-auto {
        margin-left: auto;
        margin-right: auto
    }

    .lb-m {
        border: solid 1px #e5e4e9
    }

    .lbt-m {
        border-top: solid 1px #e5e4e9
    }

    .lbl-m {
        border-left: solid 1px #e5e4e9
    }

    .lbb-m {
        border-bottom: solid 1px #e5e4e9
    }

    .lbr-m {
        border-right: solid 1px #e5e4e9
    }

    .lb0-m {
        border-width: 0
    }

    .lbt0-m {
        border-top-width: 0
    }

    .lbl0-m {
        border-left-width: 0
    }

    .lbb0-m {
        border-bottom-width: 0
    }

    .lbr0-m {
        border-right-width: 0
    }

    .al, .alw {
        display: block;
        width: 160px;
        min-height: 1px
    }

    .cc:not(.cc-ns) .alw {
        top: 112px
    }
}

@media screen and (min-width: 1080px) {
    .chsf {
        min-width: 800px
    }

    .chac {
        margin: 0 49px 0 202px
    }

    .fs10-l {
        font-size: .625rem
    }

    .fs11-l {
        font-size: .6875rem
    }

    .fs12-l {
        font-size: .75rem
    }

    .fs13-l {
        font-size: .8125rem
    }

    .fs14-l {
        font-size: .875rem
    }

    .fs15-l {
        font-size: .9375rem
    }

    .fs16-l {
        font-size: 1rem
    }

    .fs18-l {
        font-size: 1.125rem
    }

    .fs19-l {
        font-size: 1.1875rem
    }

    .fs20-l {
        font-size: 1.25rem
    }

    .fs24-l {
        font-size: 1.5rem
    }

    .fs30-l {
        font-size: 1.875rem
    }

    .fs32-l {
        font-size: 2rem
    }

    .fs36-l {
        font-size: 2.25rem
    }

    .q0-l {
        transition: none
    }

    .ps-l {
        position: static
    }

    .pa-l {
        position: absolute
    }

    .pf-l {
        position: fixed
    }

    .pr-l {
        position: relative
    }

    .p0-l {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .pt0-l {
        top: 0
    }

    .pl0-l {
        left: 0
    }

    .pb0-l {
        bottom: 0
    }

    .pr0-l {
        right: 0
    }

    .pta-l {
        top: auto
    }

    .pla-l {
        left: auto
    }

    .pba-l {
        bottom: auto
    }

    .pra-l {
        right: auto
    }

    .hdn-l {
        display: none
    }

    .hdb-l {
        display: block
    }

    .hdf-l {
        display: flex
    }

    .hdi-l {
        display: inline
    }

    .hdib-l {
        display: inline-block
    }

    .hxv-l {
        visibility: visible
    }

    .hxh-l {
        visibility: hidden
    }

    .hfn-l {
        float: none
    }

    .hfl-l {
        float: left
    }

    .hfr-l {
        float: right
    }

    .hcn-l {
        clear: none
    }

    .hcb-l {
        clear: both
    }

    .hcl-l {
        clear: left
    }

    .hcr-l {
        clear: right
    }

    .htc-l {
        text-align: center
    }

    .htl-l {
        text-align: left
    }

    .htr-l {
        text-align: right
    }

    .hov-l {
        overflow: visible
    }

    .hoh-l {
        overflow: hidden
    }

    .ltas {
        width: 300px
    }

    .ltab {
        width: calc(100% - 300px)
    }

    .cc_pgwn.pg-pi .ltas {
        width: 160px;
        overflow: hidden
    }

    .cc_pgwn.pg-pi .ltab {
        width: calc(100% - 160px)
    }

    .lcc-l {
        clear: both
    }

    .lc-l0 {
        width: 0
    }

    .lc-l1 {
        width: 100%
    }

    .lc-la {
        width: auto
    }

    .lc-l0_5-12 {
        width: 4.16667%
    }

    .lc-l1-12 {
        width: 8.33333%
    }

    .lc-l1_5-12 {
        width: 12.5%
    }

    .lc-l2-12 {
        width: 16.66667%
    }

    .lc-l2_5-12 {
        width: 20.83333%
    }

    .lc-l3-12 {
        width: 25%
    }

    .lc-l3_5-12 {
        width: 29.16667%
    }

    .lc-l4-12 {
        width: 33.33333%
    }

    .lc-l4_5-12 {
        width: 37.5%
    }

    .lc-l5-12 {
        width: 41.66667%
    }

    .lc-l5_5-12 {
        width: 45.83333%
    }

    .lc-l6-12 {
        width: 50%
    }

    .lc-l6_5-12 {
        width: 54.16667%
    }

    .lc-l7-12 {
        width: 58.33333%
    }

    .lc-l7_5-12 {
        width: 62.5%
    }

    .lc-l8-12 {
        width: 66.66667%
    }

    .lc-l8_5-12 {
        width: 70.83333%
    }

    .lc-l9-12 {
        width: 75%
    }

    .lc-l9_5-12 {
        width: 79.16667%
    }

    .lc-l10-12 {
        width: 83.33333%
    }

    .lc-l10_5-12 {
        width: 87.5%
    }

    .lc-l11-12 {
        width: 91.66667%
    }

    .lc-l11_5-12 {
        width: 95.83333%
    }

    .lc-l1-5 {
        width: 20%
    }

    .lc-l2-5 {
        width: 40%
    }

    .lc-l3-5 {
        width: 60%
    }

    .lc-l4-5 {
        width: 80%
    }

    .lp-l_0 {
        padding: 0
    }

    .lp-l_5 {
        padding: 5px
    }

    .lp-l_10 {
        padding: 10px
    }

    .lp-l_15 {
        padding: 15px
    }

    .lp-l_20 {
        padding: 20px
    }

    .lp-l_25 {
        padding: 25px
    }

    .lp-l_t-0 {
        padding-top: 0
    }

    .lp-l_t-5 {
        padding-top: 5px
    }

    .lp-l_t-10 {
        padding-top: 10px
    }

    .lp-l_t-15 {
        padding-top: 15px
    }

    .lp-l_t-20 {
        padding-top: 20px
    }

    .lp-l_t-25 {
        padding-top: 25px
    }

    .lp-l_l-0 {
        padding-left: 0
    }

    .lp-l_l-5 {
        padding-left: 5px
    }

    .lp-l_l-10 {
        padding-left: 10px
    }

    .lp-l_l-15 {
        padding-left: 15px
    }

    .lp-l_l-20 {
        padding-left: 20px
    }

    .lp-l_l-25 {
        padding-left: 25px
    }

    .lp-l_b-0 {
        padding-bottom: 0
    }

    .lp-l_b-5 {
        padding-bottom: 5px
    }

    .lp-l_b-10 {
        padding-bottom: 10px
    }

    .lp-l_b-15 {
        padding-bottom: 15px
    }

    .lp-l_b-20 {
        padding-bottom: 20px
    }

    .lp-l_b-25 {
        padding-bottom: 25px
    }

    .lp-l_r-0 {
        padding-right: 0
    }

    .lp-l_r-5 {
        padding-right: 5px
    }

    .lp-l_r-10 {
        padding-right: 10px
    }

    .lp-l_r-15 {
        padding-right: 15px
    }

    .lp-l_r-20 {
        padding-right: 20px
    }

    .lp-l_r-25 {
        padding-right: 25px
    }

    .lm-l-auto {
        margin-left: auto;
        margin-right: auto
    }

    .lm-l_t-0 {
        margin-top: 0
    }

    .lb-l {
        border: solid 1px #e5e4e9
    }

    .lbt-l {
        border-top: solid 1px #e5e4e9
    }

    .lbl-l {
        border-left: solid 1px #e5e4e9
    }

    .lbb-l {
        border-bottom: solid 1px #e5e4e9
    }

    .lbr-l {
        border-right: solid 1px #e5e4e9
    }

    .lb0-l {
        border-width: 0
    }

    .lbt0-l {
        border-top-width: 0
    }

    .lbl0-l {
        border-left-width: 0
    }

    .lbb0-l {
        border-bottom-width: 0
    }

    .lbr0-l {
        border-right-width: 0
    }
}

amp-audio div[fallback] {
    background: #fff;
    border: solid 1px #eee;
    padding: 0 15px;
    top: 20px;
    left: -75px;
    width: 150px;
    font-size: 12px;
    font-family: sans-serif
}

.lb-w {
    border-color: #fff
}

.lb-o {
    border-color: #ffc400
}

.lb-b {
    border-color: #dddfe6
}

.lb-bd {
    border-color: #44277c
}

.lb-ba {
    border-color: #5c2fc0
}

.lb-p {
    border-color: #f52157
}

.lb-g {
    border-color: #12b038
}

.lb-cn {
    border-color: #4a5277
}

.lb-ch {
    border-color: #4a5478
}

.lb-cho {
    border-color: #5ce8ff
}

.lb-cm {
    border-color: #dedede;
    margin-top: 5px;
}

.pg-hh {
    background-image: linear-gradient(to right, #0f193d, #2c2f62, #1a2753)
}

.pg-hh-b {
    background-image: linear-gradient(to right, #0c8e52, #12b038, #0c8e52)
}

.pg-hh-e {
    background-image: linear-gradient(to right, #37245d, #412576, #361348)
}

.pg-hh-g {
    background-image: linear-gradient(to right, #7b122e, #e02e5d, #7b122e)
}

.pg-hh-th {
    background-image: linear-gradient(to right, #3e266e, #6e43c8, #432a76)
}

.pg-hh-p {
    background-image: linear-gradient(to right, #ff8029, #ff9752, #ff8e42)
}

.pg-hhl {
    width: 180px
}

.pg-hht {
    margin-left: 10px
}

.pg-hhb-on {
    background: #0580e8
}

.pg-hhb-off {
    background: rgba(5, 128, 232, 0.4)
}

.pg-hm {
    margin-top: -40px
}

.pg-hdg {
    width: 60px
}

.pg-hdg-eng {
    background-image: linear-gradient(to bottom, #5e3f99, #4b2c87)
}

.pg-hdg-gram {
    background-image: linear-gradient(to bottom, #f63768, #d91b5a)
}

.pg-hdg-thes {
    background-image: linear-gradient(to bottom, #6e43c7, #4a317f)
}

.pg-hdg-pron {
    background-image: linear-gradient(to bottom, #ff8029, #ff9752)
}

.pg-hdg-trans {
    background-image: linear-gradient(to bottom, #2ab84c, #2aa248)
}


.pg-hsvg-f1, .pg-hsvg-f4 {
    fill: #ff8029
}

.pg-hsvg-f2, .pg-hsvg-f7 {
    fill: #0580e8
}

.pg-hsvg-f3, .pg-hsvg-f9 {
    fill: #5d30c1
}

.pg-hsvg-f5, .pg-hsvg-f8 {
    fill: #5ce8ff
}

.pg-hsvg-f6 {
    fill: #ffc400
}

.pg-hsvg-f10 {
    fill: #1d2956
}

.pg-hh-d .pg-hsvg-f1, .pg-hh-d .pg-hsvg-f4, .pg-hh-d .pg-hsvg-f9 {
    fill: #5d30c1
}

.pg-hh-d .pg-hsvg-f2, .pg-hh-d .pg-hsvg-f8 {
    fill: #0580e8
}

.pg-hh-d .pg-hsvg-f3, .pg-hh-d .pg-hsvg-f10 {
    fill: #5ce8ff
}

.pg-hh-d .pg-hsvg-f5, .pg-hh-d .pg-hsvg-f6 {
    fill: #a6d612
}

.pg-hh-d .pg-hsvg-f7 {
    fill: #ff8029
}

.pg-hh-b .pg-hsvg-f1, .pg-hh-b .pg-hsvg-f4, .pg-hh-b .pg-hsvg-f9 {
    fill: #a6d612
}

.pg-hh-b .pg-hsvg-f2, .pg-hh-b .pg-hsvg-f6 {
    fill: #1d2956
}

.pg-hh-b .pg-hsvg-f3, .pg-hh-b .pg-hsvg-f8, .pg-hh-b .pg-hsvg-f10 {
    fill: #12b038
}

.pg-hh-b .pg-hsvg-f5 {
    fill: #5d30c1
}

.pg-hh-b .pg-hsvg-f7 {
    fill: #ffc400
}

.pg-hh-g .pg-hsvg-f1, .pg-hh-g .pg-hsvg-f4 {
    fill: #ee2f63
}

.pg-hh-g .pg-hsvg-f2, .pg-hh-g .pg-hsvg-f9 {
    fill: #0580e8
}

.pg-hh-g .pg-hsvg-f3, .pg-hh-g .pg-hsvg-f7 {
    fill: #5d30c1
}

.pg-hh-g .pg-hsvg-f5 {
    fill: #1d2956
}

.pg-hh-g .pg-hsvg-f6, .pg-hh-g .pg-hsvg-f10 {
    fill: #ff7fec
}

.pg-hh-g .pg-hsvg-f8 {
    fill: #5ce8ff
}

.pg-hh-p .pg-hsvg-f1, .pg-hh-p .pg-hsvg-f4 {
    fill: #1780e8
}

.pg-hh-p .pg-hsvg-f2, .pg-hh-p .pg-hsvg-f7 {
    fill: #12b038
}

.pg-hh-th .pg-hsvg-f1, .pg-hh-th .pg-hsvg-f4, .pg-hh-th .pg-hsvg-f10 {
    fill: #1780e8
}

.pg-hh-th .pg-hsvg-f2, .pg-hh-th .pg-hsvg-f7 {
    fill: #12b038
}

.pg-hh-th .pg-hsvg-f3, .pg-hh-th .pg-hsvg-f5 {
    fill: #a6d612
}

.pg-hh-th .pg-hsvg-f6, .pg-hh-th .pg-hsvg-f9 {
    fill: #ff8029
}

.pg-hh-th .pg-hsvg-f8 {
    fill: #5ce8ff
}

.pg-hhsm {
    transform: scale(1, -1)
}

.chsb {
    max-height: 40px
}

@media screen and (min-width: 763px) {
    .pg-hh {
        height: 250px
    }

    .pg-hhw {
        top: 50%;
        transform: translateY(-50%)
    }

    .pg-hhlw {
        width: 300px
    }

    .pg-hhsm {
        transform: none
    }
}

@media screen and (min-width: 980px) {
    .pg-hh {
        height: 280px
    }

    .pg-hhl {
        width: 254px;
        margin-left: 20px
    }

    .pg-hhlw {
        width: 360px
    }

    .pg-hht {
        margin-left: 54px
    }
}

@media screen and (min-width: 1080px) {
    .pg-hhlw {
        width: 420px
    }

    .chac {
        margin-left: 7px
    }
}

.pg-phh {
    padding-bottom: 30px
}

.pg-phc {
    margin-top: -30px
}

.pg-pwlin {
    padding-right: 90px
}

.pg-pbi {
    right: -50%
}

.pg-pbi-d {
    bottom: -150px
}

.pg-pbi-w {
    bottom: -80px
}

@media screen and (min-width: 763px) {
    .pg-phh {
        padding-bottom: 80px
    }

    .pg-phc {
        margin-top: -80px
    }

    .pg-pbi {
        right: -25%
    }
}

@media screen and (min-width: 980px) {
    .pg-pbi {
        right: 0
    }
}

.unstyled, .unstyled-nest li ul {
    list-style: none;
    margin-left: 0
}

.with-el {
    position: relative;
    border: 1px solid #ddd;
    padding: 15px 20px
}

.with-el textarea {
    box-shadow: none
}

.centerBlock {
    border: 1px solid lightgray;
    background-color: #fff
}

.level {
    border-bottom: 3px solid red;
    background-color: #f1f1f1;
    padding: 20px
}

.contentShop {
    margin-top: 20px;
    padding: 0 25px 0 25px;
    margin-bottom: 15px
}

.contentShop h2 {
    font-size: 16px;
    font-weight: 400
}

.author {
    color: #696969
}

.productImg {
    float: left
}

.itemContent {
    display: inline-block;
    margin-top: 0
}

.di {
    margin-bottom: 10px
}

.break {
    word-break: keep-all
}

.break-cj {
    word-break: break-word
}

.smallPadleft {
    margin-top: -15px;
    padding-left: 23px
}

.flex {
    display: left
}

.btn {
    display: inline-block;
    padding: 10px 12px;
    text-align: center;
    background: #234b9a;
    border: solid 1px #234b9a;
    color: #fff;
    text-decoration: none;
    line-height: 1em;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.btn--impact {
    background: #caa54c;
    border-color: #caa54c;
    color: #111;
    font-weight: bold
}

input.btn {
    font-weight: bold
}

.btnWhite {
    border-radius: 7px;
    color: white;
    padding: 18px 25px
}

.headerSideShop {
    padding: 20px;
    background-color: rgba(35, 75, 154, 1)
}

.tag {
    padding-left: 5px;
    padding-right: 5px
}

.shopBook {
    padding: 45px;
    background-color: #dde0ea
}

.headerSideShop a {
    color: white;
    text-decoration: none;
    font-weight: bold
}

.learnMore {
    text-align: left
}

a.txt-block {
    font-weight: bold
}

.txt-block {
    display: block;
    padding: 13px 20px;
    background: #eff1f6;
    font-weight: normal;
    box-sizing: border-box;
    text-decoration: none
}

.topslot-container {
    height: 90px;
    margin: auto;
    display: flex;
    align-items: center;
    overflow: hidden
}

:not(.i):lang(zh-Hans) {
    font-family: Arial, Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif
}

:not(.i):lang(zh-Hant) {
    font-family: Arial, Helvetica, "Microsoft JhengHei", sans-serif
}

:not(.i):lang(ko), :not(.i):lang(ja), :not(.i):lang(ru) {
    font-family: Arial, Helvetica, sans-serif
}

.lmb-30 {
    margin-bottom: 30px
}

.order-container {
    display: flex;
    flex-direction: column
}

.order-firstItem {
    order: -1
}

.c_icb {
    transform: scaleX(2)
}

.c_icb::before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    height: 6px;
    background: #fff
}

.c_icb::after {
    content: "▼";
    text-shadow: 0 0 4px rgba(0, 0, 0, .1);
    color: #fff
}

.c_not {
    background: #1d2a57
}

.c_notb {
    min-width: 80px;
    background-color: #bfcce9;
    color: #111
}

.dwla i.i-list-ul {
    font-size: 12px
}

.tc-h, .tc-h a {
    color: inherit
}

.hfly {
    flex-direction: column
}

.hsya, .hsya div[role='list'] {
    overflow-y: auto
}

.b-si {
    background: #f70076
}

.cfsi {
    width: 30px;
    height: 30px;
    padding-top: 5px
}

.lmb-12 {
    margin-bottom: 12px
}

.va-m {
    vertical-align: middle
}

.lminh-500 {
    min-height: 500px
}

.code-pre {
    white-space: normal;
    word-break: break-word;
    background-color: #f0f0f0;
    font-size: 1.1em;
    padding: .5em;
    margin: .25em 1px;
    color: #000
}

.t-b td {
    border: 1px solid #e5e5e5
}

.t-oe tr:nth-child(even) td {
    background: #fafafa
}

.ff-50 div {
    flex: 0 0 50%
}

@media screen and (max-width: 450px) {
    .ff-50 div {
        flex: 0 0 100%;
        float: none;
        padding-right: 0;
        padding-left: 0
    }

    .hdf.ff-50 {
        display: block
    }

    .ff-50 ul {
        margin-bottom: 0
    }
}

.dil div {
    display: inline
}

.audio-item {
    border-radius: 3px;
    width: 70px;
    font-family: ico-c;
    font-size: 1.1em;
    background-color: #e84427
}

.audio-item span {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold
}

.p-v {
    max-width: 560px;
    margin: 0 auto 20px auto
}

.hbr-3 {
    border-radius: 3px
}

span .pos {
    font-style: italic;
    font-weight: normal
}

.di-info .pos {
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block
}

.t-i {
    padding-left: 10px;
    text-indent: -10px
}

.hbtn-tab-b {
    width: 45px;
    padding: 7px 0;
    border-radius: 25px
}

.lmt--19 {
    margin-top: -19px
}

@media screen and (min-width: 1080px) {
    .chac-sb {
        margin-left: 202px
    }
}

.bvr {
    background: #e50b41
}

.s-ico-key-levels.b2 {
    background-position: -460px -89px
}

.s-ico-key-levels.c2 {
    background-position: -550px -89px
}

.n-button {
    padding: 7px 10px
}

@media only screen and (max-width: 590px) {
    .n-button {
        margin: 5px
    }
}

.lightbox_contact {
    background: rgba(221, 226, 237, .9)
}

.arrow-circle-o-up:before {
    content: "\e900"
}

.grecaptcha-badge {
    visibility: hidden
}

.i-language {
    font-size: 24px;
    top: -3px;
    font-weight: bold
}

.wl-grid {
    display: grid;
    grid-template-columns:20px auto;
    grid-template-areas:"wl-grid-i wl-grid-n" "wl-grid-i wl-grid-o"
}

.wl-grid-i {
    grid-area: wl-grid-i
}

.wl-grid-n {
    grid-area: wl-grid-n
}

.wl-grid-o {
    grid-area: wl-grid-o;
    justify-self: end
}

.wl-textarea {
    background: content-box;
    border: 0;
    resize: none;
    width: 100%
}

.wl-filler {
    flex-grow: 1
}

.wl-type {
    flex-shrink: 0
}

.wl-name {
    max-width: 400px
}

.howto-thumb, .app-mobile-thumb {
    display: none
}

.recommended_video {
    border: 1px solid rgba(1, 1, 1, .1);
    width: 47%
}

.description_text {
    font-weight: bold;
    color: #1d2a57;
    text-decoration: none
}

@media screen and (max-width: 599px) {
    .wl-parent {
        align-items: flex-start
    }

    .wl-name, .wl-icon {
        padding-top: 8px
    }
}

@media screen and (max-width: 800px) {
    .howto-thumb, .app-mobile-thumb {
        display: block
    }

    .howto-right-thumb, .app-modal-thumb {
        display: none
    }
}

@media screen and (min-width: 600px) {
    .wl-name {
        white-space: nowrap
    }

    .recommended_video {
        width: 23%
    }
}

.wl-mobile {
    margin-left: 2.8em
}

iframe[name="__cmpLocator"] {
    display: none
}

@media screen and (max-width: 1024px) {
    .wordlist-more a:hover {
        text-decoration: underline
    }

    .tan {
        touch-action: none
    }
}

.wl-fc {
    min-width: 238px;
    min-height: 238px
}

.wl-fc-2 {
    min-width: 240px;
    min-height: 118px
}

.wl-fc img {
    object-fit: contain
}

.wl-fc-c {
    width: 250px
}

.booktitle {
    min-height: 60px
}

@media screen and (min-width: 763px) and (max-width: 840px) {
    .booktitle {
        min-height: 90px
    }
}

.dphrase-title {
    font-size: 16px
}

.ddef_b > .trans {
    font-size: 17px
}

.ddef_b .dexamp {
    font-size: 17px
}

@media screen and (min-width: 764px) {
    .wl-allwl-anchor {
        position: relative;
        top: 55px
    }
}

.ttn {
    text-transform: none
}

.pen {
    pointer-events: none
}

.dexamp .eg {
    font-family: Arial, Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif, ico-c;
    font-style: italic; 
}

.druby {
    display: inline-block
}

.drt {
    display: block;
    text-align: center;
    font-style: normal;
    font-size: 80%
}

.dintonation-arrow {
    display: inline-block;
    height: 2.25em;
    vertical-align: bottom;
    width: 0;
    font-weight: normal
}

.dexamp .egsource {
    position: absolute;
    right: -16px;
    top: 0;
    line-height: 24px
}

.ex-td {
    border: 0;
    width: 50%;
    vertical-align: baseline
}

.drag-align {
    margin-top: -7px;
    margin-bottom: -7px;
    margin-left: -20px
}

.tz0 {
    transform: translate3d(0, 0, 0);
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d
}

.maxz {
    z-index: 2147483647;
    transform: translate3d(0, 0, 30px);
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 30px);
    -webkit-transform-style: preserve-3d
}

.minz {
    z-index: 2147483646;
    transform: translate3d(0, 0, 20px);
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 20px);
    -webkit-transform-style: preserve-3d
}

.pad {
    padding-left: .2em
}

.qnum {
    width: 32px;
    display: inline-block;
    text-align: right
}

.hdf-c {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.marg-l-37 {
    margin-left: 37px
}

.marg-l-32 {
    margin-left: 32px
}

.bpl {
    background: #ff80ed
}


@media screen and (max-width: 699px) {
    .flx-g_1__translator {
        flex-grow: 1;
        width: 50%
    }
}

@media screen and (min-width: 700px) {
    .flx-g_1__translator {
        width: 33%
    }
}

.loginPopupContent {
    font-size: 20px
}

.lp-4 {
    padding: 4px
}

.flx-g_1 {
    flex-grow: 1
}

.flx-g_2 {
    flex-grow: 2
}

.flx-g_4 {
    flex-grow: 4
}

.flx-g_10 {
    flex-grow: 10
}

.flx-s_0 {
    flex-shrink: 0
}

.flx-w_no {
    flex-wrap: nowrap
}


.lpBanner {
    font-size: 1.8vw
}

.mw260 {
    max-width: 260px
}

@media screen and (min-width: 1465px) {
    #plus-s {
        display: none
    }

    #plus-w {
        display: inline-block
    }
}

.o-x {
    overflow-x: auto
}

amp-accordion section[expanded] .showmore {
    display: none
}

amp-accordion section[expanded] .showless {
    display: inline-block;
}

amp-accordion section:not([expanded]) .showmore {
    display: inline-block
}

amp-accordion section:not([expanded]) .showless {
    display: none
}

.w95 {
    width: 95%
}

.mw-965 {
    max-width: 965px
}

.lmb-70 {
    margin-bottom: 70px
}

.lmb--25 {
    margin-bottom: -25px
}


.i-browse a:hover, .i-browse a:hover .haf {
    text-decoration: none
}

#filterForm label {
    display: unset;
    font-weight: normal
}

.selected {
    box-shadow: 0 0 10px 100px lightgrey inset
}

.speech.i-volume-up {
    background: transparent;
    color: grey;
    padding-right: 5px;
    display: none;
    cursor: pointer
}

.i-amphtml-element > [overflow] {
    display: block !important
}

p.wotd-hw {
    word-break: break-word;
    word-wrap: break-word
}

.ipa-sound {
    font-size: 1.25rem;
    font-weight: bold;
    padding: 5px 0 10px 10px
}

.ipa-sound-large {
    font-size: 2.5rem;
    font-weight: bold;
    padding: 5px 0 10px 10px
}

.word-eg {
    padding: 8px 0 10px 10px
}

.audio-region {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 4px;
    margin: 0
}

.nbb {
    border-bottom: 0
}

.nbt {
    border-top: 0
}

.nbl {
    border-left: 0
}

.nbr {
    border-right: 0
}

.tlcs {
    column-count: 3;
    column-gap: 20px
}

.tlcs2 {
    column-count: 2
}

.item {
    width: 100%;
    break-inside: avoid
}

@media screen and (max-width: 763px) {
    .tlcs {
        column-count: 2;
        column-gap: 20px
    }

    .tlcs2 {
        column-count: 1
    }
}

/* added by leon406 */
/* 词典导航 dictionary navigation */
.nav-cald {
    /*float: right;*/
    text-align: right;
    margin: 8px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.nav-cald span {
    padding: .2rem .5rem;
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
    background-color: #e0e0e0;
    color: #00a7d0;
    border: 1px solid #00a7d0;
}

.nav-cald span:first-child {
    border-bottom-left-radius: .2rem;
    border-top-left-radius: .2rem;
}

.nav-cald span:last-child {
    border-bottom-right-radius: .2rem;
    border-top-right-radius: .2rem;
}

.nav-cald span.active {
    padding: .2rem .5rem;
    margin: 0;
    background-color: #2d75d2;
    color: white;
    border: 1px solid #00a7d0;
}

/* 释义导航 meanings navigation */
.nav-mean-cald ,.nav-pos-cald{
    /*float: right;*/
    text-align: left;
    margin: 8px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.nav-pos-cald {
    display: inline-block;
    float: left;
    text-align: right;
    margin: 0px;
}

.nav-mean-cald span ,.nav-pos-cald span{
    padding: .2rem .4rem;
    margin: 0;
    font-size: .75rem;
    text-transform: lowercase;
    display: inline-block;
    background-color: #e0e0e0;
    color: #00a7d0;
    border: 1px solid #00a7d0;
}
.nav-pos-cald span{
    font-size: 1rem;
}
.nav-mean-cald span:first-child ,.nav-pos-cald span:first-child {
    border-bottom-left-radius: .2rem;
    border-top-left-radius: .2rem;
}

.nav-mean-cald span:last-child ,.nav-pos-cald span:last-child {
    border-bottom-right-radius: .2rem;
    border-top-right-radius: .2rem;
}

.nav-mean-cald span.active ,.nav-pos-cald span.active {
    padding: .2rem .5rem;
    margin: 0;
    background-color: #2d75d2;
    color: white;
    border: 1px solid #00a7d0;
}

div.english, .hfl-s, .leon-cald {
/*    padding-right: 10px;*/
/*    padding-left: 10px;*/
}

.zh.trans {
/*    display: none;*/
/*    margin-left: 8px;*/
    font-size: .85rem;;

}

.eg > .zh.trans {
    display: block;
    font-style: normal;
    margin-left: 0;
}

.dexamp {
    font-style: italic;
}

/* 图片全屏 full size image */
.fullscreen {
    position: absolute;
    left: 50%; top: 50%;
    width: auto;
    height: auto;
    max-width: 100%;
    transform: translate(-50%, -50%);
    border: 1px solid grey;
    z-index: 999000;
}

@media screen and (min-width: 763px)  {
    .fullscreen {
        position:fixed;
        width:auto;
        height:98%;
    }
}

#dataset-example .dsource {
    font-size: 12px;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 0;
}

#dataset-example .lbb.lb-cm.lpt-10 {
    padding-bottom: 10px;
}

/* rewrite amp-accordion  */

section .ca_b, section .daccord_b, section .lcs {
/*    display: none;*/
}

section[expanded] .ca_b, section[expanded] .daccord_b, section[expanded] .lcs {
    display: block;
}

.dthesButton.compare {
    background-color: #eff1fa;
}

.cald_ctrl {
    float: left;
    margin-top: 4px;
    position: relative;
    margin-bottom: 8px;
    z-index: 9999;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cald_ctrl span {
    color: #0B9BE3;
    margin-right: 4px;
    margin-left: 4px;
    font-size: 75%;
    padding: 4px;
    background-color: white;
    border: 1px solid #0ACD76 ;
    border-radius: 4px;
}

.cald_ctrl span.enable {
    background-color: #0B9BE3;
    color: white;
}

.ddef_h ~ .def-body {
    display: block;
}

.ddef_h[expanded] ~ .def-body {
/*    display: none;*/
}

div.pos-header.dpos-h > div.di-title {
    display: inline-block;
}

div.pos-header.dpos-h > div.posgram {
    margin-left: .5em;
}

.dpos-g .dpos {
    display: inline-block;
    padding: 0 2px 0 2px;
    color: #0580e8;
    font-style: normal;
    font-size: 1rem;
    line-height: 1;
    text-transform: lowercase;
    border: 1px solid #0580e8;
    border-radius: 3px;
}

.dsense_h .dsense_pos {
    display: inline-block;
    padding: 0 2px 0 2px;
    color: #0580e8;
    font-style: normal;
    font-size: .75rem;
    line-height: 1;
    text-transform: lowercase;
    border: 1px solid #0580e8;
    border-radius: 3px;
}

/*compact*/
.dphrase-block {
/*    margin-bottom: 10px;*/
/*    padding: 10px;*/
    padding: 5px 10px;
/*    padding: 10px 15px 0px 15px;*/
    border-radius: 8px;
    background: #ddfaff
}

.lmb-25 {
    margin-bottom: 16px;
}

.lmt-25 {
    margin-top: 16px;
}

.ddef_h {
    margin: 5px 0 5px;
/*    display: inline;*/

}

.ddef_d {
    font-size: 16px;
    line-height: 1.4;
    display: inline;
}


.daccord_b .dexamp, .ddef_b .dexamp {
/*    margin-right: 22px;*/
    display: table;
    position: relative;
    font-size: 16px;
/*    margin-bottom: 10px;*/
    line-height: 1.25;
}

.daccord_b .dexamp {
    margin-bottom: 10px;
}

.daccord {
    border-radius: 8px;
    margin: 10px 0 0 0;
}

.xref h3 {
    border-radius: 8px 8px 0 0;
}

.xref .lb {
    border-radius: 0 0 8px 8px;
}

.item {
    break-inside: avoid;
}

@media screen and (max-width: 500px) {
    .item {
        width: 100%;
    }
}

/*@media screen and (min-width: 500px) and (max-width: 763px) {
    .item {
        width: 50%;
    }
}*/

/*@media screen and (min-width: 763px) {
    .item {
        width: 33%;
    }
}
*/

.lmb-20 {
/*    margin-bottom: 10px*/
}

.lmt-10 {
    margin-top: 5px
}

.lmt-20 {
    margin-top: 10px;
}

.lpb-5 {
    padding-bottom: 2px;
}

amp-accordion .region {
    color: #0580e8;
    padding: 2px;
    font-size: 1em;
    font-style: normal;
    border: solid 1px #0580e8;
}

.leon-cald div:empty {
    display: none;
}

.show {
    display: inline-block;
}
.hide {
    display: none;
}

small.lbt.lb-cm.lpb-10.lpt-10.lpb-25.lmb-10.ddef.had.hdb {
    display: none;
}

.cdepe {
    display: none;
}

.cdepe-nav {
    font-family: Verdana;
    font-style: italic;
    font-size: 0.9rem;
    font-weight: bold;
    background-color: #0facac;
/*    border-radius: 100px;*/
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    justify-content: space-between; /* 如果你想在span之间有空间   */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow-x: auto; /* 这会使内容在水平方向上滑动 */  
    overflow-y: hidden; /* 这会隐藏垂直方向的滚动条 */
}

.cdepe-nav-dict {
    font-family: Verdana;
    font-style: italic;
    font-size: 0.9rem;
    font-weight: bold;
    background-color: #2ee1e1;
/*    border-radius: 100px;*/

    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
    justify-content: space-between; /* 如果你想在span之间有空间   */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow-x: auto; /* 这会使内容在水平方向上滑动 */  
    overflow-y: hidden; /* 这会隐藏垂直方向的滚动条 */
}

.cdepe-nav span {
    white-space: nowrap;
/*    min-width: 6rem;*/
    flex: 1; /* 使span元素平均分配宽度 */  
    padding: .2rem .5rem;
    margin: 4px 5px;
    color: white;
    border-radius: 100px;
    text-align: center;

}

.cdepe-nav span.active {
    background-color: white;
    color: black;
}

.cdepe-nav-dict span {
    white-space: nowrap;
/*    min-width: 6rem;*/
    flex: 1; /* 使span元素平均分配宽度 */  
    padding: .1rem .5rem;
    margin: 2px 2.5px;
    color: white;
    border-radius: 100px;
    text-align: center;
    font-size: 0.6rem;

}

.cdepe-nav-dict span.active {
    background-color: white;
    color: black;
}

example-audio, example-audio-ai{
    padding-left: .4rem;
    display: table-cell;
}


.audio_uk, .audio_us{
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem;
    background-repeat: no-repeat;
    background-position: left bottom !important;
    background-size: 100%;
/*    vertical-align: -6px;*/
    margin-bottom: -5px;
    margin-top: 4px;
/*    margin-left: -2px;*/
}

example-audio .audio_uk:before, example-audio .audio_us:before, example-audio-ai .audio_uk:before, example-audio-ai .audio_us:before{
    content: "\f028";
    display: inline-block;
    font: normal normal normal 1rem/1 ico-c;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 1.1rem;
    color: gray;
}

.phrase-body > .dbtn {
    font-size: 12px;
}

div.dimg > div.dimg_c {
    display: none;
}

span.senseButton {
    font-family: ico-c;    
    font-size: 1rem;
    color: teal;
    vertical-align: middle;
}

span.senseButton::before {
    content: "\f067";
    margin-right: 5px;
    font-weight: 300;
}

.hw.dsense_hw, .pos.dsense_pos {
    display: none;
}

.eg.deg {
/*    margin-left: 5px;*/ 
    color: darkgrey;
}

.lu.dlu {
/*    margin-left: 5px;*/
    color: #9f9f9f;
    position: relative;
    display: inline-block;
}

.lu.dlu::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px; /* 或调整位置以适应你的设计 */
    height: 18px; /* 荧光效果的高度 */
    background: linear-gradient(to right, rgba(60, 60, 60, 0.1), rgba(60, 60, 60, 0.1));
    /* 可以根据需要调整渐变颜色和方向 */
    pointer-events: none;
}


.cdepe-nav-sense-title {
    font-family: Verdana;
    font-style: italic;
    font-size: 0.9rem;
    font-weight: bold;
    background-color: #0facac;
    margin-top: 5px;
    color: white;
    padding: 2px;
    text-align: center; /* 水平居中文本 */
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cdepe-nav-sense {
    font-family: Verdana;
    font-style: italic;
    font-size: 0.9rem;
    font-weight: bold;
    background-color: #2ee1e1;

    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    display: flex;
    white-space: nowrap; /* 防止文本换行 */

    overflow-x: auto; /* 这会使内容在水平方向上滑动 */  
    overflow-y: hidden; /* 这会隐藏垂直方向的滚动条 */

    /* overflow: hidden;    隐藏溢出的内容 
    text-overflow: clip;  直接剪裁溢出的文本 */
}


.cdepe-nav-sense span {
    padding: .1rem .4rem;
    margin: 2px 2.5px;
    color: white;
    border-radius: 8px;
    text-align: center;
    font-size: 0.8rem;
    display: inline-block;
}

.cdepe-nav-sense span.active {
    background-color: white;
    color: black;
}

/*.dimg .dimg_i {
    width: 100%;
    height: auto;
}*/


/********************************************************************/
#cdepe-config .head-title {
    font-size: 18px;
    font-weight: bold;
    color: teal;
    margin-bottom: 10px;
}
#cdepe-config button {
    padding: 7px 10px;
    background-color: teal;
    color: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    flex: 1;
    text-align: center;
}

#cdepe-config button[type="submit"] {
    font-size: 15px;
    margin-right: 3px;
}

#cdepe-config button[type="reset"] {
    font-size: 15px;
    margin-left: 3px;
}

#cdepe-config button:hover {
    background-color: #006969;
}


#cdepe-config .config-item {
    background-color: white;
    border-radius: 10px;
    border: 1px solid black;
    padding: 10px 15px;
    margin-bottom: 20px;
}

#cdepe-config .config-item .config-title {
    font-weight: bold;
    display: inline;
    font-size: 15px;
}

#cdepe-config .config-item .config-subtitle {
    display: inline;
    font-size: 15px;
}

#cdepe-config .config-item .select {
    margin-top: 5px;
    border: 1px solid #ddd;
    border-radius: 10px;
    display: block;
    background-color: white;
    overflow: hidden;
}

#cdepe-config .config-item .select .option {
    padding: 5px 15px;
    font-size: 15px;
}