html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    /*vertical-align: baseline;*/
}
/*.slideBox{
    position: relative;
   
}
.slide.change{ transform: translate3d(0px, 0px, 0px)!important;}
.prev{position: absolute;left: 0;width: 20%;top: 0;
height: 100%;
}
.next{
    position: absolute;right: 0;width: 20;top: 0;
height: 100%;
}
.bx-controls,.bx-clone{
    display: none!important;
}
.next,.prev{
    border: 1px solid red;
    z-index: 99
}*/

/*swiper*/
.swiper-slide {
    width: 100%!important;
    height: 343px!important;
    text-align: center!important;
 /*   border: 1px solid red*/
}
.swiper-slide img{
    width: 100%!important;
}
.swiper-slide a{
    display: inline-block!important;
    width: 300px!important;
    text-align: center!important;
    position: relative!important;
}
/*.slide-first {
    margin-top: 10px;
}*/
.swiper-slide a img {
    width: 300px!important;;vertical-align: top!important;;
}
 .swiper-slide > a > span.zhcn {
    display: inline-block;
    font-family: 'Microsoft JhengHei';
    font-size: 15px!important;
    color: #6e6e6e!important;;
    border-bottom: 1px solid #6e6e6e!important;;
    position: absolute!important;;
    right: -14px!important;;
    top:52px!important;

}

@media only screen and (min-width:640px ) and (max-width: 1920px) {
    html {
        font-size: 100px;
    }
}

@media only screen and (min-width:550px ) and (max-width: 639px) {
    html {
        font-size: 92px;
    }
}

@media only screen and (min-width:490px) and (max-width:549px ) {
    html {
        font-size: 82px;
    }
}

@media only screen and (min-width:420px ) and (max-width:489px ) {
    html {
        font-size: 72px;
    }
}

@media only screen and (min-width:360px ) and (max-width:419px ) {
    html {
        font-size: 65px;
    }
}

@media only screen and (max-width:359px ) {
    html {
        font-size: 55px;
    }
}
@media only screen and (max-width:320px ) {
    .swiper-slide {
       height: 296px!important;
    }
}
body {
    position: relative;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    /*background: #000;*/
}


.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

.content {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: #fff;
}

#menuOverlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
    z-index: 1;
    background: rgba(0,0,0,0.6);
    display: none;
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -ms-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
}

.ecrin-sidemenu-open #ecrin-sideMenu,
.ecrin-sidemenu-open .content,
.ecrin-sidemenu-open #ecrin-header {
    -webkit-transform: translate(3.8rem,0);
    -moz-transform: translate(3.8rem,0);
    -ms-transform: translate(3.8rem,0);
    -o-transform: translate(3.8rem,0);
    transform: translate(3.8rem,0);
}

.ecrin-sidemenu-open #menuOverlay {
    display: block;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #slider-prev, #slider-next, #ddslider-prev, #ddslider-next {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #slider-next, #ddslider-next {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .social-icons i.facebook {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .social-icons i.tumblr {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .social-icons i.twitter {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .social-icons i.instagram {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .social-icons i.google {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .social-icons i.weibo {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .social-icons i.youku {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .social-icons i.wechat {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .custom-select:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .select-wrapper-0:after, #popin #wrapper .select-wrapper-0:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #page .goback:before {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #page .goback.home:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .generic-more i {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .generic-more.active i {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #back-to-top:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

html, body {
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
}

#page {
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 1;
}

    #page > .content {
        position: relative;
    }

.mobile .scrollview-content-wrapper {
    margin-top: 68px!important;
    margin-bottom: 185px!important;
}

#ecrin-header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 0.83rem;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    background: #000;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    padding: 0 0.51rem;
}

    #ecrin-header.hidden {
        -webkit-transform: translate(0,-65px);
        -moz-transform: translate(0,-65px);
        -ms-transform: translate(0,-65px);
        -o-transform: translate(0,-65px);
        transform: translate(0,-65px);
        -webkit-backface-visibility: hidden;
    }

    #ecrin-header .logo {
        display: inline-block;
        overflow: hidden;
        position: relative;
    }

        #ecrin-header .logo img {
            width: 2.52rem;
            height: 1.09rem;
            margin-top: -1px;
        }

    #ecrin-header .header-search,
    #ecrin-header .header-basket,
    #ecrin-header .header-account {
        display: none;
        float: right;
        height: 25px;
        position: relative;
        top: 25px;
    }

        #ecrin-header .header-search.active,
        #ecrin-header .header-basket.active,
        #ecrin-header .header-account.active {
            display: inline-block;
        }

    #ecrin-header .icon {
        height: 25px;
        margin-right: 13px;
    }

#sideMenuButton {
    display: inline-block;
    padding: 0.26rem 0.2rem 0.26rem 0;
    height: 0.83rem;
    position: relative;
    right: -10px;
    background-color: transparent;
    float: right;
}

    #sideMenuButton div {
        width: 18px;
        position: relative;
        margin-left: 9px;
        background: url(../img/menubutton.jpg) no-repeat center center;
        background-size: 0.38rem 0.34rem;
        width: 0.38rem;
        height: 0.34rem;
    }


#ecrin-sideMenu {
    width: 3.8rem;
    height: 100%;
    position: fixed;
    top: 0;
    left: -3.8rem;
    z-index: 2;
    background: #000;
    font-weight: normal;
    font-family: "Century Gothic","Futura",sans-serif;
    text-transform: uppercase;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#scrollWrapper {
    width: 100%;
    position: absolute;
    background: #000;
    -webkit-backface-visibility: hidden;
}

#ecrin-sideMenu {
    -webkit-backface-visibility: hidden;
}

    #ecrin-sideMenu .submenu-wrapper {
        display: block;
        width: 100%;
        background: #000;
        -webkit-backface-visibility: hidden;
    }

    #ecrin-sideMenu .mini-logo {
        max-width: 93.6%;
        display: block;
        overflow: hidden;
        background: #fff;
        padding-left: 9.4%;
    }

        #ecrin-sideMenu .mini-logo img {
            max-width: 90%;
            max-height: 58px;
            width: auto;
            height: auto;
            display: block;
            margin: 5px 0 5px 20px;
            overflow: hidden;
        }

    #ecrin-sideMenu a .table-center {
        width: 100%;
        height: 60px;
        display: table;
    }

        #ecrin-sideMenu a .table-center > span {
            display: table-cell;
            padding-right: 10px;
            vertical-align: middle;
            font-size: 100%;
            font-family: "Century Gothic","Futura",sans-serif;            
            font-size: 0.22rem;
            font-weight: normal;
            text-transform: capitalize;
        }

    #ecrin-sideMenu li > a > .table-center span {
        padding-left: 20px;
    }

        #ecrin-sideMenu li > a > .table-center span:after {
            display: block;
            width: 15px;
            line-height: 15px;
            position: absolute;
            right: 32px;
            top: 23px;
            font-size: 15px;
            -webkit-font-smoothing: antialiased;
            font-family: "dior-icons";
            content: "\f103";
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            color: #8e8e8e;
        }

    #ecrin-sideMenu .subMenu {
        width: 100%;
        display: block;
        position: relative;
    }

        #ecrin-sideMenu .subMenu li {
            max-width: 100%;
            position: relative;
        }

            #ecrin-sideMenu .subMenu li a {
                max-width: 100%;
                width: 100%;
                height: 60px;
                padding: 0 9.4%;
                text-align: left;
                color: #000;
            }

                #ecrin-sideMenu .subMenu li a span {
                    width: 100%;
                }

        #ecrin-sideMenu .subMenu a {
            display: block;
            position: relative;
            vertical-align: middle;
            overflow: hidden;
            font-weight: normal;
            cursor: pointer;
        }

        #ecrin-sideMenu .subMenu li:not(.flat-list) > ul {
            display: none;
        }

@media screen and (max-width:500px) {
    #ecrin-sideMenu .subMenu li > ul > li > ul > li a {
        font-size: 14px;
    }
}

#ecrin-sideMenu .subMenu.white {
    background: #000;
}

    #ecrin-sideMenu .subMenu.white > .home > a {
        border-top: 0;
    }

    #ecrin-sideMenu .subMenu.white li {
        color: #363739;
    }

    #ecrin-sideMenu .subMenu.white > li a {
        color: #fff;
        border-top: 1px solid #8e8e8e;
    }

    #ecrin-sideMenu .subMenu.white ul a {
        color: #8e8e8e;
        background: #fff;
    }

    #ecrin-sideMenu .subMenu.white > li > ul > .unfolds > a {
        color: #000;
    }

        #ecrin-sideMenu .subMenu.white > li > ul > .unfolds > a > .table-center span:after {
            content: "";
            display: block;
            position: absolute;
            right: 0.2rem;
            top: 50%;
            -webkit-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            -o-transform: translate(0,-50%);
            transform: translate(0,-50%);
            z-index: 1001;
            background-image: url(../img/spritesheet.png);
            background-position: -324px -212px;
            width: 7px;
            height: 11px;
        }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-sideMenu .subMenu.white > li > ul > .unfolds > a > .table-center span:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-sideMenu .subMenu.white .lastlevel ul a,
#ecrin-sideMenu .subMenu.white .lastlevel ul a .table-center {
    border-top: 0;
    height: 60px;
}

/*#ecrin-sideMenu .subMenu.white .lastlevel ul a .table-center {
        padding-top: 10px;
        padding-bottom: 10px;
    }*/

#ecrin-sideMenu .subMenu.white .lastlevel ul a {
    border-bottom: 1px solid #aaa;
}

#ecrin-sideMenu .subMenu.white .lastlevel.active > a {
    border-bottom: 1px solid #f1f1f1;
}

#ecrin-sideMenu .subMenu.white li.unfolds > a > .table-center span:after {
    /*content: "";
    display: block;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    z-index: 1001;
    background-image: url(../img/spritesheet.png);
    background-position: -324px -235px;
    width: 7px;
    height: 11px;*/
    display: block;
    width: 15px;
    line-height: 15px;
    position: absolute;
    content: '\f10c';
    font-family: "dior-icons";
    -webkit-font-smoothing: antialiased;
    top: 23px;
    right: 30px;
    font-size: 21px;
    color: #8e8e8e;
}

/*@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-sideMenu .subMenu.white li.unfolds > a > .table-center span:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}*/

#ecrin-sideMenu .subMenu.white li.unfolds.active > a > .table-center span:after {
    /*content: "";
    right: auto;
    left: 0.2rem;
    background-image: url(../img/spritesheet.png);
    background-position: -325px -194px;
    width: 7px;
    height: 11px;*/
    content: '\f107';
    font-family: "dior-icons";
    -webkit-font-smoothing: antialiased;
}

/*@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-sideMenu .subMenu.white li.unfolds.active > a > .table-center span:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}*/

#ecrin-sideMenu .subMenu.white li li.unfolds.active > a {
    color: #000;
}

    #ecrin-sideMenu .subMenu.white li li.unfolds.active > a > .table-center span:after {
        content: "";
        right: 0.2rem;
        left: auto;
        background-image: url(../img/spritesheet.png);
        background-position: -100px -244px;
        width: 11px;
        height: 7px;
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-sideMenu .subMenu.white li li.unfolds.active > a > .table-center span:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-sideMenu .subMenu.white > li > ul > li.unfolds.active > a > .table-center span:after {
    background-image: url(../img/spritesheet.png);
    background-position: -100px -244px;
    width: 11px;
    height: 7px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-sideMenu .subMenu.white > li > ul > li.unfolds.active > a > .table-center span:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-sideMenu .subMenu.white .flat-list {
    background: #fff;
    padding-bottom: 10px;
}

    #ecrin-sideMenu .subMenu.white .flat-list li a, #ecrin-sideMenu .subMenu.white .flat-list li a span, #ecrin-sideMenu .subMenu.white .flat-list > li a {
        height: 45px;
    }

    #ecrin-sideMenu .subMenu.white .flat-list li:not(:first-of-type) a {
        border-top: 0;
    }

    #ecrin-sideMenu .subMenu.white .flat-list li:first-of-type a {
        padding-top: 10px;
    }

#ecrin-sideMenu .subMenu.grey {
    color: #fff;
}

    #ecrin-sideMenu .subMenu.grey a {
        color: #fff;
        background: #474747;
    }

    #ecrin-sideMenu .subMenu.grey li {
        color: #fff;
        border-bottom: 1px solid #aaa;
    }

        #ecrin-sideMenu .subMenu.grey li li {
            border-top: 1px solid #f1f1f1;
        }

        #ecrin-sideMenu .subMenu.grey li a {
            height: 60px;
        }

        #ecrin-sideMenu .subMenu.grey li > ul > li a {
            color: #8f8f8f;
            background: #fff;
        }

    #ecrin-sideMenu .subMenu.grey .unfolds > a > .table-center:after {
        content: "";
        display: block;
        position: absolute;
        right: 0.2rem;
        top: 25.5px;
        z-index: 1001;
        background-image: url(../img/spritesheet.png);
        background-position: -324px -235px;
        width: 7px;
        height: 11px;
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-sideMenu .subMenu.grey .unfolds > a > .table-center:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-sideMenu .subMenu.grey .unfolds.active > a > .table-center:after {
    content: "";
    display: block;
    position: absolute;
    right: 0.2rem;
    top: 29.5px;
    z-index: 1001;
    background-image: url(../img/spritesheet.png);
    background-position: -111px -244px;
    width: 11px;
    height: 7px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-sideMenu .subMenu.grey .unfolds.active > a > .table-center:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-sideMenu .subMenu .has-icon > a {
    position: relative;
    border-top: 0;
}

    #ecrin-sideMenu .subMenu .has-icon > a .table-center > span {
        padding-left: 20px;
        padding-right: 15px;
        text-transform: none;
    }

    #ecrin-sideMenu .subMenu .has-icon > a .table-center:after {
        content: "";
        position: absolute;
        display: block;
        z-index: 2;
        left: -7px;
        top: 48%;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

