@font-face {
    font-family:'Icons';
    src:url('../fonts/icons.woff') format('woff');
}

.totop-button {
    cursor: pointer
}

body.menu-open .totop-button {
    visibility: hidden !important
}

.text-shadow {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.43)
}

a{
    text-decoration:none;
    cursor: pointer;
}

body {
    -webkit-text-size-adjust: none!important;
    -moz-text-size-adjust: none!important;
    -ms-text-size-adjust: none!important;
    text-size-adjust: none!important;
    font-size-adjust: none!important;
    width: 100%;
    overflow-x: hidden;
    font-size: 16pt;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-variant-ligatures: inherit;
    font-variant-caps: inherit;
    font-variant-numeric: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    line-height: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

a:hover{
    text-decoration: none;
}

li{
    list-style-type: none;
}

ul{
    /* float: left; */
    margin: 0;
    padding: 0;
}

body{
    margin: 0;
}

/*.page-wrapper-hidden{*/
/*overflow:hidden;*/
/*}*/

body.menu-open {
    overflow: hidden
}

@media screen and (min-width: 1025px) {
    body.subnavigation-opened {
        overflow: hidden
    }
}

.full-width-container {
    width: 100%
}

.restricted-container {
    max-width: 1440px;
    margin: 0 auto
}

main {
    padding-top: 50px
}

main > *:last-child.contenttext_text-element .section-inner .text-element:not(.infobox) {
    padding-bottom: 80px
}

@media screen and (min-width: 1025px) {
    main {
        padding-top: 100px
    }
}

.header {
    background-color: #ffffff;
    width: 100%;
    -moz-transition: top 200ms ease-in-out;
    -o-transition: top 200ms ease-in-out;
    -webkit-transition: top 200ms ease-in-out;
    transition: top 200ms ease-in-out;
    z-index:999;
    border-bottom: 1px solid #cccccc;
}

.header.close-header {
    top: -194px;
}

@media screen and (max-width: 1024px) {
    .header {
        background-color: #ffffff;
        height: 93px;
    }

    .header.close-header {
        top: -70px
    }

    .main-navigation li, .main-navigation>li .toggle-clicked{
        border-bottom: 1px solid #CCCCCC;
    }

    .main-navigation>li li:last-child{
        border-bottom: none;
    }
}

.header .menu-button {
    cursor: pointer;
    position: absolute;
    /*z-index: 10;*/
    overflow: hidden;
    width: 88px;
    height: 88px;
    display: inline-block;
    user-select: none;
    background: transparent;
    float: left;
    left: 0;
    top: 5px;
}

.header .menu-button:hover{
    /* background-color:#a1120a; */
}

@media screen and (min-width: 1025px) {
    .header .menu-button {
        display: none
    }
}

.header .menu-button.hover {
    background-color: #a1120a;
}

.header .navicon {
    display: inline-block;
    width: 32px;
    height: 2px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    user-select: none;
    border-radius: 2.5px;
    color: #666666;
    transition: .3s;
    box-shadow: inset 0 0 0 0.125rem;
    position: absolute;
    top: 50%;
    left: 31px;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.header .navicon:before, .header .navicon:after {
    display: inline-block;
    width: 32px;
    height: 2px;
    background-color: #111111;
    background-repeat: no-repeat;
    user-select: none;
    border-radius: 2.5px;
    color: white;
    transition: .3s;
    box-shadow: inset 0 0 0 .125rem;
    position: absolute;
    content: '';
    -moz-transform-origin: 2.5px center 50%;
    -ms-transform-origin: 2.5px center 50%;
    -webkit-transform-origin: 2.5px center 50%;
    transform-origin: 2.5px center 50%;
}

.header .navicon:before {
    top: -9.75px;
    color: #666666;
}

.header .navicon:after {
    top: 9.75px;
    color: #666666;
}

.header .toggle-clicked.menu-button .navicon {
    color: transparent;
    background-color: transparent
}

.header .toggle-clicked.menu-button .navicon:before, .header .toggle-clicked.menu-button .navicon:after {
    -moz-transform-origin: 50% 50% 50%;
    -ms-transform-origin: 50% 50% 50%;
    -webkit-transform-origin: 50% 50% 50%;
    transform-origin: 50% 50% 50%;
    top: 0;
    width: 32px;
}

.header .toggle-clicked.menu-button .navicon:before {
    -moz-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg)
}

.header .toggle-clicked.menu-button .navicon:after {
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg)
}

.header .totop-button {
    position: absolute;
    left: 50%;
    top: 0;
    overflow: hidden;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: none;
    width: 50px;
    height: 50px
}