#ecrin-sideMenu .subMenu > .has-icon > a .table-center > span {
    text-transform: uppercase;
}

#ecrin-sideMenu .subMenu .home > a .table-center > span {
    padding-left: 50px;
}

#ecrin-sideMenu .subMenu .home > a .table-center:after {
    background-image: url(../img/spritesheet.png);
    background-position: -220px -200px;
    width: 19px;
    height: 18px;
    left: 20px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-sideMenu .subMenu .home > a .table-center:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-sideMenu .subMenu .eco > a .table-center:after {
    background-image: url(../img/spritesheet.png);
    background-position: -239px -218px;
    width: 16px;
    height: 24px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-sideMenu .subMenu .eco > a .table-center:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-sideMenu .subMenu .eco.active > a .table-center:after {
    display: none;
}

#ecrin-sideMenu .subMenu .link > a .table-center:after {
    background-image: url(../img/spritesheet.png);
    background-position: -160px -161px;
    width: 17px;
    height: 17px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-sideMenu .subMenu .link > a .table-center:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-sideMenu .subMenu .question > a .table-center:after {
    background-image: url(../img/spritesheet.png);
    background-position: -272px -258px;
    width: 17px;
    height: 17px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-sideMenu .subMenu .question > a .table-center:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-sideMenu .subMenu .play > a .table-center:after {
    background-image: url(../img/spritesheet.png);
    background-position: -255px -258px;
    width: 17px;
    height: 17px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-sideMenu .subMenu .play > a .table-center:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-sideMenu.sliding, #ecrin-sideMenu.sliding #scrollWrapper, #ecrin-sideMenu.sliding .subMenu.grey {
    background: #474747;
}

#ecrin-sideMenu.minisite-sidemenu .subMenu.white > li a {
    background: #fff;
    color: #000;
    border-top: 1px solid #f1f1f1;
}

#ecrin-sideMenu.minisite-sidemenu .subMenu.grey > li a {
    background: #000;
}

/************************ ecrin-footer **********************/

#ecrin-footer {
    width: 100%;
    /*box-sizing: content-box!important;*/
    position: relative;
    z-index: 10;
    overflow: hidden;
    background: #000;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    text-transform: uppercase;
    padding:0 0.25rem;
}

    #ecrin-footer a {
        color: #fff;
    }

    #ecrin-footer > ul {
        padding: 0;
        position: relative;
        z-index: 10;
        overflow: hidden;
        border-top: 1px solid #505153;
        text-align: center;
    }

        #ecrin-footer > ul li {
            position: relative;
            float: left;
            text-align: center;
            padding: 0 10px;
            -webkit-box-sizing: border-box!important;
            -moz-box-sizing: border-box!important;
            box-sizing: border-box!important;
        }

            #ecrin-footer > ul li.contact, #ecrin-footer > ul li.icp, #ecrin-footer > ul li.single {
                display: inline-block;
                float: none;
            }

            #ecrin-footer > ul li a {
                width: 100%;
                height: 1.05rem;
                position: relative;
                text-decoration: none;
                text-transform: none;
                padding: 0;
                font-family: 'Microsoft JhengHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
                font-size: 0.24rem;
                display: table;
            }

        #ecrin-footer > ul.double li a {
            font-size: 0.16rem;
        }

        #ecrin-footer > ul li .mentions {
            text-transform: none;
            padding: 15px 0;
            line-height: 18px;
        }

        #ecrin-footer > ul li span a {
            height: auto;
            font-size: 16px;
            text-decoration: underline;
        }

        #ecrin-footer > ul li a:not(.china-icp):not(.contact) span {
            display: table-cell;
            vertical-align: middle;
        }

        #ecrin-footer > ul li.languages a {
            padding-left: 10px;
        }

            #ecrin-footer > ul li.languages a span {
                position: relative;
                left: -14px;
            }

                #ecrin-footer > ul li.languages a span:after {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 50%;
                    right: 0;
                    -webkit-transform: translate(0,-50%);
                    -moz-transform: translate(0,-50%);
                    -ms-transform: translate(0,-50%);
                    -o-transform: translate(0,-50%);
                    transform: translate(0,-50%);
                    background-image: url(../img/spritesheet.png);
                    background-position: -111px -244px;
                    width: 11px;
                    height: 7px;
                }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer > ul li.languages a span:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer > ul li.contact {
    display: inline-block;
    height: 0.65rem;
    line-height: 0.65rem;
    font-size: 0.16rem;
    text-transform: uppercase;
}

#ecrin-footer > ul li:first-child a {
    background: transparent;
}

#ecrin-footer > ul.centered li {
    width: 25%;
    overflow: hidden;
}

    #ecrin-footer > ul.centered li:nth-of-type(2) {
        width: 50%;
    }

        #ecrin-footer > ul.centered li:nth-of-type(2):after, #ecrin-footer > ul.centered li:nth-of-type(2):before {
            content: "";
            position: absolute;
            right: 0;
            top: 0.27rem;
            width: 1px;
            height: 0.2rem;
            background: #808082;
        }

        #ecrin-footer > ul.centered li:nth-of-type(2):before {
            right: auto;
            left: 0;
        }

#ecrin-footer > ul.double li {
    width: 50%;
}

    #ecrin-footer > ul.double li:first-of-type:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0.37rem;
        width: 1px;
        height: 0.3rem;
        background: #808082;
    }

#ecrin-footer .china-icp {
    height: 0.71rem;
    min-height: 0.71rem;
    line-height: 0.71rem;
    font-size: 0.16rem;
}

    #ecrin-footer .china-icp span {
        position: relative;
    }

#ecrin-footer #newsletter-block {
    width: 100%;
    height: auto;
    position: relative;
    margin: auto;
    font-family: 'Microsoft JhengHei',Arial,"Helvetica Neue",Helvetica,sans-serif;
    -webkit-backface-visibility: hidden;
}

    #ecrin-footer #newsletter-block img {
        width: 100%;
        height: auto;
        display: block;
    }

    #ecrin-footer #newsletter-block a {
        width: 100%;
        display: block;
        z-index: 3;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 15px;
    }

        #ecrin-footer #newsletter-block a:hover {
            text-decoration: none;
        }

        #ecrin-footer #newsletter-block a h1 {
            font-family: 'TwCenMTCondensed';
            font-size: 0.26rem;
            color: #646464;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin: 0;
        }

        #ecrin-footer #newsletter-block a span {
            display: block;
            font-family: 'TwCenMTCondensed';
            font-size: 0.16rem;
            text-transform: none;
            margin-top: 0.2rem;
            font-weight: normal;
            letter-spacing: 1px;
        }

            #ecrin-footer #newsletter-block a span b {
                font-weight: bold;
            }

        #ecrin-footer #newsletter-block a h1 i {
            font-family: 'Microsoft JhengHei';
            font-size: 0.22rem;
            color: #fff;
            font-weight: normal;
            background-color: #646464;
            display: inline-block;
            margin-left: 0.1rem;
            padding: 0.06rem 0.15rem;
        }

#ecrin-footer #social-footer {
    padding: 0.2rem 0;
    visibility: hidden;
}

    #ecrin-footer #social-footer .social-slider {
        max-width: 540px;
        height: 43px;
        margin: auto;
        position: relative;
        top: 0;
    }

    #ecrin-footer #social-footer.loaded {
        visibility: visible;
    }

    #ecrin-footer #social-footer li {
        width: auto;
    }

    #ecrin-footer #social-footer a {
        height: 40px;
        width: 40px;
        display: block;
    }

    #ecrin-footer #social-footer li a i {
        max-width: 100%;
        max-height: 100%;
        display: block;
    }

    #ecrin-footer #social-footer i.facebook {
        background-image: url(../img/spritesheet.png);
        background-position: -220px -80px;
        width: 40px;
        height: 40px;
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer #social-footer i.facebook {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer #social-footer i.tumblr {
    background-image: url(../img/spritesheet.png);
    background-position: -80px -138px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer #social-footer i.tumblr {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer #social-footer i.twitter {
    background-image: url(../img/spritesheet.png);
    background-position: 0 -138px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer #social-footer i.twitter {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer #social-footer i.instagram {
    background-image: url(../img/spritesheet.png);
    background-position: -80px -178px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer #social-footer i.instagram {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer #social-footer i.google {
    background-image: url(../img/spritesheet.png);
    background-position: -160px -178px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer #social-footer i.google {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer #social-footer i.weibo {
    background-image: url(../img/spritesheet.png);
    background-position: 0 -218px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer #social-footer i.weibo {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer #social-footer i.youku {
    background-image: url(../img/spritesheet.png);
    background-position: -180px -120px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer #social-footer i.youku {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer #social-footer i.wechat {
    background-image: url(../img/spritesheet.png);
    background-position: -140px -40px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer #social-footer i.wechat {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer #social-footer i.youtube {
    background-image: url(../img/spritesheet.png);
    background-position: -40px -178px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer #social-footer i.youtube {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer #social-footer i.pinterest {
    background-image: url(../img/spritesheet.png);
    background-position: -180px 0;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer #social-footer i.pinterest {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer #social-footer .disabled {
    display: none;
}

#ecrin-footer #social-footer div.bx-viewport {
    z-index: 2;
}

#ecrin-footer #social-footer div.bx-controls {
    height: 100%;
    width: 100%;
    position: absolute!important;
    top: -2.5px;
    z-index: 0;
}

#ecrin-footer #social-footer .next, #ecrin-footer #social-footer .prev {
    height: 50px;
    width: 20px;
    padding: 0 10px;
    vertical-align: top;
    position: absolute!important;
}

#ecrin-footer #social-footer .prev {
    top: 0;
    left: -50px;
}

#ecrin-footer #social-footer .next {
    top: 0;
    right: -50px;
}

    #ecrin-footer #social-footer .next i, #ecrin-footer #social-footer .prev i {
        display: block;
        margin: auto;
        top: 17.5px;
        position: relative;
        overflow: hidden;
    }

    #ecrin-footer #social-footer .next i {
        background-image: url(../img/spritesheet.png);
        background-position: -324px -235px;
        width: 7px;
        height: 11px;
        color: transparent;
        left: -5px;
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer #social-footer .next i {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer #social-footer .prev i {
    background-image: url(../img/spritesheet.png);
    background-position: -325px -194px;
    width: 7px;
    height: 11px;
    color: transparent;
    left: 5px;
    margin-right: 10px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer #social-footer .prev i {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer #social-footer a.disabled {
    display: none;
}

#ecrin-footer.ecrin-white-footer {
    background: #fff;
}

    #ecrin-footer.ecrin-white-footer a {
        color: #000;
    }

    #ecrin-footer.ecrin-white-footer span {
        color: #000;
    }

    #ecrin-footer.ecrin-white-footer #newsletter-block span {
        color: #646464;
    }

    #ecrin-footer.ecrin-white-footer #social-footer i.facebook {
        background-image: url(../img/spritesheet.png);
        background-position: -220px -160px;
        width: 40px;
        height: 40px;
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer.ecrin-white-footer #social-footer i.facebook {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer.ecrin-white-footer #social-footer i.tumblr {
    background-image: url(../img/spritesheet.png);
    background-position: -120px -138px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer.ecrin-white-footer #social-footer i.tumblr {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer.ecrin-white-footer #social-footer i.twitter {
    background-image: url(../img/spritesheet.png);
    background-position: -40px -138px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer.ecrin-white-footer #social-footer i.twitter {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer.ecrin-white-footer #social-footer i.instagram {
    background-image: url(../img/spritesheet.png);
    background-position: -120px -178px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer.ecrin-white-footer #social-footer i.instagram {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer.ecrin-white-footer #social-footer i.google {
    background-image: url(../img/spritesheet.png);
    background-position: -220px 0;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer.ecrin-white-footer #social-footer i.google {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer.ecrin-white-footer #social-footer i.weibo {
    background-image: url(../img/spritesheet.png);
    background-position: -140px 0;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer.ecrin-white-footer #social-footer i.weibo {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer.ecrin-white-footer #social-footer i.youku {
    background-image: url(../img/spritesheet.png);
    background-position: -220px -120px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer.ecrin-white-footer #social-footer i.youku {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer.ecrin-white-footer #social-footer i.wechat {
    background-image: url(../img/spritesheet.png);
    background-position: -140px -80px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer.ecrin-white-footer #social-footer i.wechat {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer.ecrin-white-footer #social-footer i.youtube {
    background-image: url(../img/spritesheet.png);
    background-position: -220px -40px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer.ecrin-white-footer #social-footer i.youtube {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#ecrin-footer.ecrin-white-footer #social-footer i.pinterest {
    background-image: url(../img/spritesheet.png);
    background-position: -180px -40px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #ecrin-footer.ecrin-white-footer #social-footer i.pinterest {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.article {
    border-top: 1px solid #e5e5e5;
}

    .article h3 {
        margin-top: 0;
    }

    .article .ml-wrapper span {
        margin: 20px 6% 0 6%;
        padding-bottom: 10px;
        text-transform: uppercase;
        border-bottom: 1px solid #dadada;
        font-size: .75em;
        color: #818181;
        cursor: pointer;
        text-align: left;
        display: block;
        font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
        position: relative;
    }

    .article .ml-wrapper p {
        padding-bottom: 10px;
        display: none;
        overflow: hidden;
    }

    .article p, .article div.legacy {
        font-size: .9em;
        line-height: 1.4em;
        text-align: justify;
        color: #8a8a8a;
        margin: 20px 6% 0 6%;
        font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

    .article span.inlineButton {
        margin: 0;
        width: 100%;
        padding: 0 0 2px 0;
    }

    .article a.button {
        display: inline-block;
        width: auto;
        width: 96px;
        padding: 10px 20px;
        text-align: center;
        background: #343536;
        color: #FFF;
        border-radius: 0;
        text-transform: uppercase;
        font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 12px;
        line-height: 15px;
    }

        .article a.button.button.inactive {
            background: transparent;
            border: 1px solid #FFF;
            color: #999;
        }

        .article a.button.active {
            border: 1px solid #d5d5d5;
            color: #000;
            background: #efefef url(../img/sprites/button-checker.gif) no-repeat center right;
        }

.trigger.on {
    color: #000;
}

i.icon.lil-arrow_bottom.ml, span.on i.icon.lil-arrow_bottom.ml {
    width: 7px;
    height: 4px;
    position: absolute;
    right: 10px;
    top: 3px;
    margin-bottom: 5px;
    background: url(../img/sprites/sprite_icon@2x.png) no-repeat;
    background-size: 109px 130px;
    background-position: -5px -51px;
    text-indent: -9999px;
    display: inline-block;
}

span.on i.icon.lil-arrow_bottom.ml {
    background-position: -20px -55px;
}

span.jSelect {
    position: relative;
    width: 100%;
    margin: 2% 0;
    float: left;
    margin: 0;
}

    span.jSelect em {
        position: absolute;
        top: 0;
        left: 0;
        float: left;
        height: 30px;
        width: 5px;
        background: url(../img/sprites/select.png) -495px -30px no-repeat;
        z-index: 1;
    }

    span.jSelect span.jWorder {
        position: relative;
        display: block;
        width: 100%;
        height: 30px;
        padding: 0 5%;
        background: url(../img/sprites/select.png) top right no-repeat;
        line-height: 30px;
        font-size: 1em;
        color: #717171;
        cursor: pointer;
        text-align: left;
    }

p.selectG span.jSelect em {
    background: url(../img/sprites/selectG.png) -495px -30px no-repeat;
}

p.selectG span.jSelect span.jWorder {
    background: url(../img/sprites/selectG.png) top right no-repeat;
}

form .only span.jSelect span.jWorder {
    background: url(../img/sprites/select-formonly.png) top right no-repeat;
    height: 34px;
    line-height: 35px;
}

form .only.small span.jSelect span.jWorder {
    width: 91%;
}

.fX form .only.small span.jSelect span.jWorder {
    width: 88%;
}

form .only span.jSelect em {
    background: url(../img/sprites/select-formonly.png) -494px -34px no-repeat;
    height: 34px;
}

span.jSelect.error span.jWorder {
    color: #f00;
}

span.jCheck, span.jRadio {
    cursor: pointer;
    line-height: 25px;
    font-size: 1em;
    color: #717171;
    float: left;
    height: 40px;
}

    span.jCheck em, span.jRadio em {
        float: left;
        display: block;
        width: 20px;
        height: 20px;
        background: url(../img/sprites/check.gif) top left;
        background-repeat: no-repeat;
        margin: 10px 5px 0;
    }

    span.jCheck small {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        line-height: 15px;
        font-size: .9em;
        height: 40px;
        text-align: left;
    }

form span.jCheck small {
    line-height: 17px;
    font-size: 1em;
    margin-left: 10px;
    width: 100%;
}

.triggerAddress span.jCheck {
    width: 80%;
}

form.selection span.jCheck small {
    width: 20%;
}

form span.jCheck.checked small {
    color: #000;
}

form.selection span.jCheck em {
    margin: 10px 5px 0;
}

form span.jCheck, span.jRadio {
    height: 100%;
    width: 100%;
    z-index: 1;
    position: relative;
}

span.jCheck.checked em {
    background-position: bottom left;
}

span.jRadio em {
    background: url(../img/sprites/formSprite.png) -20px -650px no-repeat;
}

span.jRadio.checked em {
    background: url(../img/sprites/formSprite.png) 0 -650px no-repeat;
}

a {
    text-decoration: none;
    outline: 0;
}

i.icon.close {
    margin: 3px 0;
    right: 23px;
    text-indent: -9999px;
    display: inline-block;
    background-image: url(../img/spritesheet.png);
    background-position: -123px -91px;
    width: 13px;
    height: 12px;
    position: absolute;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    i .icon.close {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

i.icon.close.white {
    background-image: url(../img/spritesheet.png);
    background-position: -110px -91px;
    width: 13px;
    height: 12px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    i .icon.close.white {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

a.closePopin {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 19px;
    width: 25px;
    height: 25px;
    z-index: 9999;
}

form.only {
    padding: 0 5% 10px;
    border-top: 1px solid #e5e5e5;
}

    form.only.noBorder {
        border: 0;
    }

form.password h3 {
    margin: 25px 0 20px;
    padding: 0 0 5px;
}

form.selection {
    border-top: 0;
}

form p, form p.small, form p.minSelect {
    width: 100%;
    margin: 0 0 15px;
    display: block;
    line-height: 20px;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: .8em;
    color: #9a9a9a;
    overflow: hidden;
}

form p {
    position: relative;
}

    form p.small, form p.minSelect {
        width: 65%;
        position: relative;
        float: left;
    }

    form p.minSelect {
        width: 33%;
    }

    form p strong {
        color: #3f3f3f;
    }

        form p strong i {
            font-style: italic;
        }

form.selection p, form.selection p:nth-last-child(2) {
    margin-bottom: 0;
    border-bottom: 1px solid #dadada;
}

    form.selection p:first-child {
        border-top: 1px solid #dadada;
    }

    form.selection p:last-child {
        margin: 20px 0;
    }

form.selection .checkBoxBlock p:last-child {
    margin: 0;
}

form {
    text-transform: none;
}

    form p.required-text {
        font-size: .6em;
        color: #9e9c9f;
    }

    form.selection p.productInfo {
        margin: 0 0 10px;
        padding: 10px 0;
        overflow: hidden;
        border-top: 1px solid #dadada;
        border-bottom: 1px solid #dadada;
    }

        form.selection p.productInfo span {
            display: block;
            float: left;
            text-transform: uppercase;
            color: #999897;
        }

            form.selection p.productInfo span:first-child {
                width: 85%;
            }

            form.selection p.productInfo span:last-child {
                width: 15%;
                color: #000;
                float: right;
                text-align: right;
            }

    form .p {
        margin-bottom: 15px;
    }

        form p label, form .p label {
            width: 33.5%;
            padding-top: 2%;
            display: block;
            float: left;
            font-size: 12px;
            line-height: 1;
            font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
            color: #8e8e8e;
        }

    form p.small label {
        width: 51%;
    }

    form p input, form .p input {
        width: 61%;
        height: 30px;
        padding-left: 3%;
        float: left;
        border: 1px solid #cdcdcd;
        color: #000;
        background: #f8f8f8;
    }

        form p input.error {
            border-color: #e00000;
            color: #e00000;
        }

    form p.full-input input {
        width: 96%;
    }

.ioS form p.full-input input {
    padding-left: 0;
}

form p input[type=submit] {
    width: 100%;
    height: 35px;
    font-size: 13px;
    text-transform: uppercase;
    border: 0;
    color: white;
    background: #3a3b3c;
}

form p textarea {
    width: 92%;
    height: 170px;
    padding-left: 6%;
    border: 1px solid #cdcdcd;
    color: #000;
    background: #f8f8f8;
}

form p.full-select span.jSelect span.jWorder {
    width: 89%;
}

form p span.jSelect {
    width: 70%;
}

form p.only.contact-select span.jSelect {
    width: 66%;
}

    form p.only.contact-select span.jSelect span.jWorder {
        width: 86%;
    }

form p.only.newsletter-select span.jSelect {
    width: 66%;
}

    form p.only.newsletter-select span.jSelect span.jWorder {
        width: 86%;
    }

form p.full-select span.jSelect {
    width: 100%;
}

form p.small span.jSelect {
    width: 47%;
    margin-right: 2%;
    float: right;
}

form p.minSelect span.jSelect {
    width: 99%;
}

form.only {
    padding: 0 5% 10px;
    border-top: 1px solid #e5e5e5;
}

    form.only.noBorder {
        border: 0;
    }

form.password h3 {
    margin: 25px 0 20px;
    padding: 0 0 5px;
}

form.selection {
    border-top: 0;
}

form p {
    width: 100%;
    margin: 0 0 15px;
    display: block;
    line-height: 20px;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: .8em;
    color: #9a9a9a;
    overflow: hidden;
    position: relative;
}

    form p.small, form p.minSelect {
        width: 65%;
        position: relative;
        float: left;
    }

    form p.minSelect {
        width: 33%;
    }

    form p strong {
        color: #3f3f3f;
    }

        form p strong i {
            font-style: italic;
        }

form.selection p, form.selection p:nth-last-child(2) {
    margin-bottom: 0;
    border-bottom: 1px solid #dadada;
}

    form.selection p:first-child {
        border-top: 1px solid #dadada;
    }

    form.selection p:last-child {
        margin: 20px 0;
    }

form.selection .checkBoxBlock p:last-child {
    margin: 0;
}

#overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
    z-index: 110;
    background: rgba(0,0,0,0.6);
    display: none;
}

#popin {
    position: fixed;
    z-index: 111;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    text-align: left;
    letter-spacing: 0!important;
    -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;
    box-sizing: content-box;
}

#overlay.active {
    visibility: visible;
    opacity: .5;
}

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

body {
    line-height: 1;
    font-family: helvetica;
}

.no-event {
    pointer-events: none;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

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

select {
    height: 34px;
}

select {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    -webkit-align-items: center;
    border: 1px solid;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: white;
    cursor: default;
}

img {
    image-rendering: optimizeQuality;
}

.loadingImg {
    background: #000 url(../img/loaderImages.gif) no-repeat center center;
    width: 100%;
    position: absolute;
    top: 0;
}

.globalLoadingImage {
    background: #000 url(../img/loaderImages.gif) no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

body {
    font-size: 100%;
    /*background: #000;*/
    color: #fff;
    font-family: "Century Gothic","Futura",sans-serif;
    text-rendering: optimizeLegibility;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

a {
    text-decoration: none;
    outline: 0;
}

input[type=tel], input[type=email], input[type=number], input[type=text], input[type=password], input[type=button], input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border-radius: 0;
}

* {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.slider {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.bx-viewport {
    overflow: hidden;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

#slider-prev, #slider-next, #ddslider-prev, #ddslider-next {
    display: block;
    position: absolute;
    z-index: 9;
    color: transparent;
    left: 0;
    background-image: url(../img/spritesheet.png);
    background-position: -320px -100px;
    width: 12px;
    height: 19px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #slider-prev, #slider-next, #ddslider-prev, #ddslider-next {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#slider-next, #ddslider-next {
    right: 0;
    left: auto;
    background-image: url(../img/spritesheet.png);
    background-position: -320px -135px;
    width: 12px;
    height: 19px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #slider-next, #ddslider-next {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#slider-prev a, #slider-next a, #ddslider-prev a, #ddslider-next a {
    display: block;
    font-size: 100%;
    color: transparent;
}

.bx-wrapper {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

    .bx-wrapper .bx-viewport {
        overflow: hidden;
    }

    .bx-wrapper img {
        overflow: hidden;
    }

    .bx-wrapper .bx-controls {
        width: 100%;
        position: absolute;
    }

    .bx-wrapper .bx-pager {
        width: auto;
        display: block;
        margin: auto;
        text-align: center;
    }

    .bx-wrapper .bx-pager-item {
        display: inline-block;
        position: relative;
    }

    .bx-wrapper .bx-pager a {
        padding: 5px;
        margin: 0 5px;
        background: #fff;
        color: transparent;
        font-size: 1px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

        .bx-wrapper .bx-pager a.active {
            background: #000;
        }

.social-icons i {
    display: block;
}

    .social-icons i.facebook {
        background-image: url(../img/spritesheet.png);
        background-position: -220px -80px;
        width: 40px;
        height: 40px;
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .social-icons i.facebook {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.social-icons i.tumblr {
    background-image: url(../img/spritesheet.png);
    background-position: -80px -138px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .social-icons i.tumblr {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.social-icons i.twitter {
    background-image: url(../img/spritesheet.png);
    background-position: 0 -138px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .social-icons i.twitter {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.social-icons i.instagram {
    background-image: url(../img/spritesheet.png);
    background-position: -80px -178px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .social-icons i.instagram {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.social-icons i.google {
    background-image: url(../img/spritesheet.png);
    background-position: -160px -178px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .social-icons i.google {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.social-icons i.weibo {
    background-image: url(../img/spritesheet.png);
    background-position: 0 -218px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .social-icons i.weibo {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.social-icons i.youku {
    background-image: url(../img/spritesheet.png);
    background-position: -180px -120px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .social-icons i.youku {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.social-icons i.wechat {
    background-image: url(../img/spritesheet.png);
    background-position: -140px -40px;
    width: 40px;
    height: 40px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .social-icons i.wechat {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#Collection {
    float: left;
}

.js-look-builder label.js-checkbox:before {
    background-image: url(../img/spritesheet.png);
    background-position: -198px -160px;
    width: 18px;
    height: 18px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .js-look-builder label.js-checkbox:before {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.js-look-builder label.js-checkbox.js-checked:before {
    background-image: url(../img/spritesheet.png);
    background-position: -180px -160px;
    width: 18px;
    height: 18px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .js-look-builder label.js-checkbox.js-checked:before {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.custom-select {
    display: block;
    height: 40px;
    position: relative;
    background: #efedee;
    overflow: hidden;
}

    .custom-select:after {
        content: "";
        display: block;
        position: absolute;
        right: 20px;
        top: 50%;
        background-image: url(../img/spritesheet.png);
        background-position: -320px -130px;
        width: 10px;
        height: 5px;
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .custom-select:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.custom-select.large {
    height: 65px;
}

.custom-select select {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    background: 0;
}

.select-wrapper-0, #popin #wrapper .select-wrapper-0 {
    position: relative;
    display: inline-block;
    height: 32px;
    overflow: hidden;
    background: #f8f8f8;
    border: 1px solid #cdcdcd;
}

    .select-wrapper-0 select, #popin #wrapper .select-wrapper-0 select {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        color: #717171;
        padding: 0 25px 0 10px;
        -webkit-appearance: none;
        background: transparent;
        border: 0;
        outline: 0;
    }

    .select-wrapper-0:after, #popin #wrapper .select-wrapper-0:after {
        content: "";
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translate(0,-50%) rotate(90deg);
        -moz-transform: translate(0,-50%) rotate(90deg);
        -ms-transform: translate(0,-50%) rotate(90deg);
        -o-transform: translate(0,-50%) rotate(90deg);
        transform: translate(0,-50%) rotate(90deg);
        background-image: url(../img/spritesheet.png);
        background-position: -327px -55px;
        width: 4px;
        height: 6px;
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .select-wrapper-0:after, #popin #wrapper .select-wrapper-0:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.select-wrapper-0.block, #popin #wrapper .select-wrapper-0.block {
    display: block;
}

.select-wrapper-0.required {
    border: 1px solid red;
}

h1 {
    margin-top: 36px;
    margin-bottom: 21px;
    font-family: "Century Gothic","Futura",sans-serif;
    font-size: 21px;
    color: #3a3b3c;
}

#page .goback {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: table;
    width: 100%;
    height: 40px;
    padding-left: 45px;
    font-size: 12px;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    background: #fff;
    color: #a9a9aa;
    border-bottom: 1px solid #efedee;
    z-index: 0;
}

    #page .goback:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 25px;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        background-image: url(../img/spritesheet.png);
        background-position: -325px -194px;
        width: 7px;
        height: 11px;
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #page .goback:before {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#page .goback span {
    position: relative;
    top: 2px;
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
}

#page .goback .link-area {
    position: absolute;
    left: 10px;
    width: 30px;
    height: 100%;
    color: transparent;
}

#page .goback.home {
    padding-left: 60px;
    padding-right: 60px;
    text-align: center;
}

    #page .goback.home:after {
        content: "";
        display: block;
        position: absolute;
        top: 45%;
        left: 35px;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        background-image: url(../img/spritesheet.png);
        background-position: -239px -200px;
        width: 19px;
        height: 18px;
        opacity: .5;
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #page .goback.home:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#page .goback.home .link-area {
    width: 55px;
    z-index: 1;
}

.dark-button, .light-button {
    width: 100%;
    height: 65px;
    display: table;
    position: relative;
    border: 0;
    outline: 0;
    font-size: 14px;
    background: #363739!important;
    color: #fff!important;
    text-transform: uppercase;
    text-align: center;
}

    .dark-button > span, .light-button > span {
        display: table-cell;
        vertical-align: middle;
    }

.light-button {
    background: #efedee!important;
    color: #363739!important;
}

.outlined-button {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #cecece;
    background: transparent;
    font-size: 10px;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    text-transform: uppercase;
}

.generic-more {
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    display: block;
    font-family: "Century Gothic","Futura",sans-serif;
    font-weight: 100;
    font-size: 12px;
    text-transform: uppercase;
    background: transparent;
    border: 0;
    outline: 0;
}

    .generic-more i {
        display: block;
        margin: 0 auto 15px;
        color: transparent;
        background-image: url(../img/spritesheet.png);
        background-position: -40px -218px;
        width: 35px;
        height: 35px;
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .generic-more i {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.generic-more .close {
    display: none;
}

.generic-more.active i {
    background-image: url(../img/spritesheet.png);
    background-position: -301px -100px;
    width: 19px;
    height: 35px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .generic-more.active i {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

#back-to-top {
    height: 13px;
    line-height: 13px;
    position: relative;
    margin: 0 auto 25px;
    padding-right: 20px;
    border: 0;
    outline: 0;
    background: transparent;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    text-align: left;
}

    #back-to-top:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: 2px;
        background-image: url(../img/spritesheet.png);
        background-position: -122px -244px;
        width: 12px;
        height: 6px;
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    #back-to-top:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.cover-spacer {
    width: 100%;
    height: auto;
    visibility: hidden;
}

.cf:before, .cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.page {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0.83rem;
}

    .page.on, .page.back {
        display: block;
    }

    .page.new {
        display: block;
        float: right;
    }

#page {
    position: relative;
}

#wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 1;
    top: 0;
}

    #wrapper #titleArticle {
        padding: 8px 0;
    }

        #wrapper #titleArticle h2 {
            text-align: center;
            margin: 0 auto;
            width: 75%;
        }

.popin#wrapper #titleArticle {
    padding: 8px 0;
}

.half {
    width: 50%;
}

.outofscreen {
    position: absolute;
    left: -9999px;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.7em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1em;
}

h5 {
    font-size: .8em;
}

h6 {
    font-size: .7em;
}

#coverArticle img {
    width: 100%;
}

#coverArticle .loadingImg {
    top: 171px;
}

.pageDiscover .article {
    border: 0;
}

.article {
    position: relative;
    color: #000;
}

    .article b, .article strong {
        font-weight: bold;
    }

    .article i {
        font-style: italic;
    }

    .article u {
        text-decoration: underline;
    }

    .article.inspiration div {
        margin: 20px 6% 0;
        font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
        text-align: justify;
        font-size: 15px;
    }

        .article.inspiration div p {
            margin: 20px 0 0;
            padding: 0;
            font-size: 15px;
            line-height: 20px;
        }

    .article .citation {
        width: 80%;
        margin: 35px 10%;
        position: relative;
    }

        .article .citation hr {
            color: #e5e5e5;
            background: #e5e5e5;
            border: 0;
            height: 1px;
        }

        .article .citation p {
            font-family: 'didot',sans-serif;
            color: #000;
            margin: 20px 30px;
            text-align: center;
        }

        .article .citation i {
            background: url(../img/sprites/quotes.gif) 0 0 no-repeat;
            width: 30px;
            height: 20px;
            background-size: 200%;
        }

            .article .citation i.openQuote {
                top: -10px;
                left: 0;
            }

            .article .citation i.closeQuote {
                bottom: -10px;
                right: 0;
                background-position: -30px 0;
            }

    .article .video {
        position: relative;
        height: 238px;
        overflow: hidden;
    }

        .article .video video {
            width: 100%;
            height: 100%;
        }

        .article .video img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: auto;
        }

        .article .video i {
            position: absolute;
            display: block;
            background: url(../img/play.png) 0 0 no-repeat;
            width: 45px;
            height: 45px;
            background-size: 100%;
            left: 50%;
            margin-left: -22px;
            top: 80px;
        }

        .article .video .legend {
            width: 80%;
            padding: 12px 10.5%;
            background: #343536;
            color: #FFF;
            font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
            font-size: 12px;
            position: absolute;
            bottom: 0;
            text-align: left;
        }

    .article .subtitle {
        width: 100%;
        text-align: center;
        color: #3a3a3a;
        font-size: 15px;
        padding: 25px 0 0;
        text-transform: uppercase;
    }

        .article .subtitle.subtitle-push {
            padding: 45px 0 0;
            background: 0;
            padding-bottom: 0;
        }

    .article .fullImg img {
        width: 100%;
        height: auto;
        margin-top: 25px;
    }

    .article .discover {
        margin-top: 20px;
        display: block;
    }

        .article .discover i {
            background: url(../img/more.png) 0 0 no-repeat;
            display: block;
            width: 31px;
            height: 31px;
            position: static;
            background-size: 100%;
            margin: 0 auto;
            transition: all linear .5s;
            transform-origin: center center;
            -ms-transform-origin: center center;
            -webkit-transform-origin: center center;
        }

            .article .discover i.close {
                transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
            }

        .article .discover p {
            font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
            color: #000;
            font-size: 12px;
            padding: 3px 0 0;
            margin: 0 auto;
            text-align: center;
        }

        .article .discover .see-more {
            margin-bottom: 20px;
            overflow: hidden;
            z-index: 1;
            position: relative;
        }

            .article .discover .see-more img {
                width: 100%;
                height: auto;
                margin-top: 20px;
            }

            .article .discover .see-more p {
                background: #FFF;
                font-size: .9em;
                width: 88%;
                text-align: justify;
                color: #8a8a8a;
                margin-top: 20px;
            }

            .article .discover .see-more h3 {
                width: 100%;
                text-align: center;
                color: #3a3a3a;
                font-size: 15px;
                padding: 25px 0 0;
                text-transform: uppercase;
            }

    .article a.button {
        width: auto;
        min-width: 96px;
        padding: 10px 20px;
        text-align: center;
        background: #343536;
        border-radius: 0;
        color: #FFF;
        text-transform: uppercase;
        font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-size: 12px;
        margin-top: 25px;
    }

    .article .push {
        display: block;
        background: 0;
        padding-bottom: 0;
        width: 90%;
        margin: 17px 5% 0;
    }

        .article .push img {
            width: 100%;
            height: auto;
        }

        .article .push span {
            display: block;
            padding: 10px 0;
            text-align: center;
            width: 100%;
            background: #343536;
            text-transform: uppercase;
            color: #FFF;
            font-size: 12px;
            font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
            margin: 0;
            position: static;
        }

    .article.productSheet p {
        margin-bottom: 30px;
    }

.push, .article, .inline-push {
    width: 100%;
    text-align: center;
    background: #1d1d1d url(../img/background/titles.png) bottom left repeat-x;
    padding-bottom: 15px;
}

    .article.productSheet, .push.univers {
        padding-bottom: 0;
    }

.push {
    position: relative;
}

    .push .loadingImg {
        width: 100%;
    }

.article.inspiration .loadingImg {
    height: 195px;
}

.push.univers .loadingImg {
    height: 100%;
}

.article, .inlinePush {
    background: 0;
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
}

    .article h3 {
        font-size: 1em;
        color: #000;
        text-transform: uppercase;
        text-align: left;
        padding: 20px 6% 0 6%;
    }

    .article span {
        color: #737373;
        text-align: left;
        display: block;
        margin: 20px 6% 0 0;
        font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
        position: relative;
    }

    .article .ml-wrapper span {
        margin: 20px 6% 0 6%;
        padding-bottom: 10px;
        text-transform: uppercase;
        border-bottom: 1px solid #dadada;
        font-size: .75em;
        color: #818181;
        cursor: pointer;
    }

    .article span.inlineButton {
        margin: 0;
        width: 100%;
        padding: 0 0 2px 0;
    }

    .push img, .article img {
        vertical-align: bottom;
        width: 100%;
    }

    .article i {
        position: absolute;
        bottom: 46%;
    }

        .article i.zoomPage {
            bottom: 12%;
            right: 0;
        }

        .article i.prev {
            left: 10px;
        }

        .article i.next {
            right: 10px;
        }

        .article i.zoom {
            top: 5px;
            right: -5px;
        }

.push a {
    display: block;
    text-decoration: none;
}

.push h2 {
    position: absolute;
    top: 35%;
    left: 10%;
    margin: 0;
    text-align: center;
    font-size: 2em;
    font-weight: normal;
    color: white;
}

    .push h2.greyTitle {
        color: #525252;
    }

    .push h2.blackTitle {
        color: #000;
    }

.push a strong, .push strong.pushtitle {
    font-size: 1.1em;
    font-weight: normal;
    display: block;
    padding: 10px 15% 0 15%;
    color: #fff;
}

.push strong.pushtitle {
    text-transform: uppercase;
}

.push a span.discover {
    display: block;
    font-size: .7em;
    color: #757575;
    text-decoration: underline;
    text-transform: uppercase;
    padding: 10px 0 5px 0;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.article p, div.legacy {
    font-size: .9em;
    line-height: 1.4em;
    text-align: justify;
    color: #8a8a8a;
    margin: 20px 6% 0 6%;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.article.inspiration p {
    color: #000;
}

.form-error p {
    background: 0;
    font-size: .9em;
    line-height: 1.4em;
    text-align: justify;
    color: red;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    margin: 20px 6% 0;
}

.article .ml-wrapper p {
    padding-bottom: 10px;
    display: none;
    overflow: hidden;
}

.article p.italic {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-style: italic;
}

.article p strong {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: bold;
}

#foot-share.inlinePush {
    padding: 20px 15px;
}

    #foot-share.inlinePush a {
        background: transparent;
        padding: 0;
        width: auto;
        display: inline;
        text-align: left;
        margin-bottom: 0;
    }

.inlinePush.selection.store {
    border-top: 0;
    border-bottom: 1px solid #e5e5e5;
}

.inlinePush.submit p {
    width: 90%;
    margin-left: 3%;
}

.inlinePush p, .inlinePush.pHalf p, .inlinePush.selection p {
    display: inline-block;
    width: 26%;
    color: #8b8b8b;
    font-size: .8em;
    line-height: 1.4em;
    text-align: left;
    padding: 10px 2%;
    vertical-align: top;
    text-align: center;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.inlinePush.pHalf p {
    width: 39%;
    padding: 10px 4%;
}

.inlinePush.selection p {
    width: 22%;
    display: block;
    float: left;
    vertical-align: bottom;
}

    .inlinePush.selection p img {
        vertical-align: bottom;
    }

    .inlinePush.selection p strong {
        margin: 0;
    }

    .inlinePush.selection p.text {
        width: 67%;
        margin-top: 25px;
    }

.inlinePush.full p {
    width: 29%;
    font-size: 1em;
    line-height: 1.4em;
    text-align: left;
    padding: 20px 0;
    text-align: center;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: .6em;
}

.inlinePush.submit {
    border: 0;
}

.filters p {
    width: 38%;
    padding: 0 4.5%;
    height: 40px;
}

.filters.one-line p {
    width: 91%;
    padding: 0 4.5%;
    margin: 0;
}

.filters p small {
    float: none;
}

.filters.one-line h3 {
    margin-bottom: 10px;
}

.filters h3 {
    color: #000;
    width: 94%;
    padding: 2.5% 0 2.5% 6%;
    margin: 0;
    background: #ececec;
    border-bottom: 1px solid #d9d9d9;
    text-transform: uppercase;
    font-size: .8em;
}

.filters p label {
    float: left;
    padding-left: 5px;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: .8em;
    height: 30px;
}

.inlinePush.full p a {
    background: transparent;
    color: #8b8b8b;
    padding: 0;
    margin-bottom: 5px;
}

.inlinePush a {
    background: #3a3b3c;
    padding: 12px 0;
    width: 100%;
    display: block;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: .8em;
    text-transform: uppercase;
    color: white;
    text-align: center;
    margin-bottom: 10px;
}

.inlinePush.pHalf a {
    margin-bottom: 0;
    font-size: 1em;
    background: 0;
}

    .inlinePush.pHalf a strong {
        line-height: 1;
        font-size: 1.8em;
    }

    .inlinePush.pHalf a em {
        font-size: .9em;
        text-transform: none;
    }

.inlinePush strong {
    color: #3a3b3c;
    text-transform: uppercase;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: .8em;
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 20px;
}

.inlinePush.pHalf strong {
    margin-top: 0;
    text-align: center;
}

.inlinePush span {
    color: #8b8b8b;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    line-height: 20px;
    display: block;
}

    .inlinePush span.ht {
        position: relative;
        top: -2px;
        margin-bottom: 10px;
    }

.notes_olfactives .inlinePush span {
    font-size: .9em;
}

.inlinePush span.black {
    color: #000;
}

.inlinePush span.baseSize, .article p.baseSize {
    font-size: .9em;
}

.inlinePush span.oneSize, .article p.oneSize {
    font-size: 1.1em;
    line-height: 19px;
}

.inlinePush.filter {
    padding: 5.5%;
}

    .inlinePush.filter a {
        margin-bottom: 0;
    }

.inlinePush.product-sheet {
    padding: 3% 6% 6%;
}

    .inlinePush.product-sheet .reference {
        margin: 10px 0;
    }

.inlinePush .wrapper-olfactive {
    width: 94%;
    padding: 0 3%;
    text-align: center;
}

.olfactiveTitle {
    margin: 0 0 5px;
    text-transform: uppercase;
    text-align: center;
    font-size: .8em;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: #404040;
}

.inlinePush.olfactive, .inlinePush.checkout {
    padding: 4% 6%;
    border-top: 0;
}

    .inlinePush.checkout .tel {
        color: #8b8b8b;
        font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
        line-height: 20px;
        display: block;
        background: transparent;
        padding: 0;
        width: auto;
        font-size: 100%;
        text-align: left;
        margin: 0;
    }

    .inlinePush.olfactive em, .inlinePush.checkout em {
        text-transform: uppercase;
        color: #8b8b8b;
    }

    .inlinePush.olfactive strong, .inlinePush.checkout strong {
        margin: 5px 0 15px;
        text-align: left;
        font-size: 1em;
    }

.inlinePush .text {
    text-align: left;
}

.inlinePush p img {
    max-width: 80%;
}

.inlinePush p strong {
    color: #000;
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: 1.3em;
    text-align: left;
    font-family: "Century Gothic","Futura",sans-serif;
}

.inlinePush p em {
    display: block;
    color: #999897;
    font-size: .8em;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.inlinePush.selection p em {
    text-transform: uppercase;
    text-align: left;
}

.olfactiveTitle {
    margin: 0 0 5px;
    text-transform: uppercase;
    text-align: center;
    font-size: .8em;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: #404040;
}

.wrapper-awarded {
    text-align: center;
}

.inlinePush .wrapper-olfactive p {
    padding: 20px 1px;
    font-size: .85em;
}

    .inlinePush .wrapper-olfactive p img {
        max-width: 100%;
    }

.wrapper-olfactive a {
    text-transform: none;
    text-decoration: underline;
}

ul.nav, ul.underNav {
    list-style-type: none;
}

ul.underNav {
    display: block;
    width: 90%;
    margin: 0 5% 10px 5%;
}

    ul.underNav a {
        padding: 17px 25px 15px 25px;
    }

    ul.nav li, ul.nav li.ext, ul.underNav li, ul.underNav li.ext {
        background-repeat: no-repeat;
        background-position: 93% center;
        border-bottom: 1px solid #f1f1f1;
        position: relative;
    }

        ul.nav li.intro, p.intro {
            background: #363739;
            font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
            text-transform: uppercase;
            padding: 7px 25px;
            font-size: .8em;
        }

        ul.nav li i.external, ul.underNav li i.external {
            width: 24px;
            height: 15px;
            display: block;
            position: absolute;
            right: 0;
            top: 20px;
            background: url(../img/sprites/sprite_icon.png) no-repeat;
            background-position: 0 -113px;
        }

    ul.underNav li {
        background: 0;
    }

        ul.underNav li:last-child {
            margin-bottom: 25px;
        }

a.fullButton {
    display: block;
    padding: 10px 0;
    color: #fff;
    font-size: .9em;
    background: #363738;
    text-align: center;
    text-transform: uppercase;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    position: relative;
}

    a.fullButton.white {
        padding: 15px 0;
        color: #000;
        background: #FFF;
    }

    a.fullButton i.icon {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    a.fullButton.white i.icon {
        top: 20px;
        right: 9.5%;
    }

    a.fullButton i.icon.left {
        position: absolute;
        right: auto;
        left: 10px;
        top: 10px;
    }

div.pageBottom, div.pageTop {
    padding: 13px 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    div.pageTop.lessPadding {
        padding: 0;
    }

div.pageBottom {
    padding: 13px 0 0;
}

div.pageTop.filter {
    height: 45px;
    padding: 13px 0 0;
    background: #e6e6e6;
}

div.pageTop a {
    width: 100%;
    height: 17px;
    display: block;
}

div.pageTop .num, div.pageTop form, div.pageTop .titleBox {
    float: left;
    width: 35%;
    color: #9a9a9a;
    text-align: center;
}

div.pageTop.filter .num {
    width: 37.5%;
}

div.pageTop form {
    position: relative;
}

div.pageTop.pagination {
    padding: 13px 0 0;
    border-top: 1px solid #e5e5e5;
    background: 0;
}

    div.pageTop.pagination form {
        float: none;
        text-align: left;
    }

div.pageTop .titleBox {
    width: 100%;
    margin-top: 2px;
    text-align: center;
    font-size: .8em;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    position: relative;
}

    div.pageTop .titleBox.padding {
        padding: 13px 0;
    }

div.pageTop a.colorFilter {
    color: #9a9a9a;
    text-align: center;
}

div.pageTop .icon {
    position: absolute;
    top: 45%;
    margin-left: 10px;
}

.msie div.pageTop .icon {
    top: 40%;
}

div.pageTop.pagination p:first-child {
    height: 30px;
}

div.pageTop.pagination form span:last-child {
    right: -10px;
}

div.pageTop.filter p:first-child {
    line-height: 30px;
    font-size: .8em;
}

div.pageTop form p, div.pageBottom form p {
    position: relative;
    width: 100%;
    height: 30px;
    text-align: center;
}

div.pageBottom.border-top {
    border-top: 1px solid #e5e5e5;
}

div.pageBottom a.previous, div.pageBottom a.next, div.pageTop.pagination a.previous, div.pageTop.pagination a.next {
    position: absolute;
    width: 16px;
    height: 25px;
    color: #9a9a9a;
    text-align: center;
    top: 10px;
}

div.pageBottom a.previous, div.pageBottom a.next {
    top: 18px;
}

div.pageBottom a.previous, div.pageTop.pagination a.previous {
    left: 5%;
}

div.pageBottom a.next, div.pageTop.pagination a.next {
    right: 5%;
}

div.pageBottom form span:last-child {
    right: -10px;
}

div.pageBottom form, div.pageTop.pagination form {
    position: relative;
    width: 46%;
    margin: 0 auto;
}

    div.pageBottom form span.jSelect, div.pageTop.pagination form span.jSelect {
        width: 46%;
    }

    div.pageBottom form p span.jSelect span.jWorder, div.pageTop.pagination form p span.jSelect span.jWorder {
        width: 70%;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 1em;
        position: static;
    }

    div.pageBottom form label, div.pageBottom form span, div.pageTop.pagination form label, div.pageTop.pagination form span {
        width: 35%;
        font-size: .8em;
        color: #4b4b4b;
        font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

    div.pageTop.pagination form label, div.pageBottom form label {
        left: 0;
        padding-top: 6%;
    }

ul.underNav li a {
    min-width: 93%;
    background: 0;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: .8em!important;
    color: #000!important;
}

    ul.underNav li a i.arrow_right {
        position: relative;
        margin: 0 5px 0 -4px;
        top: 4px;
    }

    ul.underNav li a i.min-arrow_right {
        margin: 0 5px 3px 1px;
        top: 1px;
        position: relative;
    }

.msie ul.underNav li a i.min-arrow_right {
    top: 3px;
}

ul.underNav li a.blank {
    background: url(../img/sprites/blankPage.png) center right no-repeat;
    background-position-y: 19px;
}

ul.extraNav {
    list-style-type: none;
}

    ul.extraNav li {
        float: left;
        width: 48%;
        margin: 1%;
    }

        ul.extraNav li a {
            font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
            color: #FFF;
            background: #3a3b3c;
            text-transform: uppercase;
            font-size: .9em;
            text-decoration: none;
            text-align: center;
            width: 96%;
            padding: 10px 0;
            margin: 2%;
            display: block;
        }

div.breadcrumb {
    display: block;
    width: 100%;
    margin-top: 5px;
}

.breadcrumb a {
    display: block;
    color: #9a9a9a;
    width: 90%;
    margin: 5px 5% 5px 5%;
    padding: 10px 0 5px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e5e5;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: .8em;
    line-height: 16px;
}

.msie .breadcrumb a {
    padding-left: 5%;
    width: 85%;
    position: relative;
}

.breadcrumb.storeLoc a {
    border-bottom: 0;
}

.breadcrumb a.noBorder {
    border: 0;
}

div h2 {
    display: block;
    font-size: 1.3em;
    color: #3a3a3a;
    width: 80%;
    margin: 10px 10% 10px 5%;
    text-transform: uppercase;
    text-align: left;
}

.popin h2 {
    margin: 0;
}

div.breadcrumb h3 {
    display: block;
    font-size: .8em;
    color: #9a9a9a;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    width: 80%;
    margin: -8px 5% 10px;
    text-transform: uppercase;
}

a.fullButton {
    display: block;
    padding: 10px 0;
    color: #fff;
    font-size: .9em;
    background: #363738;
    text-align: center;
    text-transform: uppercase;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    position: relative;
}

    a.fullButton.white {
        padding: 15px 0;
        color: #000;
        background: #FFF;
    }

    a.fullButton i.icon {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    a.fullButton.white i.icon {
        top: 20px;
        right: 9.5%;
    }

    a.fullButton i.icon.left {
        position: absolute;
        right: auto;
        left: 10px;
        top: 10px;
    }

div.pageBottom, div.pageTop {
    padding: 13px 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    div.pageTop.lessPadding {
        padding: 0;
    }

div.pageBottom {
    padding: 13px 0 0;
}

div.pageTop.filter {
    height: 45px;
    padding: 13px 0 0;
    background: #e6e6e6;
}

div.pageTop a {
    width: 100%;
    height: 17px;
    display: block;
}

div.pageTop .num, div.pageTop form, div.pageTop .titleBox {
    float: left;
    width: 35%;
    color: #9a9a9a;
    text-align: center;
}

div.pageTop.filter .num {
    width: 37.5%;
}

div.pageTop form {
    position: relative;
}

div.pageTop.pagination {
    padding: 13px 0 0;
    border-top: 1px solid #e5e5e5;
    background: 0;
}

    div.pageTop.pagination form {
        float: none;
        text-align: left;
    }

div.pageTop .titleBox {
    width: 100%;
    margin-top: 2px;
    text-align: center;
    font-size: .8em;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    position: relative;
}

    div.pageTop .titleBox.padding {
        padding: 13px 0;
    }

div.pageTop a.colorFilter {
    color: #9a9a9a;
    text-align: center;
}

div.pageTop .icon {
    position: absolute;
    top: 45%;
    margin-left: 10px;
}

div.pageTop.pagination p:first-child {
    height: 30px;
}

div.pageTop.pagination form span:last-child {
    right: -10px;
}

div.pageTop.filter p:first-child {
    line-height: 30px;
    font-size: .8em;
}

div.pageTop form p, div.pageBottom form p {
    position: relative;
    width: 100%;
    height: 30px;
    text-align: center;
}


div.pageBottom a.previous, div.pageBottom a.next, div.pageTop.pagination a.previous, div.pageTop.pagination a.next {
    position: absolute;
    width: 16px;
    height: 25px;
    color: #9a9a9a;
    text-align: center;
    top: 10px;
}

div.pageBottom a.previous, div.pageBottom a.next {
    top: 18px;
}

div.pageBottom a.previous, div.pageTop.pagination a.previous {
    left: 5%;
}

div.pageBottom a.next, div.pageTop.pagination a.next {
    right: 5%;
}

div.pageBottom form span:last-child {
    right: -10px;
}

div.pageBottom form, div.pageTop.pagination form {
    position: relative;
    width: 46%;
    margin: 0 auto;
}

    div.pageBottom form span.jSelect, div.pageTop.pagination form span.jSelect {
        width: 46%;
    }

    div.pageBottom form p span.jSelect span.jWorder, div.pageTop.pagination form p span.jSelect span.jWorder {
        width: 70%;
        padding-left: 10px;
        font-size: 1em;
        position: static;
    }

    div.pageBottom form label, div.pageBottom form span, div.pageTop.pagination form label, div.pageTop.pagination form span {
        width: 35%;
        font-size: .8em;
        color: #4b4b4b;
        font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

    div.pageTop.pagination form label, div.pageBottom form label {
        left: 0;
        padding-top: 6%;
    }

#footShare {
    padding: 5px 10px;
}

    #footShare .leftFoot {
        float: left;
    }

    #footShare .rightFoot {
        float: right;
    }

        #footShare .leftFoot a, #footShare .rightFoot a {
            display: block;
            background: transparent;
            padding: 0;
            margin: 5px 8px;
            float: left;
            width: auto;
        }

    #footShare .footIcon {
        background-image: url(../img/sprites/footIcon.jpg);
        background-repeat: no-repeat;
        width: 23px;
        height: 23px;
        cursor: pointer;
        display: block;
        text-indent: -9999px;
    }

.footIcon.twitter {
    background-position: -258px 0;
}

.footIcon.google, .footIcon.googlePlus, .footIcon.google_plusone_share, .footIcon.google-plusone-share {
    background-position: -222px 0;
    width: 18px;
}

.footIcon.tumblr {
    background-position: -101px 0;
    width: 18px;
}

.footIcon.facebook {
    background-position: -143px 0;
    width: 18px;
}

.footIcon.pinterest {
    background-position: -175px 0;
}

.footIcon.mail {
    background-position: -287px 0;
}

.footIcon.kaixin {
    background-position: -57px 0;
}

.footIcon.sinaweibo {
    background-position: -13px 0;
}

#footShare .footIcon.fontSizing {
    background-position: -309px 0;
    width: 41px;
}

a.closePopin.icon.close {
    position: absolute;
    right: 0;
    z-index: 9999;
    width: 16px;
    height: 16px;
    padding: 17px;
    background: url(../img/sprites/close_popin.png) no-repeat;
    background-size: 100%;
    background: #fff;
}

form.only {
    padding: 0 5% 10px;
    border-top: 1px solid #e5e5e5;
}

    form.only.noBorder {
        border: 0;
    }

form.password h3 {
    margin: 25px 0 20px;
    padding: 0 0 5px;
}

form.selection {
    border-top: 0;
}

form h3 {
    margin: 25px 0 15px;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-family: "Century Gothic","Futura",sans-serif;
    font-size: .9em;
    border-bottom: 1px solid #dadada;
    color: #000;
}

    form h3 span {
        color: #9a9a9a;
        font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    }

form p, form p.small, form p.minSelect {
    width: 100%;
    margin: 0 0 15px;
    display: block;
    line-height: 20px;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: .8em;
    color: #9a9a9a;
    overflow: hidden;
}

form p {
    position: relative;
}

    form p.small, form p.minSelect {
        width: 65%;
        position: relative;
        float: left;
    }

    form p.minSelect {
        width: 33%;
    }

    form p strong {
        color: #3f3f3f;
    }

        form p strong i {
            font-style: italic;
        }

form.selection p, form.selection p:nth-last-child(2) {
    margin-bottom: 0;
    border-bottom: 1px solid #dadada;
}

    form.selection p:first-child {
        border-top: 1px solid #dadada;
    }

    form.selection p:last-child {
        margin: 20px 0;
    }

form.selection .checkBoxBlock p:last-child {
    margin: 0;
}

.usShipping {
    overflow: hidden;
}

    .usShipping p {
        width: 20%;
        float: right;
        text-align: right;
        color: #000;
    }

        .usShipping p.checkBox {
            width: 80%;
            float: left;
            text-align: left;
            margin-bottom: 10px;
        }

        .usShipping p small {
            color: #000;
        }

form {
    text-transform: none;
}

    form p.required-text {
        font-size: .6em;
        color: #9e9c9f;
    }

    form.selection p.productInfo {
        margin: 0 0 10px;
        padding: 10px 0;
        overflow: hidden;
        border-top: 1px solid #dadada;
        border-bottom: 1px solid #dadada;
    }

        form.selection p.productInfo span {
            display: block;
            float: left;
            text-transform: uppercase;
            color: #999897;
        }

            form.selection p.productInfo span:first-child {
                width: 85%;
            }

            form.selection p.productInfo span:last-child {
                width: 15%;
                color: #000;
                float: right;
                text-align: right;
            }

    form p label {
        width: 33.5%;
        padding-top: 2%;
        display: block;
        float: left;
        line-height: 1;
        font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
        color: #8e8e8e;
    }

    form p.small label {
        width: 51%;
    }

ul.nav li a, ul.underNav li a, ul.nav li span.none, ul.undernav li span.none {
    color: #727272;
    font-size: 1.1em;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
}

ul.nav li, ul.undernav li {
    padding: 17px 25px 15px 25px;
}

#wrapper > ul.nav > li:not(.intro) {
    background-image: url(../img/sprites/arrow-nav.png);
}

span.jSelect {
    position: relative;
    width: 100%;
    margin: 2% 0;
    float: left;
}

form span.jSelect {
    margin: 0;
}

span.jSelect em {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    height: 30px;
    width: 5px;
    background: url(../img/sprites/select.png) -495px -30px no-repeat;
    z-index: 1;
}

p.selectG span.jSelect em {
    background: url(../img/sprites/selectG.png) -495px -30px no-repeat;
}

span.jSelect span.jWorder {
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
    padding: 0 5%;
    background: url(../img/sprites/select.png) top right no-repeat;
    line-height: 30px;
    font-size: 1em;
    color: #717171;
    cursor: pointer;
    text-align: left;
}

a.button {
    display: inline-block;
    width: 40%;
    text-align: left;
    border-radius: 2px;
    line-height: 15px;
    padding: 2% 7% 2% 2%;
}

    a.button.active {
        border: 1px solid #d5d5d5;
        color: #000;
        background: #efefef url(../img/sprites/button-checker.gif) no-repeat center right;
    }

    a.button.inactive {
        background: transparent;
        border: 1px solid #FFF;
        color: #999;
    }

.call-wrapper {
    width: 100%;
}

    .call-wrapper p {
        width: 50%;
        text-align: left;
        text-transform: uppercase;
        font-size: .75em;
        color: #a6a6a6;
        padding: 11px 0;
    }

    .call-wrapper a {
        width: 35%;
        display: inline-block;
        border: 1px solid #ededed;
        background-color: #f8f8f8;
        font-size: .75em;
        color: #9c9c9c;
        background-image: url(../img/background/call-back.png);
        background-position: left center;
        background-repeat: no-repeat;
        padding: 13px 0 11px 13%;
        line-height: 10px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .call-wrapper a {
        background-image: url(../img/background/call-back@2x.png);
        background-size: 39px 30px;
    }
}

ul.selectFilter li {
    position: relative;
    border-bottom: 1px solid #d9d9d9;
}

    ul.selectFilter li:first-child {
        border-top: 1px solid #d9d9d9;
    }

    ul.selectFilter li:last-child {
        border-bottom: 0;
    }

    ul.selectFilter li a {
        padding: 4% 8% 4% 5%;
        display: block;
        width: 100%;
        font-size: 14px;
        -webkit-text-size-adjust: 100%;
        font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
        color: #4b4b4b;
    }

        ul.selectFilter li a i.icon.close {
            margin: 0;
            right: 9%;
            top: 14px;
        }

.cell-grid {
    width: 100%;
    float: left;
}

.cell-wrapper {
    width: 100%;
    padding: 4% 0;
    display: table;
    border-top: 1px solid #e0e0e0;
}

    .cell-wrapper p {
        width: 33%;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

.half .cell-wrapper p {
    width: 46%;
}

.half .cell-wrapper a {
    display: block;
}

    .half .cell-wrapper a.text {
        margin-top: 6%;
    }

.cell-wrapper strong, .cell-wrapper em, .cell-wrapper span {
    display: block;
    text-align: left;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.half .cell-wrapper strong, .half .cell-wrapper em {
    text-align: center;
}

.cell-wrapper strong {
    margin-bottom: 1.5%;
    text-transform: uppercase;
    font-size: 1.1em;
    font-family: "Century Gothic","Futura",sans-serif;
    font-weight: bold;
    color: #000;
}

.cell-wrapper em {
    margin-bottom: 7%;
    font-size: .8em;
    color: #999897;
}

.cell-wrapper span {
    line-height: 1.4;
    font-size: .9em;
    color: #9a9a9a;
}

.awarded .cell-wrapper p:first-child, .awarded .cell-wrapper p:last-child {
    width: 30%;
}

.awarded .cell-wrapper p.colText {
    width: 40%;
}

ul.grid-two {
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
}

    ul.grid-two li {
        width: 45%;
        display: block;
        float: left;
        vertical-align: top;
        padding: 4% 0 4% 3.3%;
    }

        ul.grid-two li a {
            display: block;
            position: relative;
        }

            ul.grid-two li a .loadingImg {
                height: 87%;
            }

            ul.grid-two li a.videoEvent .loadingImg {
                height: 100%;
            }

        ul.grid-two li img {
            width: 100%;
        }

        ul.grid-two li span {
            color: black;
            text-align: center;
            display: block;
            text-transform: uppercase;
            font-size: .7em;
            height: auto;
            margin-top: 5px;
        }

div h2.damier {
    font-size: 1.1em;
    line-height: 1.1em;
}

ul.damier {
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
}

    ul.damier li {
        width: 100%;
        float: left;
    }

        ul.damier li a {
            display: block;
            overflow: hidden;
        }

    ul.damier.storeLoc li {
        border-bottom: 1px solid #e5e5e5;
    }

    ul.damier li div {
        width: 50%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        overflow: hidden;
        position: relative;
    }

        ul.damier li div.loadingImg {
            position: absolute;
        }

    ul.damier.storeLoc li > div {
        padding: 6% 0;
    }

    ul.damier.storeLoc li div:first-child {
        border-right: 1px solid #e5e5e5;
    }

    ul.damier.storeLoc li a.storeName {
        margin-top: 0;
        line-height: 1;
        font-size: 1em;
        font-family: "Century Gothic","Futura",sans-serif;
    }

    ul.damier li div img {
        width: 100%;
        float: left;
    }

        ul.damier li div img.logo {
            width: auto;
            text-align: center;
            float: none;
        }

    ul.damier li div a span.share {
        display: block;
    }

    ul.damier li div strong, ul.damier li div small {
        margin-bottom: 5px;
        padding: 0 5%;
        display: inline-block;
        width: 90%;
    }

    ul.damier li div strong {
        font-size: 1.1em;
        text-transform: uppercase;
        color: #000;
    }

    ul.damier li div small {
        font-size: .8em;
        font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
        color: #b3b2b2;
    }

    ul.damier.storeLoc li div small {
        font-size: .7em;
        text-transform: none;
    }

    ul.damier li div hr {
        width: 6%;
        height: 1px;
        margin: 5px auto 0;
        border: 0;
        background-color: #ccc;
    }

    ul.damier li div p, ul.damier li div a {
        margin-top: 7%;
        font-size: .6em;
        line-height: 1.3;
        text-transform: uppercase;
        text-decoration: underline;
        font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
        color: #595959;
        display: block;
    }

        ul.damier li div a span.facebook {
            display: block;
            margin-top: 3px;
        }

/*主页*/
.home-page {
    position: relative;
    z-index: 1;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}

    .home-page.loading {
        display: none;
    }

    .home-page #actuCont {
        width: 100%;
        padding: 0 0.5rem;
        margin-bottom: 0.5rem;
        margin-top: 0.25rem;
    }

    .home-page .actus {
        width: 100%;
        display: block;
        text-align: center;
        cursor: pointer;
    }

        .home-page .actus a {
            display: block;
            padding: 0.25rem 0;
            border: 2px solid #dad8d9;
            font-size: 0.24rem;
            text-align: center;
            text-indent: 0;
            color: #363739;
        }

    .home-page #content {
        width: 100%;
        margin: auto;
        border-top: 0;
    }

    .home-page .slider {
        width: 100%;
        overflow: hidden;
        padding: 0;
        margin: 0;
        -webkit-overflow-scrolling: touch;
    }

    .home-page .bx-viewport {
        overflow: hidden;
        width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    .home-page #slider-prev, .home-page #slider-next {
        display: block;
        position: absolute;
        float: left;
        left: 15px;
        z-index: 9;
        color: transparent;
        background-image: url(../img/spritesheet.png);
        background-position: -320px -100px;
        width: 12px;
        height: 19px;
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .home-page #slider-prev, .home-page #slider-next {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.home-page #slider-next {
    left: auto;
    right: 15px;
    background-image: url(../img/spritesheet.png);
    background-position: -320px -135px;
    width: 12px;
    height: 19px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .home-page #slider-next {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.home-page #slider-prev a, .home-page #slider-next a {
    height: 19px;
    width: 12px;
    display: block;
    font-size: 100%;
    color: transparent;
}

.home-page .bx-wrapper {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 0 0 0;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
}

    .home-page .bx-wrapper .bx-viewport {
        overflow: hidden;
    }

    .home-page .bx-wrapper h1 {
        margin: 30px 0 0 0;
        text-align: center;
        font-size: 32px;
        color: #6e6e6e;
        text-transform: uppercase;
    }

@media screen and (max-width:430px) {
    .home-page .bx-wrapper h1 {
        font-size: 28px;
    }
}

@media screen and (max-width:380px) {
    .home-page .bx-wrapper h1 {
        font-size: 24px;
    }
}

.home-page .bx-wrapper a > span {
    float: right;
    margin: 0px auto 0 auto;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    color: #6e6e6e;
    border-bottom: 1px solid #6e6e6e;
    font-family: 'Segoe UI';
}

.home-page .bx-wrapper li > a > span.zhcn {
    font-family: 'Microsoft JhengHei';
    font-size: 17.43px;
}

@media screen and (max-width:450px) {
    .home-page .bx-wrapper li > a > span {
        font-size: 17.43px;
        margin-top: 0px;
    }
}

.home-page .bx-wrapper li {
    text-align: center;
}

.home-page .bx-wrapper img {
    width: 100%;
    overflow: hidden;
}

.home-page .bx-wrapper a {
    display: inline-block;
    padding-top: 10px;
    position: relative;
}

    .home-page .bx-wrapper a img {
        width: 3.82rem;
    }

@media screen and (max-width:430px) {
    .home-page .bx-wrapper a img {
        width: 300px;
    }
}

.home-page .bx-wrapper .bx-controls {
    width: 100%;
    bottom: 120px;
    /*top: 0px;*/
}

.home-page .bx-wrapper .bx-pager {
    width: auto;
    max-width: 200px;
    /*display: block;*/
    margin: auto;
    text-align: center;
}

.home-page .bx-wrapper .bx-pager-item {
    display: inline-block;
    position: relative;
    /*top: -160px;*/
}

@media screen and (max-width:430px) {
    .home-page .bx-wrapper .bx-pager-item {
        /*top: -140px;*/
    }
}

.home-page .bx-wrapper .bx-pager a {
    padding: 5px;
    margin: 0 5px;
    background: #fff;
    color: transparent;
    font-size: 1px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border: 1px solid #000;
}

    .home-page .bx-wrapper .bx-pager a.active {
        background: #000;
    }

.home-page ul#accordion {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 5px;
    /*font-size: 14px;*/
    font-size: 0.24rem;
    text-transform: uppercase;
    font-family: 'Microsoft JhengHei',"Century Gothic","Futura",sans-serif;
}

    .home-page ul#accordion li {
        position: relative;
        width: 100%;
        border-top: 1px solid #f1f1f1;
        background: #fff;
    }

        .home-page ul#accordion li a {
            position: relative;
            color: #000;
            padding-left: 35px;
        }

        .home-page ul#accordion li.eco a:before {
            content: "";
            position: absolute;
            left: 10px;
            top: 50%;
            -webkit-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            -o-transform: translate(0,-50%);
            transform: translate(0,-50%);
            background-image: url(../img/spritesheet.png);
            background-position: -200px -178px;
            width: 16px;
            height: 24px;
        }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .home-page ul#accordion li.eco a:before {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.home-page ul#accordion li:last-of-type {
    border-bottom: 1px solid #f1f1f1;
}

.home-page ul#accordion li.grey a {
    color: #8e8e8e;
}

.home-page ul#accordion li > ul > li a {
    color: #8e8e8e;
}

.home-page ul#accordion .unfolds:after, .home-page ul#accordion .static-with-arrow:after {
    content: "";
    display: block;
    position: absolute;
    right: 30px;
    top: 27.5px;
    z-index: 10;
    background-image: url(../img/spritesheet.png);
    background-position: -324px -235px;
    width: 7px;
    height: 11px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .home-page ul#accordion .unfolds:after, .home-page ul#accordion .static-with-arrow:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.home-page ul#accordion .unfolds.active {
    border-bottom: 0;
}

    .home-page ul#accordion .unfolds.active:after {
        content: "";
        height: 11px;
        width: 10px;
        display: block;
        position: absolute;
        right: 30px;
        top: 27.5px;
        z-index: 2;
        background-image: url(../img/spritesheet.png);
        background-position: -111px -244px;
        width: 11px;
        height: 7px;
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .home-page ul#accordion .unfolds.active:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.home-page ul#accordion li > ul > li > ul > li {
    background: #fff;
}

    .home-page ul#accordion li > ul > li > ul > li.unfolds > ul {
        padding-left: 20px;
    }

.home-page ul#accordion a {
    min-height: 1px;
    max-height: 65px;
    display: block;
    overflow: hidden;
    line-height: 65px;
    vertical-align: middle;
    cursor: pointer;
}

.home-page ul#accordion li.lastlevel {
    border: 0;
}

    .home-page ul#accordion li.lastlevel:first-of-type {
        border-top: 1px solid #f1f1f1;
    }

    .home-page ul#accordion li.lastlevel a {
        line-height: normal;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.home-page ul#accordion li > ul {
    display: none;
    margin: 0;
    padding: 0;
}

.home-page ul#accordion li.flat-list {
    background: #fff;
    padding-bottom: 0;
}

    .home-page ul#accordion li.flat-list > ul {
        display: block;
    }

        .home-page ul#accordion li.flat-list > ul li {
            border: 0;
        }