.header .totop-button::before {
    /*font-family: "Icons";!important*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e604';
    font-size: 20px;
    color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 1024px) {
    .header .totop-button {
        display: block;
        z-index: 2010
    }
}

.header .totop-button.hover {
    background-color: #a1120a
}

.header .logo {
    position: absolute;
    top: 23px;
    left: calc((100% - 135px) / 2);
    /*z-index: 2010;*/
    height: 48px;
	width: 135px;
    /* background: url("../img/efuton-logo.png") no-repeat top left; */
    background-size: 100% 100%;
    -moz-transition: ease-in-out 200ms;
    -o-transition: ease-in-out 200ms;
    -webkit-transition: ease-in-out 200ms;
    transition: ease-in-out 200ms;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.header .logo{
    display: none;
}

@media screen and (max-width: 500px) {
}

@media screen and (max-width: 1024px) {
    .header .logo-print {
        display: none;
    }
}

.logo-print-container{
	text-align: center;
}

@media screen and (max-width: 1024px) {
    .header.close-header .logo {
        top: -30px
    }

    .header .navigation-container{
        display: none
    }
}

@media screen and (min-width: 1025px) {
    .header.close-header .logo {
        top: -70px
    }

    .flexslider {
        height: 462px;
    }
}

.bannerImg{
    /*height: 600px;*/
    /* width: 100%; */
    max-height: 600px;
    /*min-height: 225px;*/
}

.header .navigation-container {
    /* max-width: 1280px; */
    background-color: #ffffff;
    position: absolute;
    top: 93px;
    left: -170px;
    -moz-transition: -moz-transform 0.25s;
    -o-transition: -o-transform 0.25s;
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    overflow: hidden;
    -ms-touch-action: pan-x;
    z-index:9999999;
    margin-top: 14px;
}

.header .navigation-container.open {
    -moz-transform: translate(170px, 0);
    -ms-transform: translate(170px, 0);
    -webkit-transform: translate(170px, 0);
    transform: translate(170px, 0);
}

/* .header .accountBtn{
    display:none;
} */

@media screen and (max-width: 1024px) {
    .header .navigation-container{
        width: 170px;
        margin-top: 0;
    }

    .header .navigation-container.open {
        -moz-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.3)
    }

    .mobile-menu-open .iphoneshader{
        display: block;
        z-index:10
    }

    .iphoneshader{
        top: 93px;
        z-index:10
    }

    .header .main-navigation .navigation-link.toggle-checked + .subnavigation-content .topBar, .content{
        display:block
    }
}

.page-wrapper-hidden .iphoneshader{
    display: block;
}

.iphoneshader{
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
}

@media screen and (min-width: 1025px) {
    .header .navigation-container {
        position: static;
        overflow: visible;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        max-width: 1280px;
        background-color: #ffffff;
        -moz-transition: all 0;
        -o-transition: all 0;
        -webkit-transition: all 0;
        transition: all 0;
    }

    .iphoneshader{
        top: 194px;
    }

    .header .navigation-container.open {
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.header .navigation-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.header .navigation-content > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.header .navigation-content > nav, .header .navigation-content > .top-navigation {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.header .top-navigation > a{
    color:#ffffff !important;
}

@media screen and (min-width: 1025px) {
    .header .navigation-content {
        position: relative;
        z-index: 2;
        /*background-color: white*/
    }

    .header .navigation-content > nav, .header .navigation-content > .top-navigation {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

}

@media screen and (min-width: 1025px) {
    .header .navigation-content {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start
    }
}

.header .top-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    background-color: #a1120a;
    width: 100%;
    box-sizing: border-box
}

.header .top-navigation > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

@media screen and (max-width: 1024px) {
    .header .top-navigation .mobile-last {
        margin-bottom: 50px
    }

    #scroller {
        position: absolute;
        z-index: 1;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        width: 100%;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -o-text-size-adjust: none;
        text-size-adjust: none;
    }
}

#wrapper{
    height:auto;
}

@media screen and (max-width: 1024px) {
    .header .top-navigation .link {
        width: 100%;
        padding: 13px 0;
        height: 50px;
        box-sizing: border-box
    }

    #wrapper{
        /* background-color: #b61910; */
    }

    .header .main-navigation{
        /* background-color: #b61910; */
    }

    .joinUs-img-container{
        display:none
    }
}

.header .top-navigation .link:hover .title {
    text-decoration: underline
}

.header .top-navigation .link:hover .title:before {
    text-decoration: none
}

.header .top-navigation .link .title {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase
}

.header .top-navigation .link .title a {
    color:#fff;
}

.header .top-navigation li {
    min-height: 50px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;

    position: relative;
}

.header .promise-img ul li{
    width: 300px;
    height: 100%;
    display:inline-block;
    position: relative;
}

.header .promise-img ul li a{
    display: block;
    text-align: center;
}