.home-page ul#accordion .avantages {
    width: 100%;
    margin: 0 0 -1px 0;
    padding: 0;
    font-size: 14px;
    text-indent: 0;
    text-align: center;
    background: #000;
    border-top: 1px solid #d9d9d9;
    color: #fff;
    text-transform: uppercase;
}

    .home-page ul#accordion .avantages.active {
        padding: 0 0 10px 0;
    }

    .home-page ul#accordion .avantages li, .home-page ul#accordion .avantages li.lastlevel:first-of-type {
        border: 0;
    }

    .home-page ul#accordion .avantages > a {
        height: 40.5px;
        line-height: 40.5px;
        color: #fff;
        text-align: left;
    }

    .home-page ul#accordion .avantages ul a {
        font-size: 12px;
        padding: 10px 0;
    }

    .home-page ul#accordion .avantages:after {
        top: 13.75px;
    }

    .home-page ul#accordion .avantages.active:after {
        top: 16.75px;
    }

    .home-page ul#accordion .avantages.three table td, .home-page ul#accordion .avantages.three table th {
        width: 33.33%;
        height: 40px;
        border-top: 0;
        border-bottom: 0;
        text-align: left;
        padding: 0 12px;
        border-right: 1px solid #363739;
    }

        .home-page ul#accordion .avantages.three table td a, .home-page ul#accordion .avantages.three table th a {
            line-height: 1;
        }

    .home-page ul#accordion .avantages table {
        width: 100%;
        border-collapse: collapse;
        background: #000;
    }

        .home-page ul#accordion .avantages table td, .home-page ul#accordion .avantages table th {
            border: 0;
            height: 47.5px;
            padding: 5px;
            vertical-align: middle;
        }

            .home-page ul#accordion .avantages table td a, .home-page ul#accordion .avantages table th a {
                text-transform: none;
                text-indent: 0;
                vertical-align: middle;
                color: #fff;
                text-align: left;
                padding-left: 10px;
            }

        .home-page ul#accordion .avantages table tr td:first-child, .home-page ul#accordion .avantages table tr th:first-child {
            border-left: 0;
        }

            .home-page ul#accordion .avantages table tr td:first-child a, .home-page ul#accordion .avantages table tr th:first-child a {
                border-right: 1px solid #363739;
            }

        .home-page ul#accordion .avantages table tr td:last-child, .home-page ul#accordion .avantages table tr th:last-child {
            border-right: 0;
        }

    .home-page ul#accordion .avantages.three table tr th:first-child a {
        border-right: 0;
    }

.home-page ul#accordion .table-center {
    position: relative;
}

.home-page ul#accordion .has-icon > a {
    position: relative;
    border-top: 0;
}

    .home-page ul#accordion .has-icon > a .table-center > span {
        padding-left: 20px;
        padding-right: 15px;
        text-transform: none;
    }

    .home-page ul#accordion .has-icon > a .table-center:after {
        content: "";
        position: absolute;
        display: block;
        z-index: 2;
        left: -7px;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

.home-page ul#accordion > .has-icon > a .table-center > span {
    text-transform: uppercase;
}

.home-page ul#accordion > .has-icon > a .table-center:after {
    padding-top: 3px;
    width: 18px;
    height: 19px;
}

.home-page ul#accordion .home > a .table-center > span {
    padding-left: 50px;
}

.home-page ul#accordion .home > a .table-center:after {
    background-image: url(../img/spritesheet.png);
    background-position: -220px -200px;
    width: 19px;
    height: 18px;
    left: 20px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .home-page ul#accordion .home > a .table-center:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.home-page ul#accordion .eco > a .table-center:after {
    background-image: url(../img/spritesheet.png);
    background-position: -239px -218px;
    width: 16px;
    height: 24px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .home-page ul#accordion .eco > a .table-center:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.home-page ul#accordion .eco.active > a .table-center:after {
    display: none;
}