@media screen and (min-width: 1025px) {
    .header .top-navigation {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        position: relative;
        padding: 8px 20px 0;
        z-index: 20
    }

    .header .top-navigation li {
        min-height: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .shopEntranceContent{
        height: 260px;
        display: flex;
        display: -webkit-flex; /* Safari */
        align-items: center;
    }
}

.header nav {
    /* display: -webkit-box; */
    /* display: -webkit-flex; */
    display: -moz-flex;
    display: -ms-flexbox;
    /* display: flex; */
    /* -webkit-box-ordinal-group: 3; */
    /* -webkit-order: 2; */
    -moz-order: 2;
    -ms-flex-order: 2;
    /* order: 2; */
}

.header nav > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

@media screen and (max-width: 1024px) {
    .header nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .header nav > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .page-wrapper-hidden{
        overflow:hidden;
        position: fixed
    }

    .header .main-navigation {
        margin: 0 !important;
        z-index: 11;
        /* background-color:#b61910; */
    }

    .navigation-link{
        text-decoration: none;
        cursor: pointer;
        /*height: 52px;*/
        overflow: hidden;
        position: relative;
        padding: 10px 20px !important;
    }

    .navigation-link .title{
        top: 12px !important
    }
}

.header .main-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.header .main-navigation > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.header .main-navigation li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

@media screen and (min-width: 1025px) {
    .header .main-navigation {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-self: auto;
        -moz-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        position: relative;
        margin-top: 30px;
        padding-left: 11px;
        width: calc(100% - 11px);
    }

    .header .main-navigation li {
        min-height: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .header .main-navigation li {
        height: 51px;
        /*margin-right: 59px;*/
    }

    .header .main-navigation li:last-of-type {
        margin-right: 0;
    }

    .header .main-navigation li:last-of-type .navigation-link{
        padding: 8px 40px 22px 40px;
    }

    .header .main-navigation .menu_aboutUs, .header .main-navigation .cut-off-line{
        margin-right: 0;
    }

    .header .main-navigation .cut-off-line{
        padding: 0 20px;
    }

    .header .top-navigation {
        padding-top: 95px;
    }
}

@media screen  and (max-width: 1024px) {
    .header .main-navigation {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
    }
}

.header .main-navigation .subnavigation-content {
    display: none;
    overflow: hidden
}

@media screen and (min-width: 1025px) {
    .header .main-navigation .subnavigation-content {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
}

.header .main-navigation .navigation-link.toggle-clicked + .subnavigation-content {
    display: block;
    position: absolute;
}

@media screen and (max-width: 1024px) {
    .header .main-navigation .navigation-link.toggle-clicked + .subnavigation-content {
        position: inherit;
        /*background-color: white;*/
    }

    .ulli-last {
        margin-bottom:100px;
    }

    #wrapper{
        height:auto;
    }

    .header .main-navigation .subnavigation-content {
        background-color: #f5f5f5;
    }
}

@media screen and (min-width: 1025px) {
    .header .main-navigation .navigation-link.toggle-clicked + .subnavigation-content {
        overflow: visible
    }
}

.link {
    display: inline-block;
    text-decoration: none;
}

.link.active {
    text-decoration: none;
}

.link .title {
    /* display: inline-block; */
    /*padding: 8px;*/
    word-wrap: break-word;
}

.link .title:hover {
    text-decoration: underline
}

.navigation-link {
    display: block;
    text-decoration: none;
    cursor: pointer;
    /* height: 25px; */
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -moz-transition-property: background-color, color;
    -o-transition-property: background-color, color;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    padding: 8px 30px 22px;
    border-top-right-radius: 5px;
}

@media screen and (min-width: 1025px) {
    .navigation-link {
        /*z-index: 10;*/
        /*height: 65px;*/
        /*margin-top: 15px;*/
        height: 100%;
    }
    
    .index-page {
        padding-left: 10px;
    }

    .mobile_cooperation,.mobile-personalCenter{
        display:none
    }

    .navigation-link:hover .title{
        color: #d61418;
    }
}

@media screen and (max-width: 1024px) {
    .mobile_cooperation,.mobile-personalCenter{
        display:block
    }

    .toggle-clicked .title{
        color: #d61418;
    }

    .navigation-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
        padding-right: 20px
    }

    .navigation-link > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.navigation-link .title-icon {
    display: none
}

@media screen and (min-width: 1025px) and (max-width: 998px){
    .header .main-navigation li{
        margin-right:4px !important;
    }

    .logo-print{
        width:130px;
        top: -20px !important
    }

    .joinUs-img-container{
        display:none
    }

    .navigation-link{
        padding: 8px 10px 22px 10px !important;
    }
}

@media screen and (min-width: 998px) and (max-width: 1280px){
    .header .main-navigation li{
        margin-right:12px !important;
    }

    .joinUs-img-container{
        display:none
    }

    .navigation-link{
        padding: 8px 10px 22px 10px !important;
    }
    
    /*.toggle-checked:after{*/
        /*left: 21px;*/
    /*}*/
}


.toggle-checked:after{
    content: '';
    width: 60px;
    height: 2px;
    background-color: #d61418;
    display: block;
    position: absolute;
    bottom: 0;
    left: 28px;
}

@media screen and (min-width: 1281px) {
    .toggle-checked:after{
        content: '';
        width: 60px;
        height: 2px;
        background-color: #d61418;
        display: block;
        position: absolute;
        bottom: 0;
        left: 28px;
    }
}

@media screen and (max-width: 1024px) {
    .phone-search-button{
        display: block;
        position: absolute;
        right: 15px;
        top: 35px;
        width: 28px;
    }

    .phone-cart-button{
        display: block;
        position: absolute;
        top: 35px;
        right: 53px;
        width: 36px;
    }

    .navigation-link .title-icon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        background: url(../img/menu-arr.png) no-repeat 100%/100%;
        top: 6.5px;
        right: -5px;
        position: relative;
        width: 13px;
        height:7px;
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -moz-transition: -moz-transform 0.75s;
        -o-transition: -o-transform 0.75s;
        -webkit-transition: -webkit-transform 0.75s;
        transition: transform 0.75s;
    }

    .navigation-link .title-icon > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

@media screen and (min-width: 1025px) {
    .navigation-link.toggle-checked {
        /*background-color: #f7f7f7;*/
        z-index: 30
    }

    .navigation-link.toggle-checked .title {
        color: #d61418;
    }

    .phone-search-button, .phone-cart-button{
        display:none
    }
}

@media screen and (max-width: 1024px) {
    .navigation-link.toggle-clicked .title-icon {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.navigation-link .title {
    text-transform: uppercase;
    /*font-family: LatoRegular;*/
    font-size: 14px;
    font-family: "Microsoft YaHei";
    /* color: #000000; */
    text-align:left;
    letter-spacing: 0;
    /*padding: 0 3px;*/
    word-wrap: break-word;
    /*top: 17px*/
}

@media screen and (max-width: 1024px){
    .navigation-link .title{
        font-size: 14px;
    }

    .main-navigation>.cut-off-line{
        display: none;
    }
}

@media screen and (min-width: 1025px) {
    .navigation-link .title{
        font-size: 14px;
        position: relative;
    }
}

.subnavigation-container .shader {
    display: none
}

@media screen and (min-width: 1025px) {
    #menus{
        width: 100%;
        position: absolute;
        left: 0;
        background-color: #FFFFFF;
        z-index: 100000000000;
        top: 204px;
    }

    #menus .subnavigation-content{
        max-width: 1280px;
        display: none;
        overflow: hidden;
    }

    #menus .openMenu{
        display: block;
        overflow: visible;
    }

    .subnavigation-container {
        box-sizing: border-box;
        position: absolute;
        width: 100%;
        /*max-width: 1280px;*/
        /* height: 100%; */
        z-index: 1000;
        background-color: #F5F5F5;
    }

    .subnavigation-container .shader {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        /*background-color: black;*/
        opacity: 0.1;
    }
}

@media screen and (max-width: 1024px) {
    .subnavigation-container .navigation-wrapper {
        left: 0;
        margin-top: 0
    }
}

@media screen and (min-width: 1025px) {
    .subnavigation-container .navigation-wrapper {
        overflow-y: auto;
        position: relative;
        max-width: 1280px;
        margin: 0 auto;
        max-height: 100%;
        box-sizing: border-box;
        /*background-color: rgba(255, 255, 255, .8);*/
    }
}

.subnavigation-container .navigation-wrapper-content {
    margin: 0 auto
}

@media screen and (max-width: 1024px) {
    .subnavigation-container .navigation-wrapper-content {
        padding: 0;
        /* background-color: white */
    }
}

@media screen and (min-width: 1025px) {
    .subnavigation-container .navigation-wrapper-content {
        position: relative
    }
}

.subnavigation-container .navigation-wrapper-content .link-subnavigation-inline .title {
    /*font-family: LatoBoldItalic;*/
    font-size: 16px;
    color: #6f6560;
    padding: 0
}

.subnavigation-container .navigation-wrapper-content .link-subnavigation-inline:hover .title {
    text-decoration: underline
}

@media screen and (min-width: 1025px) {
    .subnavigation-container .navigation-wrapper-content .content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .subnavigation-container .navigation-wrapper-content .content > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    /*.subnavigation-container .navigation-wrapper-content .content > div {*/
    /*margin: 0 15px*/
    /*}*/
}

.subnavigation-container .navigation-wrapper-content .content .navigation-group {
    /*min-width: 225px;*/
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    /*margin-bottom:2%;*/
}

.subnavigation-container .navigation-wrapper-content .content .navigation-group .QR-code{
    width:40%;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .subnavigation-container .navigation-wrapper-content .content .navigation-group .headline-separated {
        margin: 0 15px
    }

    .subnavigation-container .navigation-wrapper-content .content .addition-group{
        display:none;
    }

    .subnavigation-container .navigation-wrapper-content .content .navigation-group .link .title {
        padding: 11px 0;
        /*font-family: LatoRegular;*/
        font-size: 12px;
        color: #333333;
    }
}

@media screen and (max-width: 1024px) {
    .subnavigation-container .navigation-wrapper-content .content .navigation-group .link {
        width: calc(100% - 40px);
        padding: 0 20px;
        /* padding: 10px 0; */
    }

    .subnavigation-container .navigation-wrapper-content .content .navigation-group .link:hover .title {
        text-decoration: underline
    }
}

.subnavigation-container .navigation-wrapper-content .content .navigation-group .link .title::before {
    content: normal
}

.subnavigation-container .navigation-wrapper-content .content .navigation-group .link.current .title {
    /*font-family: LatoBold*/
}

.subnavigation-container .navigation-wrapper-content .content .additional-info {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -moz-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    width: 50%;
    max-width: 50%;
    display: none
}

@media screen and (min-width: 1025px) {
    .subnavigation-container .navigation-wrapper-content .content .additional-info {
        display: block
    }

    .navigation-group>ul{
        float: left;
    }
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products p, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe p, .subnavigation-container .navigation-wrapper-content .content .additional-info .company p, .subnavigation-container .navigation-wrapper-content .content .additional-info .news p, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact p {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products img, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe img, .subnavigation-container .navigation-wrapper-content .content .additional-info .company img, .subnavigation-container .navigation-wrapper-content .content .additional-info .news img, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact img {
    display: block;
    margin: 0 auto
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products a, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe a, .subnavigation-container .navigation-wrapper-content .content .additional-info .company a, .subnavigation-container .navigation-wrapper-content .content .additional-info .news a, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact a {
    /*font-family: LatoBoldItalic;*/
    font-size: 16px;
    color: #6e6560;
    padding: 0px;
    text-decoration: none
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products a::before, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe a::before, .subnavigation-container .navigation-wrapper-content .content .additional-info .company a::before, .subnavigation-container .navigation-wrapper-content .content .additional-info .news a::before, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact a::before {
    content: '\00BB';
    /*font-family: LatoRegular;*/
    margin-right: 5px;
    position: relative;
    bottom: 1px;
    display: inline-block
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products a:hover, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe a:hover, .subnavigation-container .navigation-wrapper-content .content .additional-info .company a:hover, .subnavigation-container .navigation-wrapper-content .content .additional-info .news a:hover, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact a:hover {
    text-decoration: underline
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products a.image-wrapper, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe a.image-wrapper, .subnavigation-container .navigation-wrapper-content .content .additional-info .company a.image-wrapper, .subnavigation-container .navigation-wrapper-content .content .additional-info .news a.image-wrapper, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact a.image-wrapper {
    display: inline-block
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products a.image-wrapper::before, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe a.image-wrapper::before, .subnavigation-container .navigation-wrapper-content .content .additional-info .company a.image-wrapper::before, .subnavigation-container .navigation-wrapper-content .content .additional-info .news a.image-wrapper::before, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact a.image-wrapper::before {
    display: none
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products .teaser, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe .teaser, .subnavigation-container .navigation-wrapper-content .content .additional-info .company .teaser, .subnavigation-container .navigation-wrapper-content .content .additional-info .news .teaser, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact .teaser {
    text-align: center
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products .teaser .paragraph, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe .teaser .paragraph, .subnavigation-container .navigation-wrapper-content .content .additional-info .company .teaser .paragraph, .subnavigation-container .navigation-wrapper-content .content .additional-info .news .teaser .paragraph, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact .teaser .paragraph {
    margin-left: 20px;
    margin-right: 20px
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products .teaser .link-wrapper, .subnavigation-container .navigation-wrapper-content .content .additional-info .recipe .teaser .link-wrapper, .subnavigation-container .navigation-wrapper-content .content .additional-info .company .teaser .link-wrapper, .subnavigation-container .navigation-wrapper-content .content .additional-info .news .teaser .link-wrapper, .subnavigation-container .navigation-wrapper-content .content .additional-info .contact .teaser .link-wrapper {
    text-align: center;
    margin-top: 20px
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .company img {
    margin-bottom: 20px
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .contact img {
    margin: 0
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .contact .contact-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-bottom: 25px
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .contact .contact-wrapper > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .contact .contact-wrapper p {
    text-align: left
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .contact .contact-wrapper span {
    font-weight: 900
}

.subnavigation-container .navigation-wrapper-content .content .additional-info .products {
    margin-bottom: 50px
}

.subnavigation-container .additional-wrapper {
    display: none
}

@media screen and (min-width: 1025px) {
    .subnavigation-container .additional-wrapper {
        display: block;
        margin-top: 50px;
        background-color: #f8f3f0;
        padding: 0 15px
    }

    .subnavigation-container{
        height:auto;
    }
}

@media screen and (min-width: 1250px) {
    .subnavigation-container .additional-wrapper {
        padding: 0 60px
    }
}

.subnavigation-container .additional-content {
    margin: 0 auto;
    padding-bottom: 25px
}

.subnavigation-container .additional-content .headline-separated {
    padding-top: 20px;
    margin-bottom: 25px
}

.subnavigation-container .additional-content .additional-page-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around
}

.subnavigation-container .additional-content .additional-page-container > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.subnavigation-container .additional-content .additional-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    padding: 10px;
    text-decoration: none;
    color: #6f6560
}

.subnavigation-container .additional-content .additional-page > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.subnavigation-container .additional-content .additional-page a {
    text-decoration: none
}

.subnavigation-container .additional-content .additional-page a, .subnavigation-container .additional-content .additional-page a:hover, .subnavigation-container .additional-content .additional-page a:visited {
    color: #6e6560
}

.subnavigation-container .additional-content .additional-page:hover {
    background-color: white
}

.subnavigation-container .additional-content .additional-page:hover .link .title {
    text-decoration: underline
}

.subnavigation-container .additional-content .additional-page:hover .link .title:before {
    text-decoration: none
}

.subnavigation-container .additional-content .additional-page .paragraph {
    width: 100%
}

.subnavigation-container .additional-content .additional-page .additional-page-image-wrapper {
    width: 90px;
    height: 90px;
    float: left
}

.subnavigation-container .additional-content .additional-page .additional-page-image-wrapper img {
    width: 100%;
    height: 100%;
    display: block
}

.subnavigation-container .additional-content .additional-page .additional-page-text-wrapper {
    margin-left: 5px;
    float: left
}

.subnavigation-container .additional-content .additional-page .link {
    margin-bottom: 5px
}

.subnavigation-container .additional-content .additional-page-100 {
    max-width: 900px
}

.subnavigation-container .additional-content .additional-page-100 .additional-page-text-wrapper {
    max-width: 810px
}

.subnavigation-container .additional-content .additional-page-50 {
    max-width: 450px
}

.subnavigation-container .additional-content .additional-page-50 .additional-page-text-wrapper {
    max-width: 360px
}

.subnavigation-container .additional-content .additional-page-33 {
    max-width: 330px
}

.subnavigation-container .additional-content .additional-page-33 .additional-page-text-wrapper {
    max-width: 215px
}

@media screen and (max-width: 1024px) {
    .subnavigation-container .headline-separated {
        height: 44px
    }

    .phone-null-login .null-login-header{
        width: 44px;
        margin-left: 22px;
    }

    .phone-null-login{
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        align-items: center;
    }
}

.subnavigation-container .headline-separated span {
    margin: 0 10px;
    color: #7a706e;
    /*font-family: LatoRegular;*/
    font-size: 16px
}

@media screen and (min-width: 1025px) {
    .main-navigation>li:first-child{
        display: none;
    }

    .subnavigation-container .headline-separated {
        margin-bottom: 20px;
        width: 100%
    }

    .subnavigation-container .content-wrapper .content {
        padding: 38px 0;
    }

    .subnavigation-container .content-wrapper .content .navigation-group>ul {
        margin:4px 0 0 200px;
    }

    /*.subnavigation-container .content-wrapper .content .navigation-group>ul>li{*/
    /*margin-bottom: 22px;*/
    /*}*/

    .subnavigation-container .content-wrapper .content .navigation-group>ul>li:last-of-type{
        margin-bottom: 0
    }

    .joinUs-img-container{
        margin-left: 112px;
        float: left;
        font-size: 0;
    }

    .joinUs-second-img{
        margin-left: 51px;
    }
}

.subnavigation-container .hashes {
    width: 100%
}

.subnavigation-container .hashes-container {
    min-height: 180px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-align-content: flex-start;
    -moz-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.subnavigation-container .hashes-container > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.subnavigation-container .hashes-container > a {
    margin: 5px
}

@media screen and (min-width: 1250px) {
    .subnavigation-container .content-wrapper .content {
        box-sizing: border-box;
    }
}

.subnavigation-container .breadcrumb {
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.subnavigation-container .breadcrumb > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

@media screen and (max-width: 1024px) {
    .subnavigation-container .breadcrumb {
        height: auto;
        padding: 10px;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .subnavigation-container .breadcrumb a.breadcrumb-button {
        width: 100%;
        text-align: center
    }

    .mobile-menu-open .shopEntrance-content .shopEntranceDetail{
        font-size: 12px;
        color: #333333;
        display: block;
        text-align: left;
        padding: 11px 0 11px 20px;
    }

    .mobile-menu-open .shopEntrance-content>ul>li>a{
        /*display: block;*/
        /*text-align: left;*/
        /*padding: 11px 0 11px 20px;*/
    }

    .mobile-menu-open .shopEntrance-content .shopEntranceImg{
        display: none;
    }

    .mobile-menu-open .shopEntrance-content li{
        text-align: center;
    }
}

@media screen and (min-width: 1025px) {
    .subnavigation-container .breadcrumb {
        padding: 0 15px;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 110px;
        background-color: white;
    }
}

@media screen and (min-width: 1250px) {
    .subnavigation-container .breadcrumb {
        padding: 0 60px;
        height: 110px
    }
}

.subnavigation-container .breadcrumb > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.subnavigation-container .breadcrumb .breadcrumb-button {
    background-color: #b61910;
    padding: 10px;
    color: white;
    display: block;
    box-sizing: border-box;
    text-decoration: none
}

.subnavigation-container .breadcrumb .close {
    width: 38px;
    height: 38px;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
    position: relative
}

@media screen and (min-width: 1025px) {
    .subnavigation-container .breadcrumb .close {
        display: block
    }
}

.subnavigation-container .breadcrumb .close:before {
    /*font-family: 'Icons' !important;*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    content: "\e601";
    color: white;
    font-size: 16px;
    top: 10px;
    left: 11px;
    font-weight: 900;
}

.clear{
    float: none!important;
    clear: both!important;
}

@media screen and (min-width: 1025px) {
    .shopEntrance-content{
        width: 100%;
    }

    .shopEntrance-content li a{
        cursor: pointer;
    }

    .shopEntrance-content li{
        float: left;
    }

    .shopEntrance-content li:first-child{
        margin-left: -5%;
    }

    .shopEntranceDetail{
        color: #000;
        font-size: 14px;
        display: block;
        padding-top: 40px;
    }

    .shopEntrance-content ul{
        text-align: center;
        overflow: hidden;
        display: flex;
        justify-content: space-around;
    }
    .shopEntranceImg{
        height: 68px;
    }
    .navigation-leftImage{
        width: 100%;
        height: 100%;
    }

    .promise-img ul li:not(:first-child){
        margin-left: 35px;
    }

    .navigation-leftImage-details{
        position: absolute;
        bottom: 6px;
        width: 100%;
        height: 30px;
        background-color: rgba(255, 255, 255, 0.8);
    }

    .navigation-leftImage-span{
        display: block;
        text-align: center;
        font-size: 12px;
        line-height: 30px;
        color: #010101;
    }

    .cut-off{
        background-color: #333333;
        box-sizing: border-box;
        width: 2px;
        height: 14px;
        border: 1px solid #333333;
        z-index:9999;
        margin: 11px 0 22px 0;
    }

    .nav-right-ops{
        position: absolute;
        right: 0;
        top: 1px;
    }

    .nav-right-ops .nav-right-cart-icon{
        height: 14px;
        width: 18px;
        margin-top: 2px;
        cursor: pointer;
    }

    .nav-right-ops .nav-right-search-icon{
        width: 14px;
        height: 14px;
        margin-left: 20px;
        margin-top: 2px;
        cursor: pointer;
    }

    .nav-right-ops .search-icon{
        margin-right: 11px;
        margin-top: 11px;
    }

    .logo-print{
        width: 169px;
    }

    .nav-right-ops .nav-right-input-out-width{
        width: 202px !important;
    }

    .nav-right-ops .nav-right-input-out{
        /*border: 1px solid #333333;*/
        height: 32px;
        width: 0;
        position: absolute;
        right: 0;
        background-color: white;
        transition:width 500ms;
        -moz-transition:width 500ms; /* Firefox 4 */
        -webkit-transition:width 500ms; /* Safari and Chrome */
        -o-transition:width 500ms; /* Opera */
    }

    .nav-right-ops .nav-right-input-out .nav-right-input{
        height: 100%;
        border: 0;
        position: absolute;
        left: 0;
        top: 0;
        width: calc(100% - 62px);
	    font-size: 14px;
    }

    .nav-right-ops .nav-right-input-out .nav-right-search-btn .nav-right-search-icon{
        margin-left: 0;
    }

    .nav-right-ops .nav-right-input-out .nav-right-search-btn{
        position: absolute;
        right: 0;
        width: 32px;
        height: 100%;
        text-align: center;
        line-height: 32px;
        cursor: pointer;
    }
}

@media screen and (max-width: 1115px){
    /*.cut-off{*/
        /*margin: 40px 50px 0 50px;*/
    /*}*/
}

@media screen and (max-width: 1075px){
    /*.cut-off{*/
        /*margin: 40px 24px 0 24px;*/
    /*}*/
}

.main-navigation>li, .cut-off{

}

.shoppingCart{
    text-decoration: none;

    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;

    display: inline-block;
    padding: 8px;
    word-wrap: break-word;

    cursor: pointer;
}

.shoppingCart:before{
    content: '\BB';
    /* font-family: LatoRegular; */
    margin-right: 5px;
    position: relative;
    bottom: 1px;
    display: inline-block;
}

@media screen and (min-width: 1025px) {

    .userOrCartContainer{
        display: none;
    }

    .shoppingCart-container{
        width: 300px;
        height: auto;
        background-color: #ffffff;
        position: absolute;
        left: 0;
        top: 16px;
        display: none;
        padding: 0 15px;
        z-index:100;
        webkit-box-shadow: 0 0 10px gray;
        -moz-box-shadow: 0 0 10px gray;
        box-shadow: 0 0 10px gray;
    }

    .shoppingCart-list{
        width: 100%;
        overflow: auto;
        margin-top: 15px;
        border-bottom: 1px solid #e0e0e0;

    }

    .showCart{
        display: block;
    }

    .shoppingCart-content:hover .shoppingCart-container{
        display: block;
    }

    .shoppingCartCell{
        position: relative;

        display: flex;
        display: -webkit-flex;
        align-items: center;
        margin-bottom: 10px;
    }

    .shoppingCartCell>img{
        width: 40px;
        float: left;
    }

    .shoppingCart-product-info{
        width: calc(70% - 50px);
        float: left;
        font-size: 12px;
        color: #333333;
        margin-left: 10px;
    }

    .shoppingCart-product-info>span{
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .shoppingCartCell>.el-input-number{
        position: absolute;
        right: 0;
        bottom: 10px;
    }

    .shoppingCartCell .el-input__inner:hover{
        border-color: #bd1117;
    }

    .el-input-number__decrease:hover, .el-input-number__increase:hover {
        color: #bd1117;
    }

    .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
        border-color: #bd1117;
    }

    .shoppingCart-bottom{
        /*background-color: #f9f9f9;*/
        padding: 10px 0;
        text-align: right;
    }

    .shoppingCart-money-info{
        font-size: 14px;

        display: flex;
        display: -webkit-flex;
        align-items: center;
    }

    .shoppingCart-money{
        font-size: 22px;
        color: #f66567;
    }

    .shoppingCart-btn{
        height: 25px;
        background-color: #bd1117;
        border-radius: 3px;
        text-align: center;
        color: white;
        font-size: 12px;
        font-weight: 200;
        border-width: 0;
        line-height: 25px;
        padding: 3px 10px;
    }

    .shoppingCart-btn:hover{
        color: white;
    }

    .shoppingCart-cell-right{
        font-size: 12px;
        width: 30%;
    }

    .shoppingCart-cell-right>span{
        display: block;
        width: 100%;
        text-align: right;
    }

    .shoppingCart-cell-delete{
        cursor: pointer;
        margin-top: 5px;
    }

    .shoppingCart-product-price{
        color: #bd1117;
    }

    .shoppingCart-hd{
        padding: 20px 0 5px;
        font-size: 12px;
    }

    .shoppingCart-bottom>span{
        font-size: 12px;
        display: block;
    }

    .login-register-container>div{
	    display: flex;
	    align-items: center;
    }
}

@media screen and (max-width: 1024px){
    .top-navigation{
        display: none !important;
    }

    .userOrCartContainer{
        position: fixed;
        right: 15px;
        bottom: 15px;
        z-index: 10;
    }

    .login-button,.cart-button{
        background-color: rgb(127,127,127);
        width: 45px;
        height: 45px;
        text-align: center;
        margin-bottom: 3px;
        border-radius: 5px;
    }

    .userOrCartContainer img{
        width: 35px;
        padding: 5px;
    }
}

.content{
    max-width: 1280px;
    margin: 0 auto
}

.topBar{
    height: 5px;
    width: 100%;
    background-color: #d61418;
}

.top-text-navigation{
    font-family:"Microsoft YaHei";
    font-size:12px;
    color:#202020;
    letter-spacing:0;
    margin-top:21px;
	height: 16px;
}

.top-text-navigation .login-register .nickNameTips:hover .title{
    color: #d61418;
}

.nickNameTips .title{
	display: flex;
	align-items: center;;
}

.top-text-navigation ul li a:hover{
    color: #d61418;
}

.other-top-navigation a:hover{
    color: #d61418;
}

.login-register{
    display: inline-block
}

.login-register ul::after{
    content:'';
    display:block;
    clear:both
}

.login-register ul li,.other-top-navigation ul li{
    float:left
}

.shoppingCart-content{
    position:relative
}

/*.login{*/
    /*margin:0 28px 0 0;*/
/*}*/

.split-line {
    margin: 0 14px
}

.other-top-navigation a{
    margin-left: 29px;
}

.other-top-navigation ul li:first-child a{
    margin-left: 0
}

.other-top-navigation{
    display: inline-block;
    float: right
}

.first-search-container{
    margin-top: 16px;
    height: 35px;
}

.search-button-container{
    position: relative;
}

.search-button {
    position: absolute;
    right: 16px;
    top: 5px;
    width: 28px;
    height: 28px;
}

.search-content{
    float: right;
    border:2px solid #333333;
    border-radius: 7px;
    padding: 8px 0 9px 14px;
    font-size: 13px;
    width: 381px;
    background:#ffffff;
}

.search-content:hover{
    border: 2px solid #b61910;
}

.not-login-icon{
	vertical-align: bottom;
	margin-right: 8px;
}