.home-page ul#accordion .link > a .table-center:after {
    background-image: url(../img/spritesheet.png);
    background-position: -160px -161px;
    width: 17px;
    height: 17px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .home-page ul#accordion .link > a .table-center:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.home-page ul#accordion .question > a .table-center:after {
    background-image: url(../img/spritesheet.png);
    background-position: -272px -258px;
    width: 17px;
    height: 17px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .home-page ul#accordion .question > a .table-center:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.home-page ul#accordion .play > a .table-center:after {
    background-image: url(../img/spritesheet.png);
    background-position: -255px -258px;
    width: 17px;
    height: 17px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .home-page ul#accordion .play > a .table-center:after {
        background-image: url(../img/spritesheet@2x.png);
        background-size: 332px 296px;
    }
}

.home-page .container {
    margin-top: 20px;
}

    .home-page .container .row > div {
        padding: 0 10px;
    }

        .home-page .container .row > div:nth-of-type(odd) {
            padding-right: 5px;
        }

        .home-page .container .row > div:nth-of-type(even) {
            padding-left: 5px;
        }

    .home-page .container .row img {
        width: 100%;
        height: auto;
    }

.home-page ul.thumbs {
    width: 100%;
    margin: auto;
    margin-bottom: 5px;
    overflow: hidden;
    text-transform: uppercase;
    text-align: center;
    margin-top: 15px;
}

    .home-page ul.thumbs .windows-only {
        display: none;
    }

    .home-page ul.thumbs li {
        width: 50%;
        float: left;
        display: inline-block;
        cursor: pointer;
        text-align: center;
        margin: 5px 0 5px 0;
        padding: 0 12px;
        background-color: #fcfcfc;
        position: relative;
    }

        .home-page ul.thumbs li:nth-of-type(odd) {
            padding-right: 6px;
        }

        .home-page ul.thumbs li:nth-of-type(even) {
            padding-left: 6px;
        }

        .home-page .container .row img + div,
        .home-page ul.thumbs li div {
            position: relative;
            width: 100%;
            margin: auto;
            color: #363739;
            margin-top: 5px;
            margin-bottom: 0.4rem;
            text-align: center;
        }

            .home-page .container .row div h1,
            .home-page ul.thumbs li div h1 {
                font: normal 0.23rem 'LibreSansSerifLightLt';
                color: #646464;
                margin: 0;
                margin-bottom: 0.1rem;
                text-transform: uppercase;
            }

            .home-page .container .row div span,
            .home-page ul.thumbs li div span {
                display: block;
                font: normal 0.15rem 'Microsoft JhengHei';
                color: #8c8c8c;
            }

.home-page .container .row > div {
    position: relative;
}

.home-page .container .row img ~ span,
.home-page ul.thumbs li > span {
    position: absolute;
    width: 55px;
    height: 55px;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -72px;
    border-radius: 100%;
    background: rgba(106,105,104,0.5);
}

    .home-page .container .row img ~ span:after,
    .home-page ul.thumbs li > span:after {
        content: "";
        text-indent: -100px;
        overflow: hidden;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -6px;
        margin-left: -4px;
    }

    .home-page .container .row img ~ span:after,
    .home-page ul.thumbs li > span:after {
        display: inline-block;
        zoom: 1;
        width: 8px;
        height: 11px;
        overflow: hidden;
        background-image: url(../img/sprite-mmm.png);
        background-repeat: no-repeat;
        background-position: -95px -69px;
    }

@media screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .home-page .container .row img ~ span:after,
    .home-page ul.thumbs li > span:after {
        background-image: url(../img/sprite-mmm@2x.png);
        background-size: 128px;
    }
}

.home-page .container .row .playbutton + video,
.home-page ul.thumbs li > video {
    position: absolute;
    width: 0;
    height: 0;
}

.home-page ul.thumbs li span b {
    max-width: 150px;
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
}

.home-page ul.thumbs li img {
    width: 100%;
    height: auto;
}



/*ceo致辞*/
.speech-page {
    /*background-color: #1b1919;*/
    /*padding-left: 0.51rem;*/
    /*padding-top: 1.4rem;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*margin-bottom: 0.3rem;*/
}

    .speech-page #content p.english {
        font-family: 'TwCenMTCondensed';
        font-weight: normal;
        font-size: 0.24rem;
        color: #fff;
        margin-top: 0.5rem;
        letter-spacing: 2px;
    }

        .speech-page #content p.english span {
            font-size: 0.28rem;
            letter-spacing: 5px;
        }

        .speech-page #content p.english i {
            color: #646464;
        }

    .speech-page #content div.jieshao {
        font-family: 'Microsoft JhengHei';
        font-size: 0.18rem;
        color: #fff;
        margin-top: 0.6rem;
        line-height: 1.6;
    }

        .speech-page #content div.jieshao div {
            padding-right: 2.2rem;
        }

@media only screen and (min-width:360px ) and (max-width:419px ) {
    .speech-page #content div.jieshao div {
        padding-right: 1.3rem;
    }

    .speech-page #content p.english {
        letter-spacing: 1px;
    }
}

@media only screen and (max-width:359px ) {
    .speech-page #content div.jieshao div {
        padding-right: 0.8rem;
    }

    .speech-page #content p.english {
        letter-spacing: 1px;
    }
}

.speech-page #content div.jieshao span {
    font-family: 'calibri';
    font-size: 0.19rem;
    text-transform: uppercase;
}

.speech-page #content div.jieshao p {
    text-align: right;
    margin-top: -0.2rem;
    padding-right: 0.3rem;
}

.speech-page #content div.jieshao img {
    width: 5.17rem;
}

.speech-page #content p.zh {
    font-family: 'Microsoft JhengHei';
    font-size: 0.18rem;
    color: #fff;
    margin-top: 0.3rem;
    margin-bottom: 1rem;
    padding-right: 2.2rem;
    line-height: 1.6;
}

@media only screen and (min-width:360px ) and (max-width:419px ) {
    .speech-page #content p.zh {
        padding-right: 1.3rem;
    }
}

@media only screen and (max-width:359px ) {
    .speech-page #content p.zh {
        padding-right: 0.8rem;
    }
}

.speech-page #content .qianmin {
    font-family: 'Microsoft JhengHei';
    font-size: 0.187rem;
    font-weight: bold;
    padding-right: 2.2rem;
    padding-bottom: 0.8rem;
    text-align: right;
}

@media only screen and (min-width:360px ) and (max-width:419px ) {
    .speech-page #content .qianmin {
        padding-right: 1.3rem;
    }
}

@media only screen and (max-width:359px ) {
    .speech-page #content .qianmin {
        padding-right: 0.8rem;
    }
}

.speech-page #content .qianmin span {
    font-family: 'segoeui';
    font-weight: normal;
    font-size: 0.187rem;
    text-transform: none;
}

.speech-page #content .qianmin .sign1 {
    width: 2.3rem;
}

.speech-page #content .qianmin .sign2 {
    width: 2.36rem;
}

/*品牌页面*/
.brand-page {
    padding: 0 5%;
    padding-top: 70px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .brand-page .brand1 {
        float: right;
        width: 100%;
        margin-bottom: 60px;
    }

        .brand-page .brand1:after {
            clear: both;
            content: '';
        }

        .brand-page .brand1 > div img {
            width: 300px;
        }

        .brand-page .brand1 p > img,
        .brand-page .brand2 p > img {
            width: 100px;
        }

        .brand-page .brand1 p {
            font-family: 'Microsoft JhengHei';
            font-size: 15px;
            font-weight: normal;
            color: #646464;
            margin-top: 10px;
            margin-bottom: 50px;
            line-height: 1.5;
            padding-left: 40px;
            padding-right: 15px;
        }

            .brand-page .brand1 p span {
                font-family: 'AgencyFB';
            }

        .brand-page .brand1 div {
            font-family: 'Microsoft JhengHei';
            font-size: 18px;
            color: #000;
            font-weight: normal;
            line-height: 1.5;
            padding-left: 40px;
        }

            .brand-page .brand1 div span {
                font-family: 'AgencyFB';
            }

    .brand-page .brand2 > div img {
        width: 226px;
    }

    .brand-page .brand2 p {
        font-family: 'Microsoft JhengHei';
        font-size: 15px;
        font-weight: normal;
        color: #646464;
        margin-top: 50px;
        margin-bottom: 20px;
        line-height: 1.5;
        padding-right: 20px;
    }

        .brand-page .brand2 p span {
            font-family: 'AgencyFB';
        }

/****************** 绿色工厂 **************************/
.factory-page #content {
    background-color: #f5f5f5;
}

    .factory-page #content > div > img,
    .speech-page #content > div > img,
    .patent-page #content > div > img,
    .history-page #content > div > img {
        width: 100%;
        display: block;
    }

    .factory-page #content > span {
        display: block;
    }

    .factory-page #content span.title {
        display: block;
        font: normal 0.18rem 'TwCenMTCondensed';
        color: #6e6e6e;
        padding-left: 0.51rem;
        word-spacing: 4px;
        width: 90%;
        padding-bottom: 4px;
        border-bottom: 1px solid #777777;
    }

    .factory-page #content > div.desc {
        padding-top: 0.40rem;
        background-color: #f5f5f5;
        margin-bottom: 0.3rem;
    }

        .factory-page #content > div.desc p img,
        .patent-page #content > div.desc p img,
        .speech-page #content > div.desc p img,
        .history-page #content > div.desc p img {
            width: 100%;
            height: auto;
            display: block;
        }

/****************** 发展历程 **************************/
.history-page #content {
    background-color: #f5f5f5;
}

/****************** 技术专利 **************************/
.patent-page #content > div.desc {
    margin-bottom: 0.5rem;
}

    .patent-page #content > div.desc.table {
        margin-bottom: 0px;
    }

    .patent-page #content > div.desc .container .row {
        margin-bottom: 10px;
        margin-left: -11px;
    }

        .patent-page #content > div.desc .container .row > div {
            padding-left: 0;
            padding-right: 4px;
        }

            .patent-page #content > div.desc .container .row > div img {
                width: 100%;
                height: auto;
            }

            .patent-page #content > div.desc .container .row > div h3 {
                font-family: 'Microsoft JhengHei';
                font-size: 0.17rem;
                color: #646464;
                margin-top: 6px;
                text-align: center;
            }


/****************** 预约展厅 **************************/
.patent-page #content > .biaoge {
    background-color: #ff3800;
    padding: 40px 12% 10px;
}

.patent-page #content > .biaoge2 {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 60px;
}

.patent-page #content > .biaoge h1 {
    font-family: 'Microsoft JhengHei';
    font-size: 0.34rem;
    color: #fff;
    margin-top: 0;
    margin-bottom: 30px;
}

.patent-page #content > .biaoge h2 {
    font-family: 'Microsoft YaHei';
    font-size: 0.1734rem;
    color: #fff;
    margin: 0;
    width: 100%;
    line-height: 1.4;
}

.input-group,
.btn-group {
    margin-bottom: 15px;
}

    .btn-group .btn,
    .input-group-addon {
        border-radius: 0;
        border: 1px solid #eee;
    }

    .input-group .form-control {
        background-color: #eee;
        padding: 0;
        border: 1px solid #eee;
        box-shadow: none;
    }

.btn-group {
    width: 100%;
}

.biaoge .btn-group .btn:first-child {
    width: 87%;
    margin-right: 8px;
    text-align: left;
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 10px;
    padding-right: 10px;
}

.biaoge #datepicker + p {
    font-family: 'Microsoft JhengHei';
    font-size: 0.2rem;
    color: #646464;
    margin-top: 20px;
}

    .biaoge #datepicker + p span {
        padding-bottom: 0;
        border-bottom: 1px solid #646464;
    }

    .biaoge #datepicker + p a {
        color: #646464;
    }

.biaoge #btnok {
    margin-top: 30px;
    background-color: #000 !important;
    border-radius: 0;
    background-color: #e3e3e3;
    height: 35px;
    border: none;
    color: #fff;
}

.biaoge .tel {
    margin-top: 30px;
}

    .biaoge .tel h4 {
        font: normal 0.1733rem 'Microsoft YaHei';
        color: #646464;
    }

    .biaoge .tel h5 {
        font: normal 0.1733rem 'Microsoft JhengHei';
        color: #646464;
    }

        .biaoge .tel h5 span {
            font-family: 'Malvern LF','MalvernLF';
            font-weight: normal;
            font-size: 0.1867rem;
            color: #646464;
        }


/****************** 预约展厅 **************************/
.patent-page #content > div.desc2 {
    margin-bottom: 0;
}

/*******************************************************************
    web 自定义字体
*******************************************************************/
@font-face {
    font-family: 'calibri';
    src: url('../fonts/calibri.ttf') format('truetype');
}

@font-face {
    font-family: 'segoeui';
    src: url('../fonts/segoeui.ttf') format('truetype');
}

@font-face {
    font-family: 'AgencyFB';
    src: url('../fonts/AgencyFB.ttf') format('truetype');
}

@font-face {
    font-family: 'LibreSansSerifLightLt';
    src: url('../fonts/LibreSansSerifLightSSi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TwCenMTCondensed';
    src: url('../fonts/TwCenMTCondensed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TwCenMT';
    src: url('../fonts/TwCenMT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MalvernLF';
    src: url('../fonts/ma55lf.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dior-icons';
    src: url('../fonts/dior-icons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/***************************************************************
    media query
 ***************************************************************/

/*iphone 5*/
@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .brand-page .brand1 > div img {
        width: 260px;
    }

    .brand-page .brand1 p,
    .brand-page .brand2 p {
        padding-left: 0px;
        padding-right: 0;
        font-size: 14px;
    }

    .brand-page .brand1 div {
        padding-left: 0px;
        font-size: 15px;
    }
}


/*iphone 6 plus*/
@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    .brand-page .brand1 > div img {
        width: 330px;
    }

    .brand-page .brand1 p > img,
    .brand-page .brand2 p > img {
        width: 130px;
    }
}