.productdetail, .sbHolder, .sbSelector, .pagenumbers a, #retailresults, #retailresults .legend, #retaildetail, #viplists, #viplists *, #careerpage, #careerpage *, .repairpages, .repairpages *, #newshead, #newshead *, .teaser-news, .teaser-news *, .content-row, .content-row *, #faqpage, #faqpage *, body.products #top, .productpage .slide, .slidecont, body.products .productdetail .productdesc, .checkers .checker {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
    overflow-x: hidden;
}

a:focus {
    outline: 0;
}

a:focus, a:hover {
    color: #fff;
    text-decoration: none;
}

.clearer {
    clear: both;
    height: 1px;
}

.table {
    display: table;
    width: 100%;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
}

.spacer {
    margin-top: 20px;
}

.productdetail h1,
.products .productdetail h2 {
    color: #919191;
    font-size: 3.2rem;
    font-family: Candara;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0 0 15px;
    width: 300px;
    padding: 0;
    line-height: 1;
}

    .productdetail h1.chn {
        font: normal 3.2rem 'Microsoft YaHei';
        color: #919191;
    }

.productdetail h3 {
    font-family: 'Microsoft JhengHei';
    font-weight: bold;
    font-size: 1.667rem;
    color: #919191;
}

    .productdetail h3 + span {
        display: block;
        width: 20px;
        height: 2px;
        background-color: #919191;
        margin-top: 25px;
        margin-bottom: 35px;
    }

.productdetail h1.zh-cn {
    font-family: 'Microsoft YaHei';
}

.products#topas-titanium .productdetail h1,
.products#topas-titanium .productdetail h2 {
    color: #fff;
}

#topas-stealth .productdetail h1,
.products#topas-stealth .productdetail h2 {
    color: #dedede;
}

#classic-flight .productdetail h1, .products#classic-flight .productdetail h2, #salsa .productdetail h1, .products#salsa .productdetail h2, #salsa-air .productdetail h1, .products#salsa-air .productdetail h2, #salsa-deluxe .productdetail h1, .products#salsa-deluxe .productdetail h2, #pilot .productdetail h1, .products#pilot .productdetail h2, #limbo .productdetail h1, .products#limbo .productdetail h2, #bolero .productdetail h1, .products#bolero .productdetail h2, #attache .productdetail h1, .products#attache .productdetail h2 {
    color: #757575;
}

.retailpages h1, .pagehead h1, #viplists h2, #careerpage h1, #careerpage h2, .repairpages h1, #newshead h1, #faqpage h1, .content-row h1, .content-row h2, .content-row h3, .teaser-content h2 {
    font-family: "VAG Rounded LT W02 Thin";
    font-size: 1.7em;
    line-height: 1.1em;
    font-weight: normal;
    text-transform: uppercase;
    color: #6e6e6e;
    margin: 0 0 8px;
}

#page_catalogue {
    margin-top: 125px;
    margin-bottom: 100px;
}

    #page_catalogue h1 {
        font: normal 3.333rem 'Microsoft JhengHei';
        color: #000;
        margin-bottom: 12px;
    }

    #page_catalogue p {
        font: normal 1.733rem 'Microsoft JhengHei';
        color: #646464;
        line-height: 1.6;
    }

a.special {
    font: normal 1.2rem 'Microsoft JhengHei';
    margin-top: 35px!important;
}

.content-row h2.subhead {
    font-family: "VAG Rounded LT W02 Thin";
    color: #b1b1b1;
    font-size: 1.04em;
    letter-spacing: .03em;
    font-weight: normal;
    text-transform: none;
    line-height: 1.4em;
    margin: 0;
    position: relative;
    bottom: .6em;
}

.content-row h3 {
    font-size: 1.25em;
    letter-spacing: .06em;
    margin: 0 0 2px;
    font-family: "VAG Rounded LT W02 Light";
}

.content-row h4 {
    font-size: 1.3em;
    line-height: 1em;
    text-transform: uppercase;
    margin: 0 0 8px;
    font-family: "Univers LT W02_47 Light Cond";
    font-weight: normal;
    color: #717171;
}

.retailpages h1 span {
    display: block;
    text-transform: none;
    font-size: .6em;
    line-height: 1.2em;
    color: #b1b1b1;
}

.productdetail p,
.productdetail .descr_cont p,
#newshead p {
    color: #919191;
    font-size: 1.667rem;
    line-height: 1.5em;
    margin: 0 0 10px;
    font-family: 'Microsoft JhengHei';
}

.productdetail .linkbutton {
    position: relative;
    height: 40px;
    width: 213px;
    margin-top: 90px;
    border: 1px solid #919191;
}

    .productdetail .linkbutton span {
        position: absolute;
        right: 5px;
        top: 5px;
        bottom: 5px;
        height: 30px;
        line-height: 30px;
        color: #fff;
        text-align: center!important;
        font-size: 1.333rem;
        font-family: 'Microsoft JhengHei';
        width: 74px;
        background-color: #919191;
    }

    .productdetail .linkbutton a {
        position: absolute;
        width: 100%;
        height: 100%;
        line-height: 40px;
        padding-left: 10px;
        font-size: 1.333rem;
        font-family: 'Microsoft JhengHei';
        font-weight: normal;
        color: #919191;
        box-sizing: border-box;
        cursor: pointer;
    }

#topas-titanium .productdetail p {
    color: #fff;
}

#topas-stealth .productdetail p {
    color: #dedede;
}

#classic-flight .productdetail p, #salsa .productdetail p, #salsa-air .productdetail p, #salsa-deluxe .productdetail p, #pilot .productdetail p, #limbo .productdetail p, #bolero .productdetail p, #attache .productdetail p {
    color: #5c5c5c;
}

.pagehead p,
#careerpage p,
.repairpages p,
#newshead p,
.teaser-news p,
.content-row p,
#faqpage p {
    line-height: 1.35em;
    color: #999;
    margin: 0 0 10px;
}

.repairpages p {
    color: #8a8a8a;
}

#repairhead p, #faqpage p {
    color: #6e6e6e;
}

a {
    color: inherit;
    text-decoration: none;
}

    a img {
        border: 0;
    }

#content p a {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}

    #content p a:hover {
        color: #444;
    }

.productdetail h2.subhead {
    font-family: "VAG Rounded LT W02 Light";
    color: #b2b2b2;
    font-size: .95em;
    font-weight: normal;
    line-height: 1.4em;
    margin: 0;
}

.subline-top {
    display: block;
    font-size: .6em;
    line-height: 1em;
    color: #b1b1b1 !important;
    margin: 0 !important;
    text-transform: none;
}

#topas-titanium .slide .subline-top {
    color: #f2e7dc !important;
}

#topas-stealth .slide .subline-top {
    color: #767676 !important;
}

#retailresults h2, .repairpages h2 {
    font-family: "VAG Rounded LT W02 Thin";
    font-size: 1.28em;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 6px 70px;
    color: #6e6e6e;
}

#repairhead h2 {
    padding: 3px 0 0;
}

p.subline {
    font-family: "VAG Rounded LT W02 Thin";
    color: #b1b1b1 !important;
    font-size: 1em;
}

h1 + p.subline {
    margin-top: -10px;
}

body.products_details .productdetail table.details td:first-child {
    font-family: "Univers LT W02_47 Light Cond";
    font-weight: normal;
}

.retaillegend {
    font-family: "VAG Rounded LT W02 Light";
    font-size: .88em;
    line-height: 1.2em;
    text-transform: uppercase;
    display: inline-block;
    color: #8f8f8f;
    padding: 3px 0 14px;
}

    .retaillegend.flagshipstore {
        background: url(../images/icon_bag.png) no-repeat 0 0;
        padding-left: 27px;
    }

    .retaillegend.retailer {
        background: url(../images/bulletpoint.png) no-repeat 0 5px;
        padding-left: 16px;
    }

    .retaillegend.pictures {
        background: url(../images/icon_pictures.png) no-repeat 0 4px;
        padding-left: 27px;
    }

input[type="submit"] {
    font-family: "Univers LT W02_45 Light1475946";
    width: 100%;
    height: 35px;
    border: 1px solid #63676c;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
    background: #8f9b9c;
    background: -moz-linear-gradient(top, #8f9b9c 0, #788083 79%, #6e7679 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8f9b9c), color-stop(79%, #788083), color-stop(100%, #6e7679));
    background: -webkit-linear-gradient(top, #8f9b9c 0, #788083 79%, #6e7679 100%);
    background: -o-linear-gradient(top, #8f9b9c 0, #788083 79%, #6e7679 100%);
    background: -ms-linear-gradient(top, #8f9b9c 0, #788083 79%, #6e7679 100%);
    background: linear-gradient(to bottom, #8f9b9c 0, #788083 79%, #6e7679 100%);
    -pie-background: linear-gradient(#8f9b9c 0, #6e7679 100%);
    color: #fff;
    font-size: 1.2em;
    cursor: pointer;
}

a.special, input.special, #contact_form .file_upload {
    display: inline-block;
    background: #f3f3f3;
    border: 1px solid #e4e4e4;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
    color: #858585;
    text-decoration: none;
    text-align: center;
    font-size: 1.6em;
    line-height: 1em;
    margin: 6px 4px;
    padding: 10px 20px 10px;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -o-transition: background .2s linear;
    -ms-transition: background .2s linear;
    transition: background .2s linear;
}

    a.special:hover, input.special:hover, #contact_form .file_upload:hover {
        background: #e5e5e5;
    }

body {
    background: #fff;
    margin: 0;
    /*font-family: "Univers LT W02_47 Light Cond";*/
    font-family: 'Microsoft JhengHei';
    font-size: 100%;
    min-width: 1121px;
}

p, input, textarea, li, label {
    /*font-family: "Univers LT W02_47 Light Cond";*/
    font-family: 'Microsoft JhengHei';
    font-weight: normal;
}

#top.nojs {
    position: relative;
    height: 100%;
    width: 100%;
}
/***********************
    head
*****************************/
#head {
    position: fixed;
    top: 0;
    z-index: 400;
    width: 100%;
    height: 105px;
    background: #131313;
}

#logo {
    position: absolute;
    left: -10px;
    top: 0px;
    margin: 0 auto;
}

    #logo img {
        border: 0;
    }

#search_area {
    position: absolute;
    right: 22px;
    top: 28px;
}

    #search_area p {
        font: normal 1.4rem 'Microsoft YaHei';
        color: #fff;
        padding: 0;
        margin: 0;
    }

    #search_area span {
        /*font-family: 'Malvern LF','MalvernLF';*/
        font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
        font-weight: normal;
        font-size: 1.6rem;
        color: #fff;
        padding: 0;
        margin: 0;
    }

#navigation {
    position: relative;
    width: 1020px;
    height: 100%;
    margin: 0 auto;
    padding-top: 60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.subMenuBlock {
    position: absolute;
    display: none;
    width: 360px;
    top: 43px;
    left: -20px;
    z-index: 100;
}

.product .subMenuBlock {
    width: 520px;
}

.subMenuBlock .subHeader {
    height: 60px;
    padding-top: 20px;
    padding-left: 20px;
    box-sizing: border-box;
    background: url(../images/submenuheadbg.png) repeat;
    font-family: 'Microsoft YaHei';
    font-weight: normal;
    font-size: 1.467rem;
    color: #c8c8c8;
}

.product .subHeader,
body.patent .subHeader {
    padding-top: 15px;
}

.subMenuBlock .subMenuList,
.subMenuBlock .subMenuFooter {
    box-sizing: border-box;
    background: url(../images/submenubodybg.png) repeat;
}

.subMenuBlock .subMenuList {
    padding-bottom: 50px;
}

.subMenuBlock .subMenuFooter {
    font: normal 1.2rem 'Microsoft YaHei';
    color: #fff;
    padding-left: 30px;
    padding-bottom: 23px;
}

    .subMenuBlock .subMenuFooter span {
        font: normal 1.5rem 'MalvernLF';
    }

.subMenuBlock .subList {
    float: left;
    width: 180px;
}

.product .subMenuBlock .subList {
    width: 160px;
}

.product .subMenuBlock .subList_01 {
    width: 200px;
}

.product .subMenuBlock .subList_02 {
    width: 140px;
}

.product .subMenuBlock .subList_03 {
    width: 180px;
}

.subList dl {
    margin-top: 0;
    padding-bottom: 40px;
}

.product .subList dl {
    padding-bottom: 20px;
}

.subList dt {
    padding-left: 30px;
    font-family: 'Microsoft YaHei';
    font-size: 1.333rem;
    color: #c8c8c8;
    line-height: 38px;
}

.subList dd {
    padding: 1px 0px;
    line-height: 22px;
    margin-left: 20px;
    display: block;
}

    .subList dd a {
        display: block;
        font-size: 1.2rem;
        line-height: 22px;
        color: #787878;
        padding-left: 10px;
        background: url(../images/navMenuIcon.png) 0 center no-repeat;
        font-family: 'Microsoft JhengHei';
    }

        .subList dd a span {
            font-family: 'Segoe UI';
        }

        .subList dd a:hover {
            color: #fff;
        }

.clearfix:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}

.top-nav {
    display: inline-block;
    margin: 0 1em;
    line-height: 2.48em;
    font-family: 'Microsoft JhengHei';
    font-size: 1.6rem;
    color: #fff;
    text-decoration: none!important;
    letter-spacing: .02rem;
    padding: 3px 6px;
    position: relative;
    float: right;
}

/*.top-nav.homepage {
        margin-right: 0;
    }

        .top-nav.homepage .nav-text {
            border: 1px solid #fff;
            border-radius: 5px;
            padding: 3px 15px 4px;
        }*/

.nav-text {
    position: relative;
    cursor: pointer;
}

    .nav-text span {
        font-family: 'Agency FB';
        font-size: 1.776rem;
        letter-spacing: 1px;
        padding-left: 2px;
        display: inline-block;
    }

#content {
    background: url(../images/bg_vip.png) repeat-x center top;
    width: 100%;
    display: inline-block;
    padding: 80px 0 20px;
}

/*
.has-submenu:hover .subMenuBlock {
    display: block;
}
*/

.has-submenu {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
    margin-right: 1.3rem;
    background: url('../images/icon_sub.png') right 1.2em no-repeat;
}

.btn_holder {
    bottom: 0;
    width: 100%;
    float: left;
    clear: both;
    display: block;
}

.close_btn, .reset_btn {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 6px;
    margin: 10px auto 6px auto;
    cursor: pointer;
    padding-left: 26px;
    line-height: 1.7em;
    letter-spacing: .05em;
    font-size: .8em;
    text-transform: uppercase;
    min-height: 23px;
    background: url('../images/icon_close-menu.png') 0 center no-repeat;
    z-index: 1;
}

    .close_btn:hover, .reset_btn:hover {
        text-decoration: underline;
    }

.btn_holder .close_btn {
    position: static;
}

.reset_btn {
    bottom: 3px;
    top: auto;
}

.ranges, .product-options-form, .results {
    display: block;
    position: relative;
    width: 768px;
    margin: 0 auto;
    padding-top: 2px;
}

.checker.accessories + .product-submenu .ranges {
    width: 590px;
}

.range {
    display: block;
    float: left;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #7f7f7f;
}

.range-img {
    display: block;
    border: 0;
    background-repeat: no-repeat !important;
}

.range-title {
    display: block;
    text-align: center;
    height: 1.5em;
    font-size: .9em;
    line-height: 1.7em;
}

.range-subtitle {
    display: block;
    width: 107px;
    margin: 0 auto;
    white-space: normal;
    text-transform: none;
    font-size: .8em;
    line-height: 1.1em;
    color: #9e9e9e;
}

.range.accessories {
    margin: 0 23px;
}

    .range.accessories .range-img {
        width: 234px;
        height: 206px;
    }

    .range.accessories .range-title {
        height: 2.6em;
        line-height: 1.2em;
        margin-top: .225em;
    }

.opts-container {
    position: absolute;
    left: 0;
    width: 100%;
    display: none;
    z-index: 1;
}

.product-options {
    display: none;
    position: relative;
    text-align: left;
    float: left;
    width: 100%;
    text-transform: uppercase;
    background: url('../images/bg_products-options.gif') 0 0 repeat-x #eaeaea;
}

.product-options-form {
    padding-top: 1em;
}

#opts-material {
    display: none;
}

.product-option {
    display: block;
    float: left;
    line-height: 1.3em;
    padding-right: 22px;
    padding-bottom: 22px;
    position: relative;
}

.option-title:before {
    display: block;
    position: absolute;
    top: .85em;
    left: 0;
    content: '';
    width: 5px;
    height: .75em;
    background: url('../images/icon_option.png') 0 center no-repeat;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}

.product-option.open .option-title:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.product-option .option-inner {
    display: block;
    height: 0;
    overflow: hidden;
    padding-left: 10px;
}

.product-option.open .option-inner {
    height: auto;
}

.option-title {
    display: block;
    font-family: "VAG Rounded LT W02 Bold";
    font-size: .83em;
    letter-spacing: .07em;
    padding-left: 10px;
    margin: 8px 0 2px 0;
    cursor: pointer;
}

.option-line {
    display: block;
    margin-bottom: 2px;
    font-size: .84em;
    letter-spacing: .03em;
}

    .option-line input {
        margin-left: 0;
    }

    .option-line.disabled label {
        color: #c4c4c4;
    }

.has-submenu.nojs .product-options {
    display: none;
}

.result {
    width: 153px;
    height: 300px;
    float: left;
    overflow: hidden;
}

    .result img {
        display: block;
        margin: 0 auto;
    }

.result-h1, .result-p {
    display: block;
    float: left;
    width: 100%;
    clear: both;
    padding: 0 5px;
    white-space: normal;
}

.result-h1 {
    font-family: "VAG Rounded LT W02 Bold";
    color: #7f7f7f;
    line-height: 1.1em;
    padding-top: .6em;
    font-size: .85em;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.result-p {
    line-height: 1.2em;
    font-family: "Univers LT W02_47 Light Cond";
    color: #5d5d5d;
    letter-spacing: normal;
    font-size: .8em;
}

.results .paginator {
    display: block;
    float: left;
    clear: both;
}

    .results .paginator a {
        display: inline-block;
        width: 29px;
        height: 29px;
        line-height: 31px;
        font-size: 1.15em;
        font-family: "VAG Rounded LT W02 Light";
        color: #858585;
        border-radius: 14px;
    }

        .results .paginator a.active {
            margin: 0 9px;
            background: #aaa;
            font-size: 1em;
            color: white;
        }

    .results .paginator span {
        color: #c7c7c7;
        font-size: 1.1em;
    }

#world_menu, #service_menu, #product_menu {
    display: block;
}

.checkers {
    display: block;
    width: 690px;
    margin: 0 auto;
}

.prodtype {
    width: 100%;
    background: #4c4c4c;
    background: -moz-linear-gradient(top, #4c4c4c 0, #272727 32%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c4c4c), color-stop(32%, #272727), color-stop(100%, #000));
    background: -webkit-linear-gradient(top, #4c4c4c 0, #272727 32%, #000 100%);
    background: -o-linear-gradient(top, #4c4c4c 0, #272727 32%, #000 100%);
    background: -ms-linear-gradient(top, #4c4c4c 0, #272727 32%, #000 100%);
    background: linear-gradient(to bottom, #4c4c4c 0, #272727 32%, #000 100%);
    -pie-background: linear-gradient(to bottom, #4c4c4c 0, #272727 32%, #000 100%);
}

.checkers > span {
    float: left;
}

.prodtype > span {
    display: block;
    width: 720px;
    margin: 0 auto;
    float: none;
}

.checkers > span > a, .checkers .checker {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 170px;
    height: 176px;
    font-size: 1.2em;
    line-height: 1.1em;
    white-space: normal;
    padding: 0 30px;
    text-transform: uppercase;
    color: #8b8b8b;
    cursor: pointer;
}

.checkers .prodcat .checker {
    display: block;
    padding: 70px 10px;
}

.prodcat {
    display: table-cell;
}

.checkers .checker {
    position: relative;
    width: 240px;
    height: 177px;
    z-index: 1;
}

.checkers .bg_big, .checkers .bg_small, .checkers .shader {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-background-size: auto 100% !important;
    -moz-background-size: auto 100% !important;
    -ms-background-size: auto 100% !important;
    -o-background-size: auto 100% !important;
    background-size: auto 100% !important;
}

.checker_capt {
    position: relative;
    z-index: 1;
}

.checkers .small .shader {
    background: rgba(0, 0, 0, .68);
}

.checker.open .shader {
    opacity: 0;
}

.checkers a.light, .checkers .checker.light, .checkers .checker.light.small.open {
    color: #fff;
}

.checkers .checker.dark, .checkers .checker.dark.small.open {
    color: #555353;
}

.checkers .checker.small {
    color: #6d6d6d;
}

.checkers .checker.accessories.small.open .bg_small:after {
    position: relative;
    z-index: -1;
    top: 92px;
    content: url('../images/arrow_down-accessories.png');
}

.checkers .checker.aluminium.small.open .bg_small:after {
    position: relative;
    z-index: -1;
    top: 92px;
    content: url('../images/arrow_down-aluminium.png');
}

.checkers .checker.polycarbonate.small.open .bg_small:after {
    position: relative;
    z-index: -1;
    top: 92px;
    content: url('../images/arrow_down-polycarbonate.png');
}

.checkers > span > a:after, .checkers .checker:after {
    content: "";
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 4px;
    height: 25px;
    background: url('../images/icon_arrow_small.png') center 0 no-repeat;
    -webkit-transition: opacity .4s linear;
    -moz-transition: opacity .4s linear;
    -o-transition: opacity .4s linear;
    -ms-transition: opacity .4s linear;
    transition: opacity .4s linear;
}

.checkers a.light:after, .checkers .checker.light:after {
    background-image: url('../images/icon_arrow_small_white.png');
}

.checkers .checker.dark:after {
    background-image: url('../images/icon_arrow_small_dark.png');
}

.checkers .checker.small:after {
    opacity: 0;
}

.has-submenu.nojs .submenu#products:hover {
    overflow: visible;
}

.product-submenu {
    height: auto;
    display: block;
    width: 100%;
    overflow: hidden;
}

.has-submenu.nojs .product-submenu {
    position: absolute;
    height: 0;
    left: 0;
    background: url('../images/bg_products-dropdown.png') 0 0 repeat-x #dadada;
}

.has-submenu.nojs .prodcat:hover .product-submenu {
    height: auto;
}

.ranges {
    overflow: hidden;
}

.world_other_links {
    display: block;
    width: 690px;
    margin: 0 auto;
}

.world_list {
    display: block;
    width: 229px;
    float: left;
    padding-bottom: 29px;
    padding-top: 25px;
}

    .world_list:first-child {
        background: -moz-linear-gradient(left, rgba(83, 83, 83, 0.07) 0, rgba(239, 239, 239, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(83, 83, 83, 0.07)), color-stop(100%, rgba(239, 239, 239, 0)));
        background: -webkit-linear-gradient(left, rgba(83, 83, 83, 0.07) 0, rgba(239, 239, 239, 0) 100%);
        background: -o-linear-gradient(left, rgba(83, 83, 83, 0.07) 0, rgba(239, 239, 239, 0) 100%);
        background: -ms-linear-gradient(left, rgba(83, 83, 83, 0.07) 0, rgba(239, 239, 239, 0) 100%);
        background: linear-gradient(to right, rgba(83, 83, 83, 0.07) 0, rgba(239, 239, 239, 0) 100%);
        -pie-background: linear-gradient(to right, rgba(83, 83, 83, 0.07) 0, rgba(239, 239, 239, 0) 100%);
    }

    .world_list a {
        display: block;
        text-align: left;
        color: #7e7e7e;
        font-family: "Univers LT W02_47 Light Cond";
        font-size: .9em;
        padding-left: 30px;
        line-height: 2em;
    }

#service_menu a {
    background: transparent url(../images/service_menubg.png) repeat-x center bottom;
}

@media only screen and (min-width:1024px) {
    .products_cont {
        display: block;
        width: 988px;
        padding: 0 18px;
        margin: 0 auto;
    }

    .product-options {
        float: left;
        width: 220px;
        background: 0;
    }

    .product-options-form {
        width: auto;
    }

    .product-option {
        float: none;
        padding-bottom: 0;
    }

    .option-title:before {
        top: .3em;
    }

    .ranges, .results {
        float: right;
        z-index: 1;
    }

    .checker.accessories + .product-submenu .ranges {
        float: none;
    }

    .has-submenu.nojs .ranges {
        float: none;
    }

    .reset_btn {
        position: static;
        margin-top: 17px;
    }

    #world_menu {
        width: 885px;
        margin: 0 auto;
    }

    #service_menu {
        width: 680px;
        margin: 0 auto;
    }

    .world_other_links {
        width: 195px;
        float: left;
        margin-top: 25px;
    }

    .world_list {
        width: 195px;
        padding-bottom: 0;
        padding-top: 0;
    }

        .world_list:first-child {
            background: 0;
        }

    .checkers {
        float: left;
    }
}
/************************
    页脚
******************************/
#footer {
    position: relative;
    background: #252525;
    float: left;
    width: 100%;
    padding: 56px 0 15px 0;
    margin-top: -4px;
}

.footer_logo {
    display: block;
    float: left;
    width: 172px;
    margin-top: 4px;
}

#footer .about {
    float: left;
    width: 380px;
    margin: 0 30px 0 130px;
    padding-bottom: 48px;
}

    #footer .about h1 {
        font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
        font-size: 1.333rem;
        color: #e6e6e6;
    }

    #footer .about p {
        /*font: normal 1.333rem 'Microsoft JhengHei';*/
        font: normal 1.333rem 'Microsoft YaHei';
        color: #6e6e6e;
        margin: 0;
        line-height: 1.4em;
    }

#footer .more_info {
    float: right;
    width: 219px;
    padding-bottom: 58px;
}

    #footer .more_info h2 {
        border-bottom: 1px solid #393939;
        color: #e6e6e6;
    }

    #footer .more_info ul {
        padding: 0;
        margin: 0;
    }

    #footer .more_info,
    #footer .more_info h2,
    #footer .more_info li {
        /*font: normal 1.333rem 'Microsoft JhengHei';*/
        font: normal 1.333rem 'Microsoft YaHei';
    }

        #footer .more_info li {
            list-style: none;
            border-bottom: 1px solid #393939;
            line-height: 1.3em;
            padding: 9px 0;
        }

        #footer .more_info a {
            color: #999;
            text-decoration: none;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -o-transition: all .2s linear;
            -ms-transition: all .2s linear;
            transition: all .2s linear;
        }

            #footer .more_info a:hover {
                color: #d1d1d1;
            }

#footer .social_row > * {
    float: left;
}

#footer .overlay-wechat {
    display: block;
    background: #fff;
    position: absolute;
    margin: -359px 0 0 45px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    z-index: 5;
}

    #footer .wechat:hover + .overlay-wechat,
    #footer .wechat:hover ~ .overlay-wechat,
    #footer .overlay-wechat.open {
        opacity: 1;
        visibility: visible;
    }

    #footer .overlay-wechat:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #fff;
        border-width: 20px;
        margin-left: -20px;
    }

@media only screen and (max-width:880px) {
    #footer .overlay-wechat {
        margin-left: 180px;
    }

        #footer .overlay-wechat:after {
            left: auto;
            right: 33px;
        }
}

#footer .social_channels .overlay-wechat img {
    width: 280px;
    height: auto;
}

#footer .social_channels .overlay-wechat p {
    padding: 20px 20px 0;
    margin: 0;
}

#footer .social_row {
    border-top: 1px solid #393939;
}

#footer .sitemap,
#footer .footer_top,
#footer .social_row {
    width: 1020px;
    margin: 0 auto;
    clear: both;
}

#footer .sitemap {
    border-top: 1px solid #393939;
    padding-top: 15px;
}

#footer .fb-link {
    color: #e5e5e5;
    font-family: "VAG Rounded LT W02 Thin";
    font-weight: normal;
    letter-spacing: .03em;
    text-transform: uppercase;
}

#footer .footer_top h2,
#footer .footer_top h1 {
    line-height: 1.3em;
    margin: 0;
    padding-bottom: 16px;
    font-weight: normal;
    text-transform: uppercase;
    word-spacing: 2px;
}

@media (max-width:1137px) {
    body {
        min-width: 768px;
    }
}

@media (max-width:996px) {
    #footer .footer_top,
    #footer .social_row {
        width: auto;
        margin: 0 2.7%;
    }

    #footer .about {
        width: 290px;
    }
}

@media (max-width:840px) {
    .top-nav {
        margin: 0 3%;
    }

    #nav_products, #nav_world, #nav_service {
        margin-right: 2%;
    }

    #footer .about {
        width: 220px;
    }
}

#footer .social_channels a,
#footer .social_channels span {
    display: block;
    width: 43px;
    height: 42px;
    float: left;
    margin: 0 12px 0 0;
    cursor: pointer;
}

#footer .fb-likebox {
    clear: both;
    margin-top: 10px;
    width: 240px;
    overflow: hidden;
}

#footer .reddot {
    float: right;
    margin: 13px 0;
    margin-right: 140px;
}

@media only screen and (max-width:880px) {
    #footer .reddot {
        clear: both;
        float: left;
    }

    #footer .social_channels {
        float: right;
    }
}

#footer .social_channels {
    padding-top: 30px;
    margin-left: 60px;
}

#footer .sitemap p {
    /*font: bold 1.267rem 'LibreSansSerifLightLt';*/
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-size: 1.267rem;
    line-height: 1.6em;
    color: #6e6e6e;
}

/***************************
    products
***********************************/
body.products,
body.products_details {
    position: absolute;
    height: 100%;
    width: 100%;
}

    body.products_details #top {
        min-height: 1030px;
        margin-bottom: -11px;
    }

        body.products #top,
        body.products_details #top.js {
            min-height: 770px;
            margin-bottom: -11px;
            overflow: hidden;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
        }

    body.products #top {
        /*padding-bottom: 161px;*/
        min-height: 745px;
    }

    body.products_details #top.js {
        min-height: 760px;
    }

.productdetail .descr_cont {
    padding: 0;
    width: 92%;
    max-width: 480px;
}

.productdetail .list {
    margin: 35px 0 0 -4px;
}

    .productdetail .list a {
        text-decoration: none;
        position: relative;
        margin-left: -2px;
    }

        .productdetail .list a:before {
            content: url("../images/icon_product.png");
            position: absolute;
            bottom: 33px;
            margin-left: 10px;
        }

    .productdetail .list img {
        border: 0;
    }

#paneltop, body.products_details #paneltop.js {
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body.products_details #paneltop {
    bottom: 256px;
}

#open_panel {
    background: #fff;
    width: auto;
    height: 26px;
    position: relative;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #797979;
    font-size: 1.467rem;
    line-height: 2.8rem;
    font-family: 'Microsoft JhengHei';
}

    #open_panel.black {
        background: url('../images/paneltop_black.png') center top no-repeat;
        color: #a1a1a1;
    }

    #open_panel:before,
    #open_panel:after {
        content: url('../images/arrow_up.png');
        background: url('../images/paneltop_white_left.png') top left no-repeat;
        margin: 0;
        padding-left: 17px;
        width: 40px;
        display: inline-block;
        line-height: 36px;
        position: absolute;
        top: 0;
        left: -57px;
    }

    #open_panel:after {
        background: url('../images/paneltop_white_right.png') top right no-repeat;
        left: auto;
        right: -57px;
        padding-left: 0;
        padding-right: 17px;
    }

#paneltop.open #open_panel:before,
#paneltop.open #open_panel:after {
    content: url('../images/arrow_down.png');
    margin: 0;
}

#open_panel.black:before,
#open_panel.black:after {
    content: url('../images/arrow_up_black.png');
    background: url('../images/paneltop_black_left.png') top left no-repeat;
}

#open_panel.black:after {
    background: url('../images/paneltop_black_right.png') top right no-repeat;
}

#paneltop.open #open_panel.black:before,
#paneltop.open #open_panel.black:after {
    content: url('../images/arrow_down_black.png');
}

#configuration {
    position: relative;
    background: #fff;
    text-align: center;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
    margin-bottom: 4px;
}

body.products #configuration.js {
    height: 11px;
}

body.products_details #configuration.nojs {
    height: 238px;
    top: -245px;
    margin-bottom: -245px;
}

#configuration.black {
    background: #232323;
    background: -moz-linear-gradient(top, #232323 0, #1a1a1a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #232323), color-stop(100%, #1a1a1a));
    background: -webkit-linear-gradient(top, #232323 0, #1a1a1a 100%);
    background: -o-linear-gradient(top, #232323 0, #1a1a1a 100%);
    background: -ms-linear-gradient(top, #232323 0, #1a1a1a 100%);
    background: linear-gradient(to bottom, #232323 0, #1a1a1a 100%);
    -pie-background: linear-gradient(#232323 0, #1a1a1a 100%);
}

#configuration .list {
    text-align: center;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /*padding: 0 0 5px;*/
}

    #configuration .list ul {
        display: inline-block;
        display: none;
        margin: 0 auto;
        padding: 0;
        white-space: nowrap;
    }

        #configuration .list ul.active {
            display: block;
        }

    #configuration .list::-webkit-scrollbar {
        border-radius: 6px;
        height: 12px;
        background: #1f1f1f;
    }

    #configuration .list::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background: #737373;
        cursor: pointer;
        border-top: 1px solid #666;
        border-bottom: 1px solid #4f4f4f;
    }

body.ipad #configuration .list::-webkit-scrollbar {
    display: none;
}

#configuration .list ul {
    padding-top: 20px;
}

#configuration .list li {
    display: inline;
    vertical-align: bottom;
    padding: 0;
}

    #configuration .list li img {
        border: 0;
        -webkit-transition: opacity .2s linear;
        -moz-transition: opacity .2s linear;
        -o-transition: opacity .2s linear;
        -ms-transition: opacity .2s linear;
        transition: opacity .2s linear;
        /*height: 147px;*/
        height: 93px;
    }

.products_details #configuration .list li img {
    opacity: .4;
}

#configuration .list li a {
    display: inline-block;
    padding: 10px 30px;
    text-decoration: none;
    cursor: pointer;
}

.no-csstransitions #configuration .list ul:hover a img, .no-csstransitions #configurationb.black .list ul:hover a img {
    opacity: 1;
}

#configuration .list ul a:hover img, #configuration.black .list ul a:hover img, #configuration .list ul a.active img {
    opacity: 1;
}

.bottom_menu {
    padding: 15px 0;
    display: inline-block;
}

.colorpicker, .etag {
    float: left;
}

    .colorpicker p, .etag label {
        float: left;
        margin: 0;
        padding: 5px 15px 0 5px;
        color: #757575;
    }

.js .colorpicker, .js .etag {
    padding: 6px 0 15px;
}

.colorpicker a, .colorpicker a span {
    width: 20px;
    height: 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}

.colorpicker a {
    display: inline-block;
    text-decoration: none;
    margin: 5px 3px;
    float: left;
}

    .colorpicker a.active {
        margin: 0;
        border: 4px solid #cdcdcd;
    }

.colorpicker.small a.active {
    margin: 1px 0;
}

.colorpicker a span {
    display: block;
    box-shadow: inset 4px 4px 15px -14px #000;
    -webkit-box-shadow: inset 4px 4px 15px -14px #000;
    -moz-box-shadow: inset 4px 4px 15px -14px #000;
}

.colorpicker .silver {
    background: #bcbdbe;
    background: -moz-linear-gradient(-45deg, #bcbdbe 0, #f0f0f0 68%, #d0d1d2 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #bcbdbe), color-stop(68%, #f0f0f0), color-stop(100%, #d0d1d2));
    background: -webkit-linear-gradient(-45deg, #bcbdbe 0, #f0f0f0 68%, #d0d1d2 100%);
    background: -o-linear-gradient(-45deg, #bcbdbe 0, #f0f0f0 68%, #d0d1d2 100%);
    background: -ms-linear-gradient(-45deg, #bcbdbe 0, #f0f0f0 68%, #d0d1d2 100%);
    background: linear-gradient(135deg, #bcbdbe 0, #f0f0f0 68%, #d0d1d2 100%);
    -pie-background: linear-gradient(135deg, #bcbdbe 0, #f0f0f0 68%, #d0d1d2 100%);
}

.colorpicker .mattblack {
    background: #000;
}

.colorpicker .black {
    background: #252525;
}

.colorpicker .red {
    background: #811320;
}

.colorpicker .blue {
    background: #4a5565;
}

.colorpicker .nightblue {
    background: #031c75;
}

.colorpicker .carmonared {
    background: #791a33;
}

.colorpicker .mattgrey {
    background: #555;
}

.colorpicker .mattbronze {
    background: #77706e;
}

.colorpicker .mattblue {
    background: #373f61;
}

.colorpicker .ultraviolet {
    background: #861162;
}

.colorpicker .limegreen {
    background: #9b9f6d;
}

.colorpicker .iceblue {
    background: #acc2d4;
}

.colorpicker .navyblue {
    background: #616b8c;
}

.colorpicker .carrarawhite {
    background: #fff;
}

.colorpicker .brown {
    background: #7a5145;
}

.colorpicker .orientalred {
    background: #8d0408;
}

.colorpicker .granitebrown {
    background: #5a443e;
}

.colorpicker .yachtingblue {
    background: #455b76;
}

.colorpicker .jetgreen-green {
    background: #426555;
    background: -moz-linear-gradient(-45deg, #426555 0, #426555 65%, #2d4c3e 65%, #2d4c3e 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #426555), color-stop(65%, #426555), color-stop(65%, #2d4c3e), color-stop(100%, #2d4c3e));
    background: -webkit-linear-gradient(-45deg, #426555 0, #426555 65%, #2d4c3e 65%, #2d4c3e 100%);
    background: -o-linear-gradient(-45deg, #426555 0, #426555 65%, #2d4c3e 65%, #2d4c3e 100%);
    background: -ms-linear-gradient(-45deg, #426555 0, #426555 65%, #2d4c3e 65%, #2d4c3e 100%);
    background: linear-gradient(135deg, #426555 0, #426555 65%, #2d4c3e 65%, #2d4c3e 100%);
    -pie-background: linear-gradient(135deg, #426555 0, #426555 65%, #2d4c3e 65%, #2d4c3e 100%);
}

.colorpicker .jetgreen-beige {
    background: #426555;
    background: -moz-linear-gradient(-45deg, #426555 0, #426555 65%, #edd7b4 65%, #edd7b4 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #426555), color-stop(65%, #426555), color-stop(65%, #edd7b4), color-stop(100%, #edd7b4));
    background: -webkit-linear-gradient(-45deg, #426555 0, #426555 65%, #edd7b4 65%, #edd7b4 100%);
    background: -o-linear-gradient(-45deg, #426555 0, #426555 65%, #edd7b4 65%, #edd7b4 100%);
    background: -ms-linear-gradient(-45deg, #426555 0, #426555 65%, #edd7b4 65%, #edd7b4 100%);
    background: linear-gradient(135deg, #426555 0, #426555 65%, #edd7b4 65%, #edd7b4 100%);
    -pie-background: linear-gradient(135deg, #426555 0, #426555 65%, #edd7b4 65%, #edd7b4 100%);
}

.colorpicker .titanium {
    background: #bab691;
    background: -moz-linear-gradient(-45deg, #bab691 0, #eee7c2 68%, #cfcaa8 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #bab691), color-stop(68%, #eee7c2), color-stop(100%, #cfcaa8));
    background: -webkit-linear-gradient(-45deg, #bab691 0, #eee7c2 68%, #cfcaa8 100%);
    background: -o-linear-gradient(-45deg, #bab691 0, #eee7c2 68%, #cfcaa8 100%);
    background: -ms-linear-gradient(-45deg, #bab691 0, #eee7c2 68%, #cfcaa8 100%);
    background: linear-gradient(135deg, #bab691 0, #eee7c2 68%, #cfcaa8 100%);
    -pie-background: linear-gradient(135deg, #bab691 0, #eee7c2 68%, #cfcaa8 100%);
}

.colorpicker .blackleather {
    background: #252525;
    background: -moz-linear-gradient(-45deg, #252525 0, #252525 36%, #fff 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #252525), color-stop(36%, #252525), color-stop(100%, #fff));
    background: -webkit-linear-gradient(-45deg, #252525 0, #252525 36%, #fff 100%);
    background: -o-linear-gradient(-45deg, #252525 0, #252525 36%, #fff 100%);
    background: -ms-linear-gradient(-45deg, #252525 0, #252525 36%, #fff 100%);
    background: linear-gradient(135deg, #252525 0, #252525 36%, #fff 100%);
    -pie-background: linear-gradient(135deg, #252525 0, #252525 36%, #fff 100%);
}

.colorpicker .blackkeprotec {
    background: url('../images/keprotec.gif') repeat #1e1e1e;
}

.colorpicker .carrarawhite {
    box-shadow: 0 0 0 1px #f2f2f2;
    -webkit-box-shadow: 0 0 0 1px #f2f2f2;
    -moz-box-shadow: 0 0 0 1px #f2f2f2;
}

.colorpicker.small .carrarawhite {
    box-shadow: 0 0 0 1px #e5e5e5;
    -webkit-box-shadow: 0 0 0 1px #e5e5e5;
    -moz-box-shadow: 0 0 0 1px #e5e5e5;
}

.colorpicker.small {
    padding: 0;
    margin: 0 -5px;
}

    .colorpicker.small a, .colorpicker.small span {
        width: 18px;
        height: 18px;
    }

.product-options .colorpicker {
    margin-left: -2px;
    width: 140px;
}

    .product-options .colorpicker .tooltip {
        font-size: .85em;
    }

    .product-options .colorpicker a.active {
        margin-left: -1px;
        margin-right: -1px;
    }

    .product-options .colorpicker a.disabled {
        cursor: default;
        background: #e6e6e6;
    }

.productdesc .etag {
    margin-top: 26px;
}

.bottom_menu .etag {
    margin-left: 42px;
}

.etag label {
    padding-left: 35px;
    padding-right: 10px;
    background: url('../images/icon_etag.png') 0 1px no-repeat;
}

.switch {
    display: inline-block;
    margin-top: 1px;
    width: 51px;
    height: 26px;
    background: url('../images/switch.png') 0 0 no-repeat;
}

    .switch.on {
        background-position-y: -39px;
    }

.colorpicker .tooltip, .colorpicker.small .tooltip {
    opacity: .95;
    display: none;
    border: 1px solid #ddd;
    color: #7d7d7d;
    text-transform: capitalize;
    height: auto;
    width: auto;
    line-height: 22px;
    position: absolute;
    border-radius: 2px;
    padding: 0 8px;
    font-weight: normal;
    white-space: nowrap;
    width: auto;
    z-index: 1;
    top: 18px;
    left: 23px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #fff 0, #f6f6f6 100%);
    background: -o-linear-gradient(top, #fff 0, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #fff 0, #f6f6f6 100%);
    background: linear-gradient(to bottom, #fff 0, #f6f6f6 100%);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.10);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.10);
}

.list .tipcont {
    width: 0;
    height: 0;
    position: relative;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
}

.list .tooltip {
    font-size: 1.3rem;
    display: inline-block;
    opacity: 0;
    background: white;
    position: absolute;
    white-space: normal;
    top: -10px;
    width: 120px;
    margin-left: -64px;
    color: #7c7c7c;
    z-index: 1;
    background: rgba(255, 255, 255, 0.88);
    padding: 0 7px 7px;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.black .tooltip {
    background: 0;
}

.list li:first-child {
    margin-left: 40px;
}

.list li:last-child {
    margin-right: 40px;
}

#topas .list .tooltip, #topas-stealth .list .tooltip, #topas-titanium .list .tooltip, #classic-flight .list .tooltip, #pilot .list .tooltip, #attache .list .tooltip {
    bottom: 0;
}

html.nojs .colorpicker a:hover .tooltip {
    display: block;
}

.list a:hover .tooltip {
    opacity: 1;
}

body.products_details .productdetail {
    padding: 0 20px 0;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    clear: both;
}

    body.products_details .productdetail .productdesc {
        max-width: 375px;
        position: absolute;
        top: 19%;
        right: 52.5%;
    }

body.products_details .productpage {
    width: 100%;
    height: 80%;
    background: #ebedee url('../images/bg_productrange.png') center top repeat-x;
    position: relative;
    overflow: hidden;
}

    body.products_details .productpage.stealth {
        background: #1c1c1c url('../images/range_homes/stealth_bg_1.jpg') left top no-repeat;
        background-size: cover;
    }

.js body.products_details .productpage {
    height: 100%;
}

body.products_details .bg_wrap {
    height: 100%;
    overflow: hidden;
    background: url('../images/bg_products_salsa-air.jpg') center top repeat-x;
}

body.products_details .productdetail .image {
    top: -67px;
    left: 11%;
    width: 100%;
    position: absolute;
    height: 73%;
    text-align: center;
}

body.products_details #top.js .productdetail .image {
    height: 75%;
}

@media (max-width:1230px) {
    body .products_details .productdetail .image {
        left: 16%;
    }
}

.js body.products_details .productdetail .image img {
    opacity: 0;
}

body.products_details .productdetail .reel-overlay {
    position: relative;
}

body.products_details .productdetail .image img {
    display: inline-block;
    height: 100%;
}

body.products_details .productdetail .image-opts {
    display: none;
    text-align: center;
    position: relative;
    top: -6.1%;
}

body.products_details .productdetail.zoomed .image-opts {
    position: absolute;
    top: auto;
    bottom: 180px;
    right: 82px;
}

body.products_details .productdetail.zoomed .image img {
    cursor: n-resize;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

    body.products_details .productdetail.zoomed .image img.mousedown {
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }

body.products_details .productdetail .button_open, body.products_details .productdetail .button_close {
    display: inline-block;
    margin: 0 12px;
    cursor: pointer;
    width: 36px;
    height: 23px;
    background: url('../images/icon_open-suitcase.png') no-repeat;
}

body.products_details .productdetail .button_close {
    background: url('../images/icon_close-suitcase.png') no-repeat;
}

body.products_details .productdetail .button_zoom {
    display: inline-block;
    margin: 0 12px;
    cursor: pointer;
    width: 29px;
    height: 23px;
    background: url('../images/icon_zoom-suitcase.png') no-repeat;
}

body.products_details .productdetail.zoomed .button_zoom {
    background: url('../images/icon_zoom_out-suitcase.png') no-repeat;
}

body.products_details .productpage.stealth .button_open {
    background: url('../images/icon_open-suitcase_light.png') no-repeat;
}

body.products_details .productpage.stealth .button_close {
    background: url('../images/icon_close-suitcase_light.png') no-repeat;
    margin-left: 11px;
}

body.products_details .productdetail table.details {
    color: #828282;
}

    body.products_details .productdetail table.details td {
        font-weight: bold;
        padding: 0 10px 0 0;
        font-size: .96em;
        vertical-align: top;
    }

.detailnav {
    position: absolute;
    top: 36%;
}

    .detailnav img {
        border: 0;
    }

    .detailnav .hover {
        display: none;
    }

    .detailnav:hover img {
        display: none;
    }

        .detailnav:hover img.hover {
            display: inline;
        }

    .detailnav.left {
        left: 40px;
    }

    .detailnav.right {
        right: 40px;
    }

.feature {
    float: left;
}

.info_icon {
    display: inline-block;
    position: relative;
    float: left;
    width: 17px;
    cursor: pointer;
    margin-left: 3px;
    background: url('../images/icon_info.png') right center no-repeat;
}

.moreinfo .infobox {
    display: none;
    position: absolute;
    width: 479px;
    top: 0;
    z-index: 3;
    left: 23px;
    overflow: hidden;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.85);
    -moz-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.85);
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.85);
    background: #f9f9f9;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#c0c0c0));
    background: -webkit-linear-gradient(#f9f9f9, #c0c0c0);
    background: -moz-linear-gradient(#f9f9f9, #c0c0c0);
    background: -ms-linear-gradient(#f9f9f9, #c0c0c0);
    background: -o-linear-gradient(#f9f9f9, #c0c0c0);
    background: linear-gradient(#f9f9f9, #c0c0c0);
    -pie-background: linear-gradient(#f9f9f9, #c0c0c0);
}

.info_icon:hover .infobox {
    display: block;
}

.moreinfo .infobox img {
    display: block;
    float: left;
}

.moreinfo .infobox .right {
    float: left;
    width: 212px;
    padding: 31px 17px 28px 31px;
}

.moreinfo .infobox h3 {
    font-family: "VAG Rounded LT W02 Light";
    letter-spacing: .01em;
    margin: 0 0 .35em 0;
    font-weight: normal;
    color: #666;
}

.moreinfo .infobox p {
    color: #757575;
    line-height: 1.35em;
    text-align: left;
    font-size: 1em;
    padding: 0;
    margin: 0;
}

.close_overlay {
    position: absolute;
    top: 20px;
    right: 21px;
    width: 24px;
    height: 24px;
    opacity: .7;
    cursor: pointer;
    background: url('../images/icon_close_overlay.png') no-repeat;
}

#topas-stealth .close_overlay {
    background: url('../images/icon_close_overlay_light.png') no-repeat;
}

#topas-stealth .button_zoom {
    background: url('../images/icon_zoom-suitcase_light.png') no-repeat;
}

#topas-stealth .productdetail.zoomed .button_zoom {
    background: url('../images/icon_zoom_out-suitcase_light.png') no-repeat;
}

#topas-stealth .moreinfo .infobox {
    background: rgba(51, 51, 51, 0.95);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iIzI0MjQyNCIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTIxMjEiIHN0b3Atb3BhY2l0eT0iMC45NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(51, 51, 51, 0.95) 0, rgba(50, 50, 50, 0.95) 17%, rgba(36, 36, 36, 0.95) 74%, rgba(33, 33, 33, 0.95) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(51, 51, 51, 0.95)), color-stop(17%, rgba(50, 50, 50, 0.95)), color-stop(74%, rgba(36, 36, 36, 0.95)), color-stop(100%, rgba(33, 33, 33, 0.95)));
    background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0.95) 0, rgba(50, 50, 50, 0.95) 17%, rgba(36, 36, 36, 0.95) 74%, rgba(33, 33, 33, 0.95) 100%);
    background: -o-linear-gradient(top, rgba(51, 51, 51, 0.95) 0, rgba(50, 50, 50, 0.95) 17%, rgba(36, 36, 36, 0.95) 74%, rgba(33, 33, 33, 0.95) 100%);
    background: -ms-linear-gradient(top, rgba(51, 51, 51, 0.95) 0, rgba(50, 50, 50, 0.95) 17%, rgba(36, 36, 36, 0.95) 74%, rgba(33, 33, 33, 0.95) 100%);
    background: linear-gradient(to bottom, rgba(51, 51, 51, 0.95) 0, rgba(50, 50, 50, 0.95) 17%, rgba(36, 36, 36, 0.95) 74%, rgba(33, 33, 33, 0.95) 100%);
    -pie-background: linear-gradient(rgba(51, 51, 51, 0.95) 0, rgba(50, 50, 50, 0.95) 17%, rgba(36, 36, 36, 0.95) 74%, rgba(33, 33, 33, 0.95) 100%);
}

    #topas-stealth .moreinfo .infobox h3 {
        color: #fff;
    }

    #topas-stealth .moreinfo .infobox p {
        color: #d0d0d0;
    }

#topas-titanium .moreinfo .infobox {
    background: #fdfdfb;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdfdfb), to(#eee7d5));
    background: -webkit-linear-gradient(#fdfdfb, #eee7d5);
    background: -moz-linear-gradient(#fdfdfb, #eee7d5);
    background: -ms-linear-gradient(#fdfdfb, #eee7d5);
    background: -o-linear-gradient(#fdfdfb, #eee7d5);
    background: linear-gradient(#fdfdfb, #eee7d5);
    -pie-background: linear-gradient(#fdfdfb, #eee7d5);
}

    #topas-titanium .moreinfo .infobox h3 {
        color: #90814c;
    }

    #topas-titanium .moreinfo .infobox p {
        color: #757575;
    }

.icon360 {
    display: none;
}

    .icon360.active {
        width: 48px;
        height: 23px;
        background: url('../images/icon_360.png') no-repeat;
        position: absolute;
        z-index: 999;
        margin: 17px 0 0 16px;
        display: block;
    }

@media only screen and (max-width:1420px) {
    body.products_details .productdetail {
        position: static;
    }
}

@media only screen and (max-width:1217px) {
    body.products_details .productdetail {
        width: 83.4%;
        padding: 16px 8.3% 0;
    }
}

body.products .productpage {
    height: 100%;
    position: relative;
}

    body.products .productpage .slide:not(.slide:first-of-type) {
        opacity: 0;
    }

body.products .productdetail {
    height: 100%;
    padding: 20px 20px 0;
    overflow: hidden;
}

body.products .slide .productdetail {
    position: relative;
    max-width: none;
    width: 100%;
    
}

body.products .productdetail .productdesc {
    /*width: 51%;*/
    width: 49%;
    padding: 0 30px;
    position: absolute;
    top: 28%;
    left: auto;
    right: auto;
}

body.products .productdetail .productdesc, body.products .image img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}

body.products .slide .productdetail .descr_cont {
    width: 100%;
}

body.products .descr_cont {
    text-align: center;
}

    body.products .descr_cont * {
        text-align: left;
    }

    body.products .descr_cont .special {
        display: inline-block;
        margin: 40px auto 0;
    }

body.products_details .special {
    margin: 40px 0 20px -3px;
    background-color: #fafafa;
}

    body.products_details .special:hover {
        background-color: #f0f0f0;
    }

body.products .image {
    float: left;
    width: 49%;
    height: 100%;
}

body.products .slide .image {
    width: 100%;
    top: 0;
    right: 0;
}

body.products .image img {
    position: absolute;
    bottom: 0;
    right: 53%;
    max-height: 632px;
}

body.products .image.left img {
    right: 46%;
    height: 100%;
    max-height: 850px;
}

body.products .image.left-top img {
    top: 0;
    right: 0;
    height: 100%;
    max-height: 780px;
}

body.products .image.left-bottom img {
    bottom: 0;
    left: 0;
    max-height: none;
    height: auto;
}

body.products .image.left-full img {
    top: 0;
    left: 0;
    max-height: 100%;
    height: 100%;
}

body.products .image.right img {
    top: 0;
    bottom: 0;
    margin: 0 auto;
    /*left: 50%;*/
    left: 45%;
    height: 90%;
    max-height: 900px;
}

body.products .image.right-top img {
    top: 0;
    right: 5%;
    height: 100%;
    max-height: 680px;
}

body.products .image.right-bottom img {
    bottom: 0;
    right: 0;
    max-height: none;
    height: auto;
}

body.products .image.right-full img {
    top: 0;
    right: 0;
    max-height: 100%;
    height: 100%;
}

body.products .image.center-bottom img {
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

body.products .image.fullpage-left,
body.products .image.fullpage-right {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}

    body.products .image.fullpage-left img,
    body.products .image.fullpage-right img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        height: auto;
        max-height: 100%;
        min-width: 50%;
        min-height: 50%;
    }

body.products .image.left ~ .productdesc,
body.products .image.left-top ~ .productdesc,
body.products .image.left-bottom ~ .productdesc,
body.products .image.left-full ~ .productdesc {
    left: 52%;
}

body.products .image.center-bottom ~ .productdesc {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 18%;
    width: 100%;
}

@media only screen and (max-width:880px) {
    body.products .image.right-bottom ~ .productdesc, body.products .image.center-bottom ~ .productdesc {
        top: 20%;
    }
}

body.products .image.fullpage-left ~ .productdesc {
    top: auto;
    bottom: 50px;
    right: 0;
}

body.products .image.fullpage-right ~ .productdesc {
    top: auto;
    bottom: 50px;
    left: 10%;
}

@media only screen and (max-width:1600px) {
    body.products .image.fullpage-left ~ .productdesc {
        right: 0;
    }

    body.products .image.fullpage-right ~ .productdesc {
        left: 0;
    }
}

body.products .image.left ~ .productdesc .descr_cont, body.products .image.left-bottom ~ .productdesc .descr_cont, body.products .image.left-full ~ .productdesc .descr_cont {
    float: left;
}

body.products .image.right ~ .productdesc .descr_cont, body.products .image.right-top ~ .productdesc .descr_cont, body.products .image.right-bottom ~ .productdesc .descr_cont, body.products .image.right-full ~ .productdesc .descr_cont {
    float: right;
}

body.products .image.center-bottom ~ .productdesc .descr_cont {
    margin: 0 auto;
    max-width: 560px;
    float: none;
}

    body.products .image.center-bottom ~ .productdesc .descr_cont h1 {
        width: 100%;
        font-family: 'Microsoft YaHei';
        margin-bottom: 15px;
    }

    body.products .image.center-bottom ~ .productdesc .descr_cont * {
        text-align: center;
    }

@media only screen and (max-width:1380px) {
    body.products .image.center-bottom img {
        height: auto;
        max-width: 100%;
    }
}

@media only screen and (max-width:1360px) {
    body.products .image.right-top img {
        right: auto;
        left: 43%;
    }
}

@media only screen and (max-width:980px) {
    body.products .image.right-top img {
        right: auto;
        left: 370px;
    }
}

body.products .salsa ~ .slide .image.left img {
    max-height: 841px;
}

body.products .salsa ~ .slide .image.right ~ .productdesc {
    top: 32%;
}

body.products .salsa ~ .slide .image.right-top img {
    max-height: 800px;
}

body.products .salsa ~ .slide .image.right-top ~ .productdesc {
    top: 50%;
}

@media only screen and (max-width:1530px) {
    body.products .salsa ~ .slide .image.right-top ~ .productdesc {
        top: 55%;
    }

    body.products .salsa ~ .slide .image.right-top img {
        right: 0;
        left: auto;
    }
}

body.products .salsa ~ .slide .image.right-bottom img {
    max-height: 932px;
}

body.products .salsa ~ .slide .image.right-bottom ~ .productdesc {
    margin-left: -40px;
}

@media only screen and (max-width:1660px) {
    body.products .salsa ~ .slide .image.right-bottom img {
        right: auto;
        left: 32.3%;
    }
}

@media only screen and (max-width:880px) {
    body.products .salsa ~ .slide .image.right-bottom ~ .productdesc {
        margin-left: -20px;
    }

    body.products .salsa ~ .slide .image.right-bottom img {
        right: auto;
        left: 20%;
    }
}

body.products .salsa-deluxe ~ .slide .image.left img {
    max-height: 778px;
}

body.products .salsa-deluxe ~ .slide .image.right img {
    max-height: 900px;
    right: auto;
    left: 44%;
}

body.products .salsa-deluxe ~ .slide .image.right-top img {
    max-height: 865px;
    left: auto;
    right: 0;
}

body.products .salsa-deluxe ~ .slide .image.right-top ~ .productdesc {
    top: 50%;
    width: 50%;
}

@media only screen and (max-width:1320px) {
    body.products .salsa-deluxe ~ .slide .image.right-top img {
        right: auto;
        left: 19%;
    }

    body.products .salsa-deluxe ~ .slide .image.right-top ~ .productdesc {
        top: 60%;
    }
}

@media only screen and (max-width:800px) {
    body.products .salsa-deluxe ~ .slide .image.right-top img {
        left: 0;
    }
}

body.products .salsa-air ~ .slide .image.left img {
    max-height: 910px;
}

body.products .salsa-air ~ .slide .image.right-bottom img {
    max-height: 660px;
}

@media only screen and (max-width:1650px) {
    body.products .salsa-air ~ .slide .image.right-bottom img {
        right: auto;
        left: 10%;
    }
}

@media only screen and (max-width:1360px) {
    body.products .salsa-air ~ .slide .image.right-bottom img {
        left: auto;
        right: -19.2%;
    }

    body.products .salsa-air ~ .slide .image.right-bottom ~ .productdesc {
        top: 20%;
    }
}

@media only screen and (max-width:778px) {
    body.products .salsa-air ~ .slide .image.fullpage-right img {
        left: -12%;
    }
}

body.products .salsa-air ~ .slide .image.fullpage-right ~ .productdesc {
    top: 34%;
    right: 56%;
    left: auto;
    bottom: auto;
}

    body.products .salsa-air ~ .slide .image.fullpage-right ~ .productdesc .descr_cont {
        float: right;
    }

body.products .bolero ~ .slide .image.left img {
    max-height: 850px;
}

body.products .bolero ~ .slide .image.left ~ .productdesc {
    top: 34%;
}

body.products .bolero ~ .slide .image.right img {
    max-height: 813px;
    left: 47%;
}

body.products .bolero ~ .slide .image.left-full img {
    left: auto;
    right: 40%;
}

body.products .bolero ~ .slide .image.left-full ~ .productdesc {
    left: 55%;
    top: 55%;
}

@media only screen and (max-width:800px) {
    body.products .bolero ~ .slide .image.left-full img {
        right: 28%;
    }
}

body.products .bolero ~ .slide .image.left-top img {
    left: 5%;
}

body.products .bolero ~ .slide .image.left-top ~ .productdesc {
    top: 20%;
}

@media only screen and (max-width:1540px) {
    body.products .bolero ~ .slide .image.left-top img {
        left: -5%;
    }

    body.products .bolero ~ .slide .image.left-top ~ .productdesc {
        width: 35%;
        left: auto;
        right: 0;
    }
}

@media only screen and (max-width:1040px) {
    body.products .bolero ~ .slide .image.left-top ~ .productdesc {
        top: auto;
        bottom: 10%;
        left: 0;
    }

    body.products .bolero ~ .slide .image.left-top img {
        left: -8%;
    }
}

body.products .limbo ~ .slide .image.left-bottom img {
    height: 100%;
    max-height: 930px;
}

body.products .limbo ~ .slide .image.left-bottom ~ .productdesc {
    left: 62%;
    top: 16%;
}

@media only screen and (max-width:1270px) {
    body.products .limbo ~ .slide .image.left-bottom ~ .productdesc {
        left: 0;
        top: 8%;
    }
}

@media only screen and (max-width:800px) {
    body.products .limbo ~ .slide .image.left-bottom img {
        left: -20%;
    }

    body.products .limbo ~ .slide .image.left-bottom ~ .productdesc {
        top: 4%;
        width: 440px;
    }
}

body.products .limbo ~ .slide .image.right-bottom img {
    max-height: 805px;
}

@media only screen and (max-width:1890px) {
    body.products .limbo ~ .slide .image.right-bottom img {
        left: 44.2%;
    }
}

body.products .bossa-nova ~ .slide .image.right-bottom img {
    height: 100%;
    max-height: 760px;
    right: 0;
}

body.products .bossa-nova ~ .slide .image.right-bottom ~ .productdesc {
    width: 45%;
}

@media only screen and (max-width:1420px) {
    body.products .bossa-nova ~ .slide .image.right-bottom ~ .productdesc {
        width: 35%;
    }
}

@media only screen and (max-width:1250px) {
    body.products .bossa-nova ~ .slide .image.right-bottom ~ .productdesc {
        top: 5%;
    }
}

@media only screen and (max-width:880px) {
    body.products .bossa-nova ~ .slide .image.right-bottom ~ .productdesc {
        width: 55%;
    }
}

body.products .bossa-nova ~ .slide .image.left-bottom img {
    height: 100%;
    max-height: 900px;
}

@media only screen and (max-width:1560px) {
    body.products .bossa-nova ~ .slide .image.left-bottom ~ .productdesc {
        left: 62%;
    }
}

@media only screen and (max-width:1270px) {
    body.products .bossa-nova ~ .slide .image.left-bottom ~ .productdesc {
        left: 3%;
        top: 5%;
    }
}

body.products .attache ~ .slide .image.left img {
    left: auto;
    right: 32%;
    max-height: 515px;
}

body.products .attache ~ .slide .image.left ~ .productdesc {
    top: 22%;
    bottom: auto;
    left: 60%;
}

body.products .attache ~ .slide .image.right img {
    left: 34%;
    max-height: 835px;
}

body.products .attache ~ .slide .image.right ~ .productdesc {
    top: 25%;
}

@media only screen and (max-width:960px) {
    body.products .attache ~ .slide .image.right img {
        left: 2%;
    }
}

body.products .attache ~ .slide .image.right ~ .productdesc {
    right: 56%;
}

body.products .attache ~ .slide .image.fullpage-right ~ .productdesc {
    top: 12%;
    left: 10%;
}

body.products .pilot ~ .slide .image.left img {
    max-height: 837px;
}

body.products .pilot ~ .slide .image.right img {
    max-height: 848px;
    left: 36%;
}

body.products .attache ~ .slide .image.right ~ .productdesc {
    top: 30%;
}

body.products .pilot ~ .slide .image.right-top img {
    right: auto;
    left: 44%;
}

@media only screen and (max-width:960px) {
    body.products .pilot ~ .slide .image.right img {
        left: 22%;
    }
}

body.products .topas ~ .slide .image.right img {
    max-height: 781px;
}

body.products .topas ~ .slide .image.center-bottom img {
    max-height: 90%;
}

body.products .topas ~ .slide .image.right-top img {
    max-height: 829px;
}

@media only screen and (max-width:1360px) {
    body.products .topas ~ .slide .image.right-top img {
        right: auto;
        left: 55%;
    }
}

@media only screen and (max-width:980px) {
    body.products .topas ~ .slide .image.right-top img {
        right: auto;
        left: 310px;
    }

    body.products .topas ~ .slide .image.right-top ~ .productdesc {
        width: 370px;
    }
}

body.products .topas ~ .slide .image.right-bottom img {
    height: 100%;
    max-height: 880px;
}

@media only screen and (max-width:1350px) {
    body.products .topas ~ .slide .image.right-bottom img {
        left: auto;
        right: -30%;
    }
}

@media only screen and (max-width:1100px) {
    body.products .topas ~ .slide .image.right-bottom ~ .productdesc {
        top: 12%;
    }
}

@media only screen and (max-width:980px) {
    body.products .topas ~ .slide .image.right-bottom ~ .productdesc {
        top: 5%;
    }
}

body.products .titanium ~ .slide .image.left img {
    max-height: 860px;
}

@media only screen and (max-width:1650px) {
    body.products .titanium ~ .slide .image.right-full img {
        right: -10%;
    }
}

@media only screen and (max-width:1300px) {
    body.products .titanium ~ .slide .image.right-full img {
        right: -25%;
    }
}

@media only screen and (max-width:1140px) {
    body.products .titanium ~ .slide .image.right-full img {
        right: -40%;
    }
}

@media only screen and (max-width:960px) {
    body.products .titanium ~ .slide .image.right-full img {
        right: -55%;
    }
}

body.products .titanium ~ .slide .image.right-full ~ .productdesc {
    width: 40%;
    bottom: 10%;
}

body.products .topas-stealth ~ .slide .image.left ~ .productdesc {
    top: 35%;
}

body.products .topas-stealth ~ .slide .image.fullpage-left ~ .productdesc {
    top: 12%;
    bottom: auto;
}

body.products .topas-stealth ~ .slide .image.right-bottom img {
    max-height: 750px;
}

body.products .topas-stealth ~ .slide .image.right-bottom ~ .productdesc {
    top: 21%;
}

@media only screen and (max-width:1140px) {
    body.products .topas-stealth ~ .slide .image.right-bottom ~ .productdesc {
        top: 10%;
    }
}

body.products .classic-flight ~ .slide .image.right-bottom ~ .productdesc {
    width: 400px;
    left: 20%;
}

@media only screen and (max-width:1640px) {
    body.products .classic-flight ~ .slide .image.right-bottom ~ .productdesc {
        width: 400px;
        left: 2%;
    }
}

@media only screen and (max-width:1360px) {
    body.products .classic-flight ~ .slide .image.right-bottom ~ .productdesc {
        top: 10%;
    }
}

@media only screen and (max-width:880px) {
    body.products .classic-flight ~ .slide .image.right-bottom ~ .productdesc {
        top: 10%;
    }

    body.products .classic-flight ~ .slide .image.right-bottom img {
        right: -24%;
    }
}

body.products .classic-flight ~ .slide .image.right-bottom img {
    max-height: 800px;
}

body.products .onyx ~ .slide .image.right img {
    left: 40%;
}

body.products .onyx ~ .slide .image.right-bottom img {
    right: -200px;
}

body.products .onyx ~ .slide .image.right-bottom ~ .productdesc {
    top: 13%;
}

@media only screen and (max-width:1550px) {
    body.products .onyx ~ .slide .image.right-bottom ~ .productdesc {
        width: 33%;
        top: 5%;
    }
}

@media only screen and (max-width:1180px) {
    body.products .onyx ~ .slide .image.right-bottom img {
        left: auto;
        right: -35%;
        max-height: 460px;
    }

    body.products .onyx ~ .slide .image.right-bottom {
        left: auto !important;
        right: 0 !important;
        width: 50%;
    }

        body.products .onyx ~ .slide .image.right-bottom ~ .productdesc {
            width: 45%;
        }
}

@media only screen and (max-width:800px) {
    body.products .onyx ~ .slide .image.right-bottom img {
        right: -55%;
    }

    body.products .onyx ~ .slide .image.right-bottom ~ .productdesc {
        width: 55%;
        top: 3%;
    }
}

@media only screen and (max-width:1420px) {
    body.products .onyx ~ .slide .image.right-full ~ .productdesc {
        width: auto;
    }
}

@media only screen and (max-width:1199px) {
    body.products .onyx ~ .slide .image.right-full img {
        right: -15%;
    }
}

@media only screen and (max-width:1023px) {
    body.products .onyx ~ .slide .image.right-full img {
        right: -35%;
    }
}

@media only screen and (max-width:899px) {
    body.products .onyx ~ .slide .image.right-full img {
        right: -45%;
    }

    body.products .onyx ~ .slide .image.right-full ~ .productdesc {
        width: 45%;
        padding: 0 10px;
    }
}

body.products .onyx ~ .slide .image.right-top img {
    max-height: 800px;
}

body.products .onyx ~ .slide .image.right-top ~ .productdesc {
    width: 40%;
}

@media only screen and (max-width:1620px) {
    body.products .onyx ~ .slide .image.right-top ~ .productdesc {
        width: 33%;
    }
}

@media only screen and (max-width:1440px) {
    body.products .onyx ~ .slide .image.right-top img {
        max-height: 690px;
    }
}

@media only screen and (max-width:1200px) {
    body.products .onyx ~ .slide .image.right-top img {
        max-height: 580px;
    }
}

@media only screen and (max-width:920px) {
    body.products .onyx ~ .slide .image.right-top ~ .productdesc {
        width: 44%;
    }

    body.products .onyx ~ .slide .image.right-top img {
        max-height: 720px;
    }
}

@media only screen and (max-width:1200px) {
    body.products .gourmet ~ .slide .image.right ~ .productdesc {
        top: 10%;
    }

    body.products .gourmet ~ .slide .image.right img {
        left: 45%;
    }
}

@media only screen and (max-width:1023px) {
    body.products .gourmet ~ .slide .image.right ~ .productdesc {
        width: 42%;
    }
}

body.products .gourmet ~ .slide .image.right-bottom ~ .productdesc {
    width: 40%;
    top: 22%;
}

body.products .gourmet ~ .slide .image.right-bottom img {
    max-height: 800px;
}

@media only screen and (max-width:1560px) {
    body.products .gourmet ~ .slide .image.right-bottom ~ .productdesc {
        width: 28%;
        top: 23%;
    }
}

@media only screen and (max-width:1360px) {
    body.products .gourmet ~ .slide .image.right-bottom img {
        max-height: 600px;
    }
}

@media only screen and (max-width:1130px) {
    body.products .gourmet ~ .slide .image.right-bottom ~ .productdesc {
        width: 33%;
    }

    body.products .gourmet ~ .slide .image.right-bottom img {
        max-height: 520px;
        right: -100px;
    }
}

@media only screen and (max-width:970px) {
    body.products .gourmet ~ .slide .image.right-bottom ~ .productdesc {
        left: 0;
        top: 5%;
        width: 45%;
    }

        body.products .gourmet ~ .slide .image.right-bottom ~ .productdesc .descr_cont {
            float: none;
        }
}

body.products .gourmet ~ .slide .image.left-full img {
    top: auto;
    bottom: 0;
    left: 14%;
    max-height: 660px;
}

body.products .gourmet ~ .slide .image.left-full ~ .productdesc {
    top: 5%;
    left: 47%;
}

@media only screen and (max-width:1680px) {
    body.products .gourmet ~ .slide .image.left-full img {
        left: 22%;
        max-height: 560px;
    }

    body.products .gourmet ~ .slide .image.left-full ~ .productdesc {
        left: 55%;
    }
}

@media only screen and (max-width:1530px) {
    body.products .gourmet ~ .slide .image.left-full img {
        left: 18%;
    }
}

@media only screen and (max-width:1280px) {
    body.products .gourmet ~ .slide .image.left-full img {
        left: 10%;
    }

    body.products .gourmet ~ .slide .image.left-full ~ .productdesc {
        left: 52%;
    }
}

@media only screen and (max-width:1200px) {
    body.products .gourmet ~ .slide .image.left-full img {
        left: 0;
    }

    body.products .gourmet ~ .slide .image.left-full ~ .productdesc {
        left: 45%;
    }
}

@media only screen and (max-width:1080px) {
    body.products .gourmet ~ .slide .image.left-full img {
        left: 10%;
        max-height: 460px;
    }

    body.products .gourmet ~ .slide .image.left-full ~ .productdesc {
        width: 55%;
        left: 50%;
    }
}

@media only screen and (max-width:900px) {
    body.products .gourmet ~ .slide .image.left-full img {
        left: -2%;
        max-height: 440px;
    }

    body.products .gourmet ~ .slide .image.left-full ~ .productdesc {
        left: 45%;
    }
}

@media only screen and (max-width:1400px) {
    body.products .small-leather-goods-women ~ .slide .image.center-bottom ~ .productdesc {
        top: 5%;
    }
}

@media only screen and (max-width:768px) {
    body.products .small-leather-goods-women ~ .slide .image.center-bottom ~ .productdesc {
        top: 22%;
    }
}

body.products .small-leather-goods-women ~ .slide .image.left-bottom ~ .productdesc {
    top: 25%;
    left: 65%;
}

body.products .small-leather-goods-women ~ .slide .image.left-bottom img {
    left: auto;
    right: 30%;
    height: 100%;
    max-height: 850px;
}

@media only screen and (max-width:1280px) {
    body.products .small-leather-goods-women ~ .slide .image.left-bottom ~ .productdesc {
        width: 35%;
    }
}

@media only screen and (max-width:1024px) {
    body.products .small-leather-goods-women ~ .slide .image.left-bottom ~ .productdesc {
        width: 55%;
        left: 0;
        top: 5%;
    }

    body.products .small-leather-goods-women ~ .slide .image.left-bottom img {
        left: auto;
        right: -10%;
        max-height: 500px;
    }
}

@media only screen and (max-width:800px) {
    body.products .small-leather-goods-women ~ .slide .image.left-bottom ~ .productdesc {
        width: 65%;
    }

        body.products .small-leather-goods-women ~ .slide .image.left-bottom ~ .productdesc .descr_cont {
            width: 440px;
        }

    body.products .small-leather-goods-women ~ .slide .image.left-bottom img {
        right: 0;
        bottom: -6%;
    }
}

body.products .small-leather-goods-women ~ .slide .image.fullpage-left, body.products .small-leather-goods-men ~ .slide .image.fullpage-left {
    position: static;
}

    body.products .small-leather-goods-women ~ .slide .image.fullpage-left img, body.products .small-leather-goods-men ~ .slide .image.fullpage-left img {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: inherit;
        top: auto;
    }

    body.products .small-leather-goods-women ~ .slide .image.fullpage-left ~ .productdesc, body.products .small-leather-goods-men ~ .slide .image.fullpage-left ~ .productdesc {
        margin-left: 15%;
        top: 18%;
        left: 0;
        right: 0;
        width: 100%;
    }

        body.products .small-leather-goods-women ~ .slide .image.fullpage-left ~ .productdesc .descr_cont, body.products .small-leather-goods-men ~ .slide .image.fullpage-left ~ .productdesc .descr_cont {
            max-width: 440px;
            margin: 0 auto;
        }

@media only screen and (max-width:1400px) {
    body.products .small-leather-goods-women ~ .slide .image.fullpage-left ~ .productdesc, body.products .small-leather-goods-men ~ .slide .image.fullpage-left ~ .productdesc {
        top: 10%;
        margin-left: 18%;
    }
}

body.products .small-leather-goods-women ~ .slide .image.center-bottom ~ .productdesc, body.products .small-leather-goods-men ~ .slide .image.center-bottom ~ .productdesc {
    margin-right: 12%;
    top: 5%;
}

    body.products .small-leather-goods-men ~ .slide .image.center-bottom ~ .productdesc .descr_cont {
        width: 340px;
    }

@media only screen and (max-width:1200px) {
    body.products .small-leather-goods-men ~ .slide .image.center-bottom ~ .productdesc {
        margin-right: 15%;
    }

        body.products .small-leather-goods-men ~ .slide .image.center-bottom ~ .productdesc .descr_cont {
            width: 320px;
        }
}

@media only screen and (max-width:800px) {
    body.products .small-leather-goods-men ~ .slide .image.center-bottom ~ .productdesc {
        margin-right: 23%;
    }
}

body.products .small-leather-goods-men ~ .slide .image.right-bottom ~ .productdesc {
    top: 15%;
    width: 50%;
}

body.products .small-leather-goods-men ~ .slide .image.right-bottom img {
    height: 100%;
}

@media only screen and (max-width:1020px) {
    body.products .small-leather-goods-men ~ .slide .image.right-bottom ~ .productdesc {
        top: 5%;
    }

    body.products .small-leather-goods-men ~ .slide .image.right-bottom img {
        right: -12%;
    }
}

body.products .onyx ~ .slide .image:after, #onyx.products_details .productdesc:after {
    content: url(../images/coming_soon.png);
}

body.products .onyx ~ .slide .image:after {
    position: absolute;
    top: 5%;
}

body.products .onyx ~ .slide .image.left:after, body.products .onyx ~ .slide .image.right-bottom:after {
    right: 15%;
}

@media only screen and (max-width:1200px) {
    body.products .onyx ~ .slide .image.left:after, body.products .onyx ~ .slide .image.right-bottom:after {
        right: 20px;
    }
}

body.products .onyx ~ .slide .image.right:after, body.products .onyx ~ .slide .image.right-full:after, body.products .onyx ~ .slide .image.right-top:after {
    left: 15%;
}

@media only screen and (max-width:1420px) {
    body.products .onyx ~ .slide .image.right:after, body.products .onyx ~ .slide .image.right-full:after, body.products .onyx ~ .slide .image.right-top:after {
        left: 20px;
    }
}

#onyx.products_details .productdesc:after {
    display: block;
    margin-top: 40px;
}

body.products .onyx ~ .slide .image {
    position: static !important;
}

    body.products .onyx ~ .slide .image.left ~ .productdesc {
        top: 35%;
    }

    body.products .onyx ~ .slide .image.right ~ .productdesc, body.products .onyx ~ .slide .image.right-full ~ .productdesc, body.products .onyx ~ .slide .image.right-top ~ .productdesc {
        top: 40%;
    }

    body.products .onyx ~ .slide .image.right-bottom img {
        max-height: 65%;
        right: 0 !important;
    }

@media only screen and (max-width:920px) {
    body.products .onyx ~ .slide .image.right-bottom img {
        right: -180px !important;
    }
}

body.products .onyx ~ .slide .image.right-bottom ~ .productdesc {
    top: 15% !important;
    width: 50% !important;
}

.slidebg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fafafa;
}

    .slidebg img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
    }

.productpage .slide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    padding-top: 105px;
    display: none;
}

    .productpage .slide:first-child,
    .productpage .slidebg + .slide {
    }

.productpage .slidenav {
    display: block;
    position: absolute;
    right: 16px;
    bottom: 21px;
    z-index: 50;
}

    .productpage .slidenav ul {
        list-style: none;
    }

    .productpage .slidenav li {
        float: left;
    }

    .productpage .slidenav span {
        display: block;
        background: #e5e5e5;
        width: 20px;
        height: 20px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        float: left;
        margin: 0 4px;
        cursor: pointer;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        -ms-transition: all .2s linear;
        transition: all .2s linear;
    }

        .productpage .slidenav span:hover {
            background: #dedede;
        }

        .productpage .slidenav span.active {
            background: #a7a7a8;
        }

#storemap {
    position: relative;
    height: 470px;
}

    #storemap #map_canvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#retailersearch_box {
    background: #525252;
    width: 300px;
    padding-bottom: 38px;
    position: absolute;
    z-index: 999;
    margin: 0 auto;
    text-align: center;
    top: 65px;
    right: 0;
    left: -30%;
    cursor: move;
}

    #retailersearch_box h1 {
        font-family: "VAG Rounded LT W02 Light";
        font-weight: normal;
        font-size: 1.65em;
        line-height: 1em;
        text-transform: uppercase;
        color: #fff;
        margin-top: 34px;
    }

    #retailersearch_box input[type=""], #retailersearch_box .select {
        width: 220px;
        height: 35px;
        cursor: pointer;
    }

    #retailersearch_box input[type=" "] {
        margin-top: 10px;
        width: 225px;
        left: 1px;
    }

html.js #retailersearch_box input[type="submit"] {
    display: none;
}

#retailersearch_box .select {
    margin-bottom: 11px;
}

#retailersearch_box .select, #contact_form .select, #contact_form input[type="submit"], #contact_form textarea {
    background: transparent url(../images/select_bg.png) no-repeat -1px -1px;
    font-size: 1em;
    padding: 6px 0 6px 7px;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
}

#contact_form .select, #contact_form input[type="submit"], #contact_form textarea {
    font-family: "Univers LT W02_45 Light1475946" !important;
}

#retailersearch_box #stateSelect {
    display: none;
}

#retailersearch_box option, #contact_form option {
    background: #fafafa;
    font-size: .95em;
    font-family: "VAG Rounded LT W02 Thin";
    color: #898989;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e0e0e0;
    padding: 2px 10px;
}

    #retailersearch_box option[disabled="text"], #contact_form option[disabled="text"] {
        color: #b3b3b3;
    }

    #retailersearch_box option[selected="disabled"], #contact_form option[selected="disabled"] {
        color: #b3b3b3;
    }

#citySelectContainer .select-list li:nth-child(2) {
    border-bottom-color: #c7c7c7;
}

#contact_form .error input[type="selected"], #contact_form .error textarea, #contact_form .error.select, #contact_form .error .custom-text {
    border: 1px solid red;
}

.filters h3 {
    margin: 6px 0 3px;
    text-align: left;
    font-family: 'Univers LT W02_45 Light1475946';
    font-size: .95em;
    font-weight: normal;
    color: #8c9798;
    cursor: default;
}

.filter {
    position: relative;
    padding: 7px 31px 7px 8px;
    text-align: left;
    color: #a0adae;
    border: 1px solid #899495;
    font-family: 'Univers LT W02_45 Light1475946';
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: default;
}

.closefilter {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 31px;
    background: url('../images/remove-filter.png') center center no-repeat;
    cursor: pointer;
}

.mapInfo {
    line-height: 1.35;
    overflow: hidden;
}

.retailpages {
    width: 960px;
    margin: 0 auto;
    clear: both;
}

#retailresults {
    padding: 50px 0;
}

    #retailresults .table-cell {
        width: 33.33%;
        border-top: 1px solid #f1f1f1;
        padding: 15px 10px 5px 70px;
    }

    #retailresults .storetitle, .servicestations .storetitle {
        color: #808080;
        font-family: "Univers LT W02_67 Bold Cond";
        margin: 0;
    }

    #retailresults a .storetitle {
        text-decoration: underline;
    }

    #retailresults .table-cell.new .storetitle {
        color: #2890c0;
    }

.retailpages p {
    margin: 0 0 10px;
    line-height: 1.3em;
    color: #8a8a8a;
}

#retailresults .storetitle:before {
    content: url(../images/bulletpoint.png);
    position: absolute;
    margin-left: -17px;
}

#retailresults .table-cell.new {
    background: url(../images/icon_new.png) no-repeat 16px 9px;
}

    #retailresults .table-cell.new.flagshipstore {
        background-position: 4px 10px;
    }

    #retailresults .table-cell.new .storetitle:before {
        content: url(../images/bulletpoint_new.png);
    }

    #retailresults .table-cell.new.flagshipstore .storetitle:before {
        content: url(../images/icon_bag_new.png);
    }

#retailresults .table-cell.flagshipstore .storetitle:before {
    content: url(../images/icon_bag.png);
    margin-left: -28px;
}

#retailresults .legend {
    float: right;
    width: 45%;
    padding: 10px 0 0 31px !important;
}

    #retailresults .legend .retaillegend.flagshipstore {
        float: left;
        margin-right: 10px;
    }

    #retailresults .legend .retaillegend.retailer {
        float: right;
        padding-left: 16px;
    }

div.pagenumbers {
    padding: 5px 5px 0 70px;
    border-top: 1px solid #f1f1f1;
    overflow: hidden;
}

#retailresults .table ~ div.pagenumbers {
    padding-top: 14px;
}

ul.pagenumbers, ul.pagenumbers li {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.pagenumbers {
    display: inline-block;
    padding: 5px 0;
}

    ul.pagenumbers li {
        float: left;
    }

    ul.pagenumbers a {
        display: block;
        font-family: "VAG Rounded LT W02 Thin";
        font-size: 1.2em;
        text-decoration: none;
        text-align: center;
        color: #6e6e6e;
        padding: 2px 0;
        width: 28px;
        height: 28px;
        margin: 0 5px;
    }

        ul.pagenumbers a.active {
            background: #f3f3f3;
            border: 1px solid #e5e5e5;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            margin: 0 10px;
        }

    ul.pagenumbers li:first-child a {
        margin-left: 0;
    }

    ul.pagenumbers li:before {
        position: absolute;
        content: "selected";
        font-size: 1.3em;
        color: #dfdfdf;
        margin: 1px 0 0 -3px;
    }

    ul.pagenumbers li:first-child:before {
        content: "text";
        display: none;
    }

#retaildetail {
    position: relative;
    overflow: hidden;
    padding: 80px 0 50px;
}

    #retaildetail .left {
        float: left;
        width: 40%;
    }

    #retaildetail .right {
        display: inline-block;
        float: right;
        padding-top: 3px;
    }

    #retaildetail .legend {
        padding: 0 0 16px;
    }

    #retaildetail .back {
        display: block;
        background: url(../images/icon_back.png) no-repeat left center;
        text-decoration: none;
        padding: 10px 0 10px 34px;
        color: #9f9f9f;
        position: absolute;
        top: 5px;
    }

    #retaildetail ul.pagenumbers {
        display: none;
    }

html.js #retaildetail ul.pagenumbers {
    display: block;
}

@media (max-width:1020px) {
    #retaildetail {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

        #retaildetail .right {
            display: block;
            width: 60%;
            max-width: 540px;
        }

            #retaildetail .right img {
                width: 100%;
            }
}

@media (max-width:960px) {
    .retailpages {
        width: 100%;
    }
}

@media (max-width:800px) {
    #retailresults .legend {
        width: auto;
    }
}

/**********************
    业绩
************************/
.history #content {
    padding: 0;
    margin-top: 105px;
}

.history .pagehead {
    padding-top: 95px;
    padding-bottom: 40px;
}

@media screen and (min-height:1000px) {
    .history .pagehead {
        padding-top: 120px;
        padding-bottom: 60px;
    }
}


@media screen and (min-height:1150px) {
    .history .pagehead {
        padding-top: 160px;
        padding-bottom: 70px;
    }
}

.history .pagehead .wrapper {
    width: 1020px;
    margin: 0 auto;
    padding-left: 310px;
}

    .history .pagehead .wrapper p {
        text-align: left;
        margin-left: 0;
        font: normal 1.467rem 'Microsoft JhengHei';
        color: #646464;
        margin-bottom: 0;
    }

    .history .pagehead .wrapper > div {
        position: relative;
        padding-top: 15px;
    }

        .history .pagehead .wrapper > div span {
            display: inline-block;
            border: 5px solid #646464;
            font-family: 'Malvern LF','MalvernLF';
            font-size: 10rem;
            font-weight: bold;
            color: #646464;
            letter-spacing: -3px;
            padding: 0px 20px;
            padding-top: 13px;
            line-height: 80px;
        }

    .history .pagehead .wrapper .middle {
        position: absolute;
        top: 15px;
        padding-left: 260px;
        color: #646464;
        padding-top: 13px;
    }

        .history .pagehead .wrapper .middle h1 {
            font: bold 2.936rem 'Microsoft YaHei';
            text-align: left;
            width: 100%;
        }

        .history .pagehead .wrapper .middle h2 {
            font: normal 2.936rem 'Candara';
            margin-top: -5px;
        }

    .history .pagehead .wrapper p a {
        margin-left: 90px;
        display: inline-block;
        border: 1px solid #b8b8b8;
        padding: 1px 15px;
        margin-top: 40px;
        font: normal 1.467rem 'Candara';
        color: #b8b8b8;
        cursor: default;
    }


@media screen and (max-height:810px) {
    .history .pagehead {
        padding-top: 50px;
        padding-bottom: 30px;
    }

        .history .pagehead .wrapper > div span {
            font-size: 7rem;
            padding: 0px 20px;
            padding-top: 10px;
            line-height: 60px;
        }

        .history .pagehead .wrapper .middle {
            padding-left: 220px;
            padding-top: 10px;
        }

            .history .pagehead .wrapper .middle h1 {
                font-size: 2.4rem!important;
            }

            .history .pagehead .wrapper .middle h2 {
                font-size: 2.4rem!important;
            }

        .history .pagehead .wrapper p a {
            margin-top: 20px;
        }

    #autoSlide + .arrow {
        height: 70px!important;
        line-height: 65px!important;
    }
}

@media screen and (max-height:710px) {
    .history .pagehead {
        padding-top: 40px;
        padding-bottom: 30px;
    }

        .history .pagehead .wrapper > div span {
            font-size: 6rem;
        }

        .history .pagehead .wrapper .middle {
            padding-left: 200px;
        }
}

#vipslider {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    #vipslider ul {
        height: 530px;
        float: left;
        background-color: #000;
    }

    #vipslider .listWrap {
        width: 99999px;
        overflow: hidden;
    }

    #vipslider .tempWrap {
        width: 100% !important;
    }

    #vipslider ul,
    #vipslider li {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: 0;
    }

    #vipslider li {
        position: relative;
        float: left;
        border-right: 1px solid #000;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: opacity .3s linear;
        -moz-transition: opacity .3s linear;
        -o-transition: opacity .3s linear;
        -ms-transition: opacity .3s linear;
        transition: opacity .3s linear;
        width: auto;
        height: 100%;
        cursor: pointer;
        overflow: hidden;
    }

        #vipslider li img {
            -webkit-filter: grayscale(100%);
            -webkit-transition: all ease-in-out 0.5s;
            -moz-transition: all ease-in-out 0.5s;
            -o-transition: all ease-in-out 0.5s;
            transition: all ease-in-out 0.5s;
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: gray;
            height: 100%;
        }

        #vipslider li:hover img {
            -webkit-transform: scale(1.15);
            -moz-transform: scale(1.15);
            -moz-transform: scale(1.15);
            transform: scale(1.15);
            -webkit-filter: grayscale(0%);
            -moz-filter: grayscale(0%);
            -o-filter: grayscale(0%);
            filter: grayscale(0%);
            filter: gray;
        }

        #vipslider li a {
            padding: 0;
        }

        #vipslider li .description {
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transition: all ease-in-out .5s;
            transition: all ease-in-out .5s;
        }

        #vipslider li:hover .description {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        #vipslider li .description p {
            font: normal 1.467rem 'LibreSansSerifLightLt';
            color: #fffefe;
        }

            #vipslider li .description p.name {
                font-family: 'Microsoft JhengHei';
                margin-bottom: 3px;
            }

    #vipslider .slidenav {
        position: absolute;
        top: 0;
        z-index: 100;
        background: url(../images/vipslider_slidenav.png) repeat;
        height: 100%;
        width: 60px;
        cursor: pointer;
    }

    #vipslider .slideprev {
        left: 0;
    }

    #vipslider .slidenext {
        right: 0;
    }

        #vipslider .slideprev:after, #vipslider .slidenext:after {
            position: absolute;
            top: 50%;
        }

    #vipslider .slideprev:after {
        content: url(../images/lightbox_prev.png);
        left: 22px;
    }

    #vipslider .slidenext:after {
        content: url(../images/lightbox_next.png);
        right: 20px;
    }

#autoSlide + .arrow {
    text-align: center;
    height: 80px;
    line-height: 75px;
    font-size: 32px;
    -webkit-animation: floating-arrow 1.6s infinite ease-in-out 0s;
    -o-animation: floating-arrow 1.6s infinite ease-in-out 0s;
    animation: floating-arrow 1.6s infinite ease-in-out 0s;
}

@-webkit-keyframes floating-arrow {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    65% {
        -webkit-transform: translateY(11px);
        transform: translateY(11px);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes floating-arrow {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    65% {
        -webkit-transform: translateY(11px);
        transform: translateY(11px);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes floating-arrow {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    65% {
        -webkit-transform: translateY(11px);
        transform: translateY(11px);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.pagehead {
    width: 100%;
    padding: 10px 0 80px;
}

    .pagehead h1, .pagehead p {
        width: 535px;
        margin: 0 auto 10px;
        text-align: center;
    }

    .pagehead h1 {
        font: normal 2.933rem 'LibreSansSerifLightLt';
        color: #646464;
    }

    .pagehead p {
        font: normal 1.6rem 'Microsoft JhengHei';
        color: #9b9b9b;
    }

#viplists {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0px 0px;
}

.viplisttitle {
    padding-bottom: 50px;
    clear: both;
}

    .viplisttitle h1 {
        font: normal 2.933rem 'LibreSansSerifLightLt';
        text-transform: uppercase;
        color: #646464;
    }

    .viplisttitle p {
        font-family: 'Microsoft YaHei';
        font-size: 1.333rem;
        font-weight: normal;
        color: #9b9b9b;
        margin-top: -10px;
    }

#viplists .vipcol ul,
#viplists .vipcol li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#viplists .vipcol ul {
    padding: 70px 0 50px;
}

#viplists .vipcol li {
    padding: 4px 0px;
    /*font: normal 1.333rem 'Microsoft JhengHei';*/
    font: normal 1.333rem 'Microsoft YaHei';
}

    #viplists .vipcol li a {
        position: relative;
        color: #9b9b9b;
        text-decoration: none;
        cursor: default;
    }

#viplists .vipcol h2 {
    position: absolute;
    margin: 10px 0;
    font: normal 2.667rem 'Microsoft JhengHei';
    color: #828282;
}

    #viplists .vipcol h2 span {
        font-family: 'LibreSansSerifLightLt';
    }

#viplists .viprow {
    display: inline-block;
    width: 100%;
    /*padding-bottom: 20px;*/
}

#viplists .vipcol {
    width: 25%;
    float: left;
    padding-left: 20px;
}

    #viplists .vipcol:first-child {
        padding-left: 0;
    }

#viplists .overlay {
    position: absolute;
    top: -61px;
    z-index: -10;
    opacity: 0;
    filter: alpha(opacity=0);
    text-decoration: none;
    line-height: 0;
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    box-shadow: 2px 2px 4px #ccc;
}

.overlay .description,
.vipsliderlist .description,
.fancybox-title {
    background: url(../images/overlay_desc.png) repeat;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-decoration: none !important;
}

.overlay a:hover p {
    text-decoration: none !important;
}

.description p,
.fancybox-title p {
    color: #fff;
    margin: 0;
    padding: 0 10px 15px;
    text-align: center;
    line-height: 1.2em;
}

    .description p.name,
    .fancybox-title p.name {
        font-family: "VAG Rounded LT W02 Thin";
        text-transform: uppercase;
        padding: 15px 10px 0;
    }

.fancybox-thumb-wrap .fancybox-title p {
    text-align: left;
    padding-left: 20px;
}

    .fancybox-thumb-wrap .fancybox-title p.name {
        padding-bottom: 3px;
    }

#viplists .overlay:after,
#viplists .overlay:before {
    position: absolute;
    top: 60px;
}

#viplists .vipcol a:hover .overlay {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 10;
}

#viplists .vipcol-1 .overlay,
#viplists .vipcol-2 .overlay {
    left: 100%;
    margin-left: 20px;
}

    #viplists .vipcol-1 .overlay:before,
    #viplists .vipcol-2 .overlay:before {
        content: url(../images/overlay_arrow_left.png);
        left: -12px;
    }

#viplists .vipcol-4 .overlay,
#viplists .vipcol-3 .overlay {
    right: 100%;
    margin-right: 20px;
}

    #viplists .vipcol-4 .overlay:after,
    #viplists .vipcol-3 .overlay:after {
        content: url(../images/overlay_arrow_right.png);
    }

@media (max-width:1097px) {
    #viplists .overlay img {
        max-width: 480px;
    }
}

@media (max-width:979px) {
    #viplists .overlay img {
        max-width: 420px;
    }
}

@media (max-width:859px) {
    #viplists .overlay img {
        max-width: 358px;
    }
}

#careerpage {
    max-width: 960px;
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
}

    #careerpage .left,
    #careerpage .right {
        width: 50%;
        padding: 0 60px 50px 0;
    }

#careerlist .left,
#careerlist .right {
    float: left;
}

#careerpage #careerhead {
    padding: 0 0 20px;
    display: table;
}

.table-row {
    display: table-row;
    width: 100%;
}

#careerpage #careerhead img {
    width: 100%;
}

#careerpage #careerhead .left,
#careerpage #careerhead .right {
    display: table-cell;
}

#careerpage #careerhead .right {
    vertical-align: bottom;
    padding-bottom: 10px;
}

#careerpage #careerlist {
    clear: both;
    padding-top: 30px;
    border-top: 1px solid #f1f1f1;
}

#careerpage .custom-select {
    margin: 22px 0 18px;
}

#careerpage .jobtitle {
    font-family: "Univers LT W02_67 Bold Cond";
}

#careerlist ul,
#careerlist li {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #careerlist ul p {
        margin: 0;
    }

#careerlist a.special {
    margin: 10px 0 23px;
}

.repairpages {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

    .repairpages #repairhead {
        padding: 0 0 22px;
        border-bottom: 1px solid #f1f1f1;
        display: inline-block;
        width: 100%;
    }

        .repairpages #repairhead .left {
            float: left;
            width: 50%;
        }

        .repairpages #repairhead .right {
            float: right;
            width: 40%;
            padding-left: 20px;
            border-left: 1px solid #f6f6f6;
        }

        .repairpages #repairhead .select,
        .repairpages #repairhead .custom-select {
            width: 300px;
            margin: 0;
        }

        .repairpages #repairhead a.special {
            margin: 12px 0 0;
        }

.servicestations.table {
    margin-top: -4px;
}

.servicestations .table-cell {
    width: 33.33%;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 60px 5px 0;
}

.servicestations h2 {
    padding: 16px 0 12px !important;
    margin: 0;
}

#content.newspage,
#content.patentpage,
#content.rdcpage,
#content.factorypage,
#content.privacypage,
#content.lishipage,
#content.vippage,
.dealers #content,
#content.directorypage,
.home #content {
    padding-top: 0;
    padding-bottom: 0;
}

#content.lishipage {
    position: relative;
    background: url(../images/history/lishi_bg.jpg) no-repeat center bottom;
    background-size: cover;
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.home #content {
    background: white;
    padding-top: 15px;
}

#content.newspage,
#content.brandpage,
#content.jobpage,
#content.rdcpage,
#content.factorypage,
#content.privacypage,
#content.vippage,
#content.lishipage,
#content.catalogpage,
#content.directorypage,
#content.speechpage,
#content.patentpage {
    margin-top: 105px;
    padding-bottom: 40px;
}

#content.detailpage {
    margin-top: 210px;
    padding-bottom: 40px;
    background: none;
    padding: 0px;
}

#content.catalogpage {
    position: relative;
    background: url(../images/catalog/bg.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed !important;
    padding-top: 100px;
    padding-bottom: 100px;
}

@media screen and (min-height:1050px) {
    #content.catalogpage {
        padding-top: 155px;
        padding-bottom: 155px;
    }
}

.contact-form {
    background-color: rgba(0,0,0,0.3);
    padding: 5px 30px;
    margin: 30px 0;
}

    .contact-form h3 {
        margin-bottom: 25px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        /*font: bold 1.6rem 'Microsoft JhengHei';*/
    }

    .contact-form .form-control {
        min-height: 45px;
        border: 0px;
        box-shadow: none;
        -webkit-box-shadow: none;
        border: 1px solid #fff;
        border-radius: 0px;
        background-color: transparent;
        color: #fff;
        -webkit-border-radius: 0px;
    }

.help-block {
    margin: 0px;
}

    .help-block ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .help-block ul li {
            color: #fff;
            padding: 0px 10px;
            background-color: #00a99d;
            font-size: 12px;
        }

.btn {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 2px;
    border-radius: 0px;
    /*font-family: sans-serif;*/
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

    .btn:focus {
        outline: 0;
    }

.btn-white {
    color: #fff;
    padding: 0px;
    border: 1px solid #fff;
    padding: 10px 20px;
    background-color: transparent;
}

    .btn-white:hover {
        color: #00a99d;
        border-color: #fff;
        background-color: #fff;
    }

p {
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 1px;
    color: #444444;
    line-height: 24px;
}
/**********************
    news
***********************/
#newshead {
    width: 100%;
    overflow: hidden;
}

    #newshead .newsmap {
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        overflow: hidden;
        padding: 130px 20px;
        text-align: center;
    }

        #newshead .newsmap h1,
        #newshead .newsmap p {
            width: 100%;
            max-width: 550px;
            margin-left: auto;
            margin-right: auto;
            color: #fff;
        }

        #newshead .newsmap h1 {
            font: normal 4.7rem 'Microsoft YaHei';
            letter-spacing: 3px;
        }

        #newshead .newsmap p {
            font: normal 1.467rem 'Microsoft JhengHei';
            margin-top: 15px;
        }

        #newshead .newsmap span {
            display: inline-block;
            padding: 5px 20px;
            font: normal 2.364rem 'TwCenMTCondensed';
            margin-top: 10px;
            border: 2px solid #fff;
            text-transform: uppercase;
            color: #fff;
            letter-spacing: 0.05rem;
        }

.teaser-news .teaser-image a {
    display: none;
}

    .teaser-news .teaser-image a:first-child {
        display: block;
    }

/**********************
    patent
***********************/
.patentpage .newsmap .box {
    position: relative;
    width: 330px;
    border: 5px solid #fff;
    margin: 0 auto;
    padding: 5px;
    text-transform: uppercase;
}

    .patentpage .newsmap .box h1 {
        font: normal 5.216rem 'TwCenMTCondensed'!important;
        letter-spacing: 18px!important;
    }

    .patentpage .newsmap .box h3 {
        font: normal 1.834rem 'TwCenMTCondensed'!important;
        letter-spacing: 4px!important;
        margin-top: -10px;
        margin-bottom: 3px;
        color: #fff;
    }

.patentpage .newsmap p {
    text-transform: uppercase;
    font: normal 1.375rem 'TwCenMTCondensed'!important;
    letter-spacing: 3px;
}

.patentpage .container {
    /*border: 1px solid red;*/
    margin-bottom: 50px;
}

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

.patentpage .container .col {
    height: auto;
    padding: 6px;
}

    .patentpage .container .col .wrapper {
        width: 100%;
        height: 100%;
        background-color: #fafafa;
        padding: 40px 35px;
        text-align: center;
        position: relative;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .patentpage .container .col:hover .wrapper {
        -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.patentpage .container .col3 .wrapper {
    padding-bottom: 22px;
}

.patentpage .container .col8 .wrapper {
    padding-bottom: 16px;
}

.patentpage .container .col img {
    max-width: 100%;
}

.patentpage .container .col .intro {
    padding-top: 30px;
    width: 234px;
    max-width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: left;
    color: #000;
    /*border: 1px solid red;*/
}

    .patentpage .container .col .intro h1 {
        font: normal 2.533rem 'Microsoft JhengHei';
    }

    .patentpage .container .col .intro h2 {
        font: normal 2.133rem 'LibreSansSerifLightLt';
        text-transform: uppercase;
        margin-top: -5px;
    }

    .patentpage .container .col .intro p {
        font: normal 1.2rem 'Microsoft JhengHei';
        color: #9b9b9b;
        margin-top: 15px;
    }

.patentpage .container .col .apply {
    position: relative;
    font: normal 1.333rem 'Microsoft JhengHei';
    padding-top: 155px;
    width: 160px;
    max-width: 100%;
    margin: auto;
    margin-right: -20px;
    text-align: left;
    color: #000;
    /*border: 1px solid red;*/
}

.patentpage .container .col3 .apply {
    padding-top: 135px;
}

.patentpage .container .col5 .apply {
    padding-top: 146px;
}

.patentpage .container .col6 .apply {
    padding-top: 130px;
}

.patentpage .container .col8 .apply {
    padding-top: 187px;
}

.patentpage .container .col .apply span {
    color: #9b9b9b;
}

.patentpage .container .col .apply p {
    color: #000;
    margin-top: 5px;
}

.fancybox-inner video {
    background: black;
}

.content-row {
    width: 100%;
    max-width: 980px;
    padding: 0 20px;
    clear: both;
    margin: 0 auto 20px;
    overflow: hidden;
}

.divider {
    width: 100%;
    max-width: 940px;
    margin: 56px auto 50px;
    border-top: 1px solid rgba(73, 73, 73, 0.08);
}

.two-col-small {
    width: 40%;
}

.two-col-half {
    width: 45%;
}

.two-col-big {
    width: 46%;
}

.three-col {
    width: 31.91489361702128%;
    float: left;
    margin-right: 2.127659574468085%;
}

    .three-col:last-child {
        margin-right: 0;
    }

.four-col {
    width: 23%;
    float: left;
    padding-left: 2%;
}

    .four-col:first-child {
        padding-left: 0;
    }

.column {
    display: inline-block;
}

    .column.left {
        float: left;
    }

    .column.right {
        float: right;
    }

    .column img {
        margin-bottom: 16px;
        max-width: 100%;
    }

.three-col.column img {
    margin-top: 10px;
}

.teaser-content {
    display: table;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.teaser-content-inner {
    display: table-row;
}

.teaser-content .teaser-image {
    vertical-align: top;
}

    .teaser-content .teaser-image img {
        width: 100%;
    }

.teaser-content .teaser-description {
    vertical-align: middle;
}

.teaser-content .teaser-image, .teaser-content .teaser-description {
    display: table-cell;
    width: 50%;
}

.teaser-content h2 {
    padding-bottom: 10px;
}

.teaser-content .center-div {
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
}

#movies {
    width: 100%;
    max-width: 980px;
    padding: 0;
    clear: both;
    margin: 0 auto 20px;
    overflow: hidden;
}

.movie-poster {
    float: left;
    width: 22.53%;
    margin-left: 2%;
    color: #999;
}

    .movie-poster img {
        display: block;
        width: 96%;
        border: 4px solid #e7e7e7;
    }

    .movie-poster .info {
        height: 109px;
    }

    .movie-poster h2 {
        font-family: "Univers LT W02_67 Bold Cond";
        font-weight: normal;
        font-size: 1em;
        margin: 12px 0 0;
    }

    .movie-poster p {
        margin: 3px 0 18px 0;
    }

.box-darkgrey {
    background: #f0f0f0;
    padding: 30px;
}

    .box-darkgrey p, .box-darkgrey h1, .box-darkgrey h2 {
        color: #6e6e6e;
    }

    .box-darkgrey p, .box-darkgrey li {
        font-size: 1.06em;
    }

    .box-darkgrey ul, .box-darkgrey li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .box-darkgrey .linklist li {
        background: url('../images/icon_arrow_small_linklist.png') no-repeat 0 0;
        padding: 4px 0 4px 36px;
        margin-bottom: 5px;
    }

        .box-darkgrey .linklist li a {
            color: #757575;
        }

            .box-darkgrey .linklist li a:hover {
                color: #353535;
            }

#main_image {
    text-align: center;
    height: 470px;
    min-height: 470px;
    max-height: 640px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

    #main_image img {
        position: absolute;
        margin: auto;
        left: -50%;
        right: -50%;
        width: 100%;
        height: auto;
        min-width: 1920px;
    }

#faqpage {
    width: 100%;
    max-width: 660px;
    padding: 0 20px;
    margin: 0 auto 20px;
}

ul.spoilerlist {
    list-style: none;
    padding: 0;
    margin: 30px 0 0;
}

    ul.spoilerlist li {
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        margin-top: -1px;
        padding: 0;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        -ms-transition: all .2s linear;
        transition: all .2s linear;
    }

        ul.spoilerlist li.active {
            background: #f5f5f5;
            margin-left: -20px;
            margin-right: -20px;
            padding-left: 20px;
        }

            ul.spoilerlist li.active .spoilerlist_head p {
                font-family: "Univers LT W02_67 Bold Cond";
            }

        ul.spoilerlist li .spoilerlist_element {
            padding: 0 0 2px 0;
            min-height: 33px;
        }

        ul.spoilerlist li .spoilerlist_head {
            background: url(../images/spoilerlist_closed.png) no-repeat 590px 8px;
            background: url(../images/spoilerlist_closed.png) no-repeat 630px 8px\0/;
            padding: 10px 80px 2px 0;
            cursor: pointer;
            min-height: 33px;
        }

        ul.spoilerlist li.active .spoilerlist_head {
            background: url(../images/spoilerlist_open.png) no-repeat 590px 8px;
            background: url(../images/spoilerlist_open.png) no-repeat 630px 8px\0/;
        }

        ul.spoilerlist li .spoilerlist_body {
            padding-right: 40px;
        }

html.js .spoilerlist_body {
    display: none;
}

#teaser_container, .teaser_bg {
    width: 100%;
    height: 632px;
}

.teaser_bg {
    position: absolute;
    width: 815px;
    height: 598px;
    right: 0;
    background: url('../images/teaser_bg.png') no-repeat center center;
    background-size: cover;
}

.teaser {
    background: url('../images/bg_teaser.gif') 0 bottom repeat-x;
    float: left;
    width: 100%;
}

    .teaser img {
        float: right;
        width: 630px;
        border: 0;
    }

.teaser-inner, .teaser-range-inner {
    width: 1020px;
    margin: 0 auto;
    height: 10px;
}

.teaser-store-inner {
    width: 1000px;
    margin: 0 auto;
}

.teaser-cont {
    padding: 45px 75px 32px 0px;
    float: left;
    width: 485px;
}

.teaser-store-inner .teaser-cont {
    width: 340px;
    padding: 80px 65px 0 30px;
}

.teaser h2, .teaser-news h2, #contact_form h2 {
    margin: 0;
    font-family: 'LibreSansSerifLightLt';
    text-transform: uppercase;
    font-weight: normal;
    font-size: 2.933rem;
}

    .teaser h2 a, .teaser h2 span, .teaser-news h2 {
        text-decoration: none;
        color: #646464;
        font-weight: normal !important;
    }

    .teaser h2.subhead {
        font-family: 'Microsoft JhengHei';
        color: #828282;
        font-size: 2rem;
        letter-spacing: .03em;
        font-weight: normal;
        text-transform: none;
        line-height: 1.4em;
        margin: 15px 0 0 0;
        position: relative;
        bottom: .6em;
    }

.teaser p {
    margin: .46em 0 0 0;
    color: #9b9b9b;
    /*font-family: 'Microsoft JhengHei';*/
    font-family: 'Microsoft YaHei';
    font-size: 1.34rem;
    font-weight: normal;
    line-height: 21px;
}

.teaser-news p {
    font-size: 1.333rem;
    font-family: 'Microsoft YaHei';
    color: #8c8c8c;
    margin-top: 5px!important;
}

.teaser_icon {
    display: block;
    width: 58px;
    height: 57px;
    margin: 28px 0 0 0px;
    text-decoration: none;
    background: url('../images/icon_teaser.png');
}

.productpage .teaser_icon {
    background: url('../images/icon_productrange.png');
}

.productpage .titanium ~ div .teaser_icon {
    background: url('../images/icon_productrange_titanium.png');
}

.productpage .topas-stealth ~ div .teaser_icon {
    background: url('../images/icon_teaser-stealth.png');
}

.teaser-range-inner img {
    float: left;
    width: 495px;
    padding-left: 63px;
}

.teaser-store-inner img {
    width: 544px;
}

@media (max-width:1137px) {
    .teaser-inner, .teaser-range-inner {
        width: 100%;
    }

    .teaser img {
        width: 56.25%;
    }

    .teaser-store-inner img {
        width: 544px;
    }

    .teaser-range-inner img {
        width: 44.2%;
        padding-left: 5.6%;
    }

    .teaser-cont {
        padding: 5.8% 6.68% 2% 2.7%;
        width: 34.37%;
    }

    .teaser-store-inner .teaser-cont {
        width: 340px;
        padding: 80px 65px 0 30px;
    }

    .teaser-range-inner .teaser-cont {
        padding-right: 13.1%;
    }
}

@media (max-width:1020px) {
    .teaser-store-inner {
        width: 100%;
    }

        .teaser-store-inner img {
            width: 54%;
        }

        .teaser-store-inner .teaser-cont {
            width: 40%;
            padding: 3.8% 2.7% 2% 2.7%;
            padding: 80px 2.7% 0 2.7%;
        }
}

.teaser-news {
    background: #fff url(../images/bg_teaser.gif) repeat-x center bottom;
    overflow: hidden;
}

.teaser-news-inner {
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.teaser-news .teaser-news-inner > * {
    width: 50%;
}

.teaser-news .teaser-image img {
    width: 100%;
}

.teaser-news .teaser-image, .teaser .teaser-image {
    font-size: 1em;
    line-height: 1px;
    position: relative;
}

.teaser .teaser-image {
    float: right;
    width: 56.25%;
}

    .teaser .teaser-image img {
        width: 100%;
    }

.teaser .teaser-inner a.fancybox-thumb {
    display: block;
}

    .teaser-news .teaser-image a.fancybox-thumb-video:before,
    .teaser .teaser-inner a.fancybox-thumb:before {
        content: url(../images/icon_play.png);
        position: absolute;
        z-index: 10;
        top: 0;
        bottom: 0;
        height: 180px;
        width: 100%;
        margin: auto;
        text-align: center;
    }

.teaser-news .teaser-image a.fancybox-thumb:before img,
.teaser-news .teaser-image a.fancybox-thumbhumb-video:before img {
    width: 30px;
}

.teaser-news-left .teaser-news-inner > * {
    float: left;
}

.teaser-news-right .teaser-news-inner > * {
    float: right;
}

.teaser-news .teaser-description {
    position: absolute;
    right: 0;
    max-width: 630px;
    height: 100%;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}

    .teaser-news .teaser-description > div {
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -29px;
    }

.teaser-news-right .teaser-description {
    left: 0;
}

.teaser-news .teaser-description h2,
.teaser-news .teaser-description p {
    max-width: 470px;
    margin: 0 auto;
    text-align: center;
}

.fancybox-thumb-video .video-js,
.fancybox-thumb .video-js,
.teaser-image .video-js,
.fancybox-thumb-video .description,
.fancybox-thumb .description {
    display: none;
}

@media (max-width:1150px) {
    .teaser-news .teaser-description {
        padding: 30px 20px;
    }
}

@media (max-width:1024px) {
    .teaser-news .teaser-description {
        padding: 20px;
    }
}

/*************************
        企业认证
    *********************************/
.certifi {
    padding: 60px 0 70px;
    width: 856px;
    margin: 0 auto;
    border-bottom: 1px solid #e6e6e6;
}

    .certifi.first {
        padding-top: 105px;
    }

@media screen and (max-height:710px) {
    .certifi.first {
        padding-top: 55px;
    }
}

.certifi:last-child {
    border-bottom: 0;
}

.certifi h1 {
    font-family: 'Microsoft JhengHei';
    font-size: 2.723rem;
    font-weight: normal;
}

.certifi p {
    font-family: 'Microsoft JhengHei';
    font-size: 1.467rem;
    font-weight: normal;
    color: #646464;
    line-height: 1.6;
    margin-bottom: 50px;
}
/*************************
        商标使用
    *********************************/
.brandpage .brand {
    position: relative;
    padding: 60px 0 70px;
    width: 920px;
    margin: 0 auto;
    border-bottom: 1px solid #e6e6e6;
}

.brand1 {
    height: 300px;
}

.brand h1 {
    font: normal 3.333rem 'Microsoft JhengHei';
    color: #000;
}

    .brand h1 span {
        font-family: Candara;
    }

.brand p {
    font: normal 1.733rem 'Microsoft JhengHei';
    color: #646464;
    line-height: 1.5;
    margin-bottom: 25px;
}

.brand1 p span,
.brand2 p span {
    font-family: Candara;
}

.brandpage .brand > div {
    float: left;
}

.brandpage .brand > img {
    float: right;
}

.brand2 {
    height: 450px;
    border-bottom: 0!important;
}

    .brand2 > div {
        width: 50%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .brand2 .left {
        float: left;
    }

    .brand2 .right {
        float: right;
    }
/*************************
        CEO致辞
    *********************************/
.speechpage .container {
    position: relative;
    width: 1020px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.speechpage .row {
    position: relative;
    padding-left: 5px;
}

.speechpage .row1 img {
    margin-top: 190px;
}

.speechpage .row1 p {
    position: absolute;
    top: 40px;
    font: normal 3.067rem 'TwCenMTCondensed';
    color: #000;
}

.speechpage .row1 a {
    font: normal 1.6rem 'Segoe UI';
    color: #000;
    cursor: pointer;
    text-decoration: underline;
}

.speechpage .row2 .content {
    margin-top: 60px;
}

    .speechpage .row2 .content p {
        font: normal 1.733rem 'Microsoft JhengHei';
        color: #010101;
        line-height: 1.6;
        margin-bottom: 25px;
    }

        .speechpage .row2 .content p span {
            font-family: Candara;
            font-size: 1.9rem;
        }

        .speechpage .row2 .content p.eng {
            font: normal 1.733rem 'LibreSansSerifLightLt';
            line-height: 1.6;
        }

.speechpage .row2 .about {
    position: absolute;
    right: 0;
    top: 0;
}

    .speechpage .row2 .about p {
        font: normal 2.133rem 'TwCenMTCondensed';
        color: #646464;
        text-transform: uppercase;
        margin: 0;
        word-spacing: 3px;
    }

    .speechpage .row2 .about span {
        font: normal 1.733rem 'Segoe UI';
        color: #646464;
        text-transform: lowercase;
    }

.speechpage .row3 {
    padding-top: 30px;
}

    .speechpage .row3 h2 {
        font: bold 1.867rem 'Microsoft JhengHei';
        margin-bottom: 100px;
    }

        .speechpage .row3 h2 span {
            font: normal 1.867rem 'Segoe UI';
        }

    .speechpage .row3 img {
        margin-left: 80px;
    }

    .speechpage .row3 .signname {
        position: absolute;
        right: 0;
        top: 140px;
    }

        .speechpage .row3 .signname span {
            display: block;
            color: #646464;
            padding-bottom: 2px;
        }

    .speechpage .row3 span:first-child {
        font: normal 1.956rem 'Segoe UI';
    }

    .speechpage .row3 .signname span:nth-child(2) {
        font: bold 1.867rem 'Microsoft JhengHei';
    }

    .speechpage .row3 .signname span:last-child {
        font: normal 1.6rem 'Segoe UI';
    }

/*************************
        研发中心 、 绿色工厂
    *********************************/
.rdcpage .container,
.factorypage .container {
    position: relative;
    width: 1020px;
    margin: 0 auto;
    margin-top: 83px;
    margin-bottom: 50px;
}

.factorypage .container {
    margin-top: 60px;
    margin-bottom: 80px;
}

.rdcpage .row1 div {
    position: absolute;
    right: 0;
    top: 0;
    color: #9b9b9b;
}

.rdcpage .row1 p,
.factorypage .row1 p {
    font: normal 3.663rem 'TwCenMTCondensed';
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 120px;
}

    .rdcpage .row1 p span,
    .factorypage .row1 p span {
        font: normal 2.4rem 'Candara';
    }

.rdcpage .row1 {
    padding-bottom: 97px;
    border-bottom: 1px solid #e4e4e4;
}

.factorypage .row1 {
    padding-bottom: 110px;
}

    .factorypage .row1 div {
        position: absolute;
        right: 0;
        top: 185px;
        color: #9b9b9b;
    }

.rdcpage .row2 {
    padding-top: 100px;
}

    .rdcpage .row2 p {
        margin-bottom: 75px;
        position: relative;
    }

.factorypage .row2 div {
    margin-bottom: 30px;
    position: relative;
}

    .factorypage .row2 div p {
        position: absolute;
        right: 30px;
        top: 0;
        font: normal 1.733rem 'Microsoft JhengHei';
        color: #9b9b9b;
        line-height: 26px;
        margin-top: -2px;
    }

        .factorypage .row2 div p span {
            font: normal 1.733rem 'LibreSansSerifLightLt';
            color: #9b9b9b;
            letter-spacing: 0px;
        }

            .factorypage .row2 div p span.percent {
                display: block;
                font: normal 3.55rem 'TwCenMTCondensed';
                color: #00a3dd;
            }

.rdcpage .row2 p:last-child .video-js {
    display: none;
}

.rdcpage .row2 p:last-child a.fancybox-thumb-video:before {
    content: url(../images/icon_play.png);
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    height: 180px;
    width: 53%;
    margin: auto;
    text-align: center;
}

.rdcpage .row2 span {
    display: inline-block;
    font: normal 1.733rem 'Microsoft JhengHei';
    color: #9b9b9b;
    margin-left: 20px;
}

/**************************
    发展历程
    *********************/
.lishipage .wheel {
    position: absolute;
    width: 605px;
    height: 605px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

@-webkit-keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    5% {
        opacity: 0.6;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    5% {
        opacity: 0.6;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

.ball-scale-multiple {
    position: absolute;
    width: 40px;
    height: 40px;
}

    .ball-scale-multiple > .point:nth-child(2) {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .ball-scale-multiple > .point:nth-child(3) {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .ball-scale-multiple > .point {
        background-color: #000;
        border-radius: 100%;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        position: absolute;
        left: 5px;
        top: 5px;
        opacity: 0;
        margin: 0;
        width: 30px;
        height: 30px;
        -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
        animation: ball-scale-multiple 1s 0s linear infinite;
    }

    .ball-scale-multiple > .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 2;
        cursor: pointer;
    }

    .ball-scale-multiple > .line {
        position: absolute;
        left: 20px;
        top: 20px;
        margin: 0;
        width: 0px;
        height: 1px;
        background-color: rgba(0,0,0,0.3);
        transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    .ball-scale-multiple > .line8,
    .ball-scale-multiple > .line9,
    .ball-scale-multiple > .line10 {
        -webkit-transform: rotate(-30deg) translateZ(0);
        -ms-transform: rotate(-30deg) translateZ(0);
        transform: rotate(-30deg) translateZ(0);
    }

/*line1*/
.box1 {
    top: 157px;
    left: -540px;
}

.ball-scale-multiple > .line1 {
    -webkit-transform: rotate(-162deg) translateZ(0);
    -ms-transform: rotate(-162deg) translateZ(0);
    transform: rotate(-162deg) translateZ(0);
}

.ball-scale-multiple .overlay:hover + .line1 {
    -webkit-animation: line1 0.3s 0s linear forwards;
    animation: line1 0.3s 0s linear forwards;
}

@keyframes line1 {
    0% {
        width: 0;
    }

    100% {
        width: 370px;
    }
}

@-webkit-keyframes line1 {
    0% {
        width: 0;
    }

    100% {
        width: 370px;
    }
}
/*line2*/
.box2 {
    top: 265px;
    left: 795px;
}

.ball-scale-multiple > .line2 {
    -webkit-transform: rotate(-5deg) translateZ(0);
    -ms-transform: rotate(-5deg) translateZ(0);
    transform: rotate(-5deg) translateZ(0);
}

.ball-scale-multiple .overlay:hover + .line2 {
    -webkit-animation: line2 0.3s 0s linear forwards;
    animation: line2 0.3s 0s linear forwards;
}

@keyframes line2 {
    0% {
        width: 0;
    }

    100% {
        width: 280px;
    }
}

@-webkit-keyframes line2 {
    0% {
        width: 0;
    }

    100% {
        width: 280px;
    }
}
/*line3*/
.ball-scale-multiple > .line3 {
    -webkit-transform: rotate(9deg) translateZ(0);
    -ms-transform: rotate(9deg) translateZ(0);
    transform: rotate(9deg) translateZ(0);
}

.box3 {
    top: 392px;
    left: 805px;
}

.ball-scale-multiple .overlay:hover + .line3 {
    -webkit-animation: line3 0.3s 0s linear forwards;
    animation: line3 0.3s 0s linear forwards;
}

@keyframes line3 {
    0% {
        width: 0;
    }

    100% {
        width: 288px;
    }
}

@-webkit-keyframes line3 {
    0% {
        width: 0;
    }

    100% {
        width: 288px;
    }
}
/*line4*/
.ball-scale-multiple > .line4 {
    -webkit-transform: rotate(7deg) translateZ(0);
    -ms-transform: rotate(7deg) translateZ(0);
    transform: rotate(7deg) translateZ(0);
}

.box4 {
    top: 342px;
    left: 805px;
}

.ball-scale-multiple .overlay:hover + .line4 {
    -webkit-animation: line4 0.3s 0s linear forwards;
    animation: line4 0.3s 0s linear forwards;
}

@keyframes line4 {
    0% {
        width: 0;
    }

    100% {
        width: 262px;
    }
}

@-webkit-keyframes line4 {
    0% {
        width: 0;
    }

    100% {
        width: 262px;
    }
}
/*line5*/
.ball-scale-multiple > .line5 {
    -webkit-transform: rotate(-210deg) translateZ(0);
    -ms-transform: rotate(-210deg) translateZ(0);
    transform: rotate(-200deg) translateZ(0);
}

.box5 {
    top: 458px;
    left: -518px;
}

.ball-scale-multiple .overlay:hover + .line5 {
    -webkit-animation: line5 0.3s 0s linear forwards;
    animation: line5 0.3s 0s linear forwards;
}

@keyframes line5 {
    0% {
        width: 0;
    }

    100% {
        width: 300px;
    }
}

@-webkit-keyframes line5 {
    0% {
        width: 0;
    }

    100% {
        width: 300px;
    }
}
/*line6*/
.ball-scale-multiple > .line6 {
    -webkit-transform: rotate(-180deg) translateZ(0);
    -ms-transform: rotate(-180deg) translateZ(0);
    transform: rotate(-180deg) translateZ(0);
}

.box6 {
    top: 295px;
    left: -534px;
}

.ball-scale-multiple .overlay:hover + .line6 {
    -webkit-animation: line6 0.3s 0s linear forwards;
    animation: line6 0.3s 0s linear forwards;
}

@keyframes line6 {
    0% {
        width: 0;
    }

    100% {
        width: 250px;
    }
}

@-webkit-keyframes line6 {
    0% {
        width: 0;
    }

    100% {
        width: 250px;
    }
}
/*line7*/
.ball-scale-multiple > .line7 {
    -webkit-transform: rotate(-148deg) translateZ(0);
    -ms-transform: rotate(-148deg) translateZ(0);
    transform: rotate(-148deg) translateZ(0);
}

.box7 {
    top: 48px;
    left: -500px;
}

.ball-scale-multiple .overlay:hover + .line7 {
    -webkit-animation: line7 0.3s 0s linear forwards;
    animation: line7 0.3s 0s linear forwards;
}

@keyframes line7 {
    0% {
        width: 0;
    }

    100% {
        width: 263px;
    }
}

@-webkit-keyframes line7 {
    0% {
        width: 0;
    }

    100% {
        width: 263px;
    }
}
/*line8*/
.box8 {
    top: 28px;
    left: 758px;
}

.ball-scale-multiple .overlay:hover + .line8 {
    -webkit-animation: line8 0.3s 0s linear forwards;
    animation: line8 0.3s 0s linear forwards;
}

@keyframes line8 {
    0% {
        width: 0;
    }

    100% {
        width: 243px;
    }
}

@-webkit-keyframes line8 {
    0% {
        width: 0;
    }

    100% {
        width: 243px;
    }
}
/*line9*/
.box9 {
    top: 178px;
    left: 785px;
}

.ball-scale-multiple .overlay:hover + .line9 {
    -webkit-animation: line9 0.3s 0s linear forwards;
    animation: line9 0.3s 0s linear forwards;
}

@keyframes line9 {
    0% {
        width: 0;
    }

    100% {
        width: 152px;
    }
}

@-webkit-keyframes line9 {
    0% {
        width: 0;
    }

    100% {
        width: 152px;
    }
}
/*line10*/
.box10 {
    top: 92px;
    left: 778px;
}

.ball-scale-multiple .overlay:hover + .line10 {
    -webkit-animation: line10 0.3s 0s linear forwards;
    animation: line10 0.3s 0s linear forwards;
}

@keyframes line10 {
    0% {
        width: 0;
    }

    100% {
        width: 130px;
    }
}

@-webkit-keyframes line10 {
    0% {
        width: 0;
    }

    100% {
        width: 130px;
    }
}

.ball1 {
    left: 251px;
    top: 276px;
}

.ball2 {
    left: 337px;
    top: 295px;
}

.ball3 {
    left: 342px;
    top: 352px;
}

.ball4 {
    left: 366px;
    top: 316px;
}

.ball5 {
    left: 203px;
    top: 356px;
}

.ball6 {
    left: 155px;
    top: 299px;
}

.ball7 {
    left: 162px;
    top: 194px;
}

.ball8 {
    left: 367px;
    top: 157px;
}

.ball9 {
    left: 474px;
    top: 262px;
}

.ball10 {
    left: 486px;
    top: 163px;
}

.lishi_box {
    position: absolute;
    width: 300px;
    opacity: 0;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

    .lishi_box .wrapper.left {
        text-align: right;
        position: relative;
    }

        .lishi_box .wrapper.left img {
            position: absolute;
            top: 0;
            right: -100px;
        }

        .lishi_box .wrapper.left:after {
            position: absolute;
            content: '';
            width: 15px;
            height: 15px;
            right: -160px;
            top: 20px;
            border-radius: 100%;
            border: 1px solid;
            border-color: rgba(0,0,0,0.4);
        }

    .lishi_box .wrapper.right {
        position: relative;
    }

        .lishi_box .wrapper.right img {
            position: absolute;
            top: 0;
            left: -105px;
        }

        .lishi_box .wrapper.right:before {
            position: absolute;
            content: '';
            width: 10px;
            height: 10px;
            left: -160px;
            top: 25px;
            border-radius: 100%;
            border: 1px solid;
            border-color: rgba(0,0,0,0.4);
        }

    .lishi_box h1 {
        font: bold 2rem 'MalvernLF';
        color: #000;
        margin: 0;
    }

    .lishi_box p {
        font: normal 1.463rem 'Microsoft YaHei';
        color: #505050;
        margin-top: -5px;
        margin-bottom: 3px;
    }

/*****************************
    人才招聘
    ***********************************/
.jobpage .container {
    position: relative;
    width: 1020px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 100px;
}

.jobpage .jobrow {
    position: relative;
}

    .jobpage .jobrow h1 {
        font: normal 3.333rem 'Microsoft JhengHei';
        color: #000;
        margin: 0;
        margin-top: 70px;
    }

    .jobpage .jobrow p {
        font: normal 1.733rem 'Microsoft JhengHei';
        color: #646464;
        margin-top: 15px;
    }

        .jobpage .jobrow p.eng {
            font: normal 1.4rem 'MalvernLF';
            color: #646464;
            margin-top: 15px;
            padding-left: 10px;
            margin-bottom: 120px;
        }

.jobpage .special {
    font: bold 1.4rem 'MalvernLF';
    color: #000;
    word-spacing: 3px;
    margin-top: 25px!important;
    background-color: #fff;
}

    .jobpage .special:hover {
        background-color: #fff;
    }

.jobpage .team_icon {
    position: absolute;
    right: -20px;
    top: 0;
}

    .jobpage .team_icon img {
        width: 600px;
    }

.jobpage .line {
    position: relative;
    width: 990px;
    height: 1px;
    margin-top: 180px;
    background-color: #e6e6e6;
}

.jobrow .wrapper {
    padding-left: 5px;
}

    .jobrow .wrapper h1 {
        font: normal 2.5rem 'Microsoft JhengHei';
    }

        .jobrow .wrapper h1 span {
            font: normal 2.5rem 'Agency FB';
            margin-right: 15px;
        }

    .jobrow .wrapper .subtitle {
        display: inline-block;
        font: normal 1.8rem 'Microsoft JhengHei';
        border-bottom: 1px solid #000;
        margin-top: 20px;
    }

    .jobrow .wrapper p {
        font: normal 1.4rem 'Microsoft JhengHei';
        color: #646464;
        line-height: 2;
    }

    .jobrow .wrapper .linkto {
        display: inline-block;
        font: normal 1.4rem 'Microsoft JhengHei';
        color: #010101;
        background-color: #fafafa;
        padding: 9px 25px;
        border: 1px solid #e6e6e6;
        margin-top: 35px;
        cursor: pointer;
        -webkit-transition: background .2s linear;
        -moz-transition: background .2s linear;
        -o-transition: background .2s linear;
        -ms-transition: background .2s linear;
        transition: background .2s linear;
    }

        .jobrow .wrapper .linkto:hover {
            background-color: #e5e5e5;
        }

.jobrow .contact {
    position: absolute;
    right: 30px;
    top: 0;
}

    .jobrow .contact h1 {
        font: normal 2.5rem 'Microsoft JhengHei';
        margin-top: 0px;
    }

    .jobrow .contact h2 {
        font: normal 2.4rem 'TwCenMTCondensed';
        margin-top: 10px;
        color: #646464;
        margin-bottom: 7px;
    }

    .jobrow .contact p {
        font: normal 1.416rem 'Microsoft JhengHei';
        color: #646464;
        padding: 0;
        margin: 0;
    }

        .jobrow .contact p.eng {
            font-family: 'MalvernLF';
            padding: 0!important;
            margin-top: 5px!important;
            line-height: 1.4;
            margin-bottom: 20px;
        }

    .jobrow .contact .tel span {
        font: normal 2rem 'TwCenMTCondensed';
        color: #646464;
        display: inline-block;
        border-bottom: 1px solid #000;
    }

    .jobrow .contact .tel p {
        font: normal 1.6rem 'MalvernLF';
        color: #828282;
        margin-top: 15px;
        line-height: 1.4;
    }

/*****************************
    销售分公司
    ***********************************/
#content.contact .container {
    position: relative;
    width: 950px;
    margin: 0 auto;
}

#content.contact .tophead {
    height: 500px;
}

    #content.contact .tophead .left {
        float: left;
        width: 53%;
        text-align: left;
    }

        #content.contact .tophead .left h1 {
            font-family: 'Microsoft JhengHei';
            font-size: 3.333rem;
            font-weight: normal;
        }

        #content.contact .tophead .left p,
        #content.contact .tophead .right p,
        #content.contact .tophead .left > span,
        #content.contact .tophead .right > span {
            font-family: 'Microsoft JhengHei';
            font-size: 1.733rem;
            font-weight: normal;
            color: #646464;
        }

            #content.contact .tophead .left p span,
            #content.contact .tophead .left > span,
            #content.contact .tophead .right > span {
                font-family: 'Segoe UI';
            }

        #content.contact .tophead .left > span {
            line-height: 1.6;
            display: inline-block;
            margin-top: 5px;
        }

            #content.contact .tophead .left > span i,
            #content.contact .row p i,
            #content.contact .tophead .right > span i {
                font-style: normal;
                /*border-bottom: 1px solid #c4c4c4;*/
            }

    #content.contact .tophead .right {
        float: left;
        text-align: left;
    }

        #content.contact .tophead .right h2 {
            font-family: 'Microsoft JhengHei';
            font-size: 2rem;
            font-weight: normal;
        }

            #content.contact .tophead .right h2:first-child {
                font-size: 2.069rem;
                margin-top: 40px;
            }

        #content.contact .tophead .right > span {
            display: inline-block;
            margin-top: 10px;
            line-height: 1.6;
        }

#content.contact .row {
    text-align: left;
    border-top: 1px solid #f1f1f1;
    padding-top: 10px;
    padding-bottom: 20px;
}

    #content.contact .row:last-child {
        padding: 40px;
    }

    #content.contact .row h1 {
        font-family: Calibri;
        font-weight: lighter;
        color: #646464;
        font-size: 2.4rem;
    }

    #content.contact .row h2 {
        font-family: "TwCenMTCondensed";
        font-weight: normal;
        color: #646464;
        font-size: 2.4rem;
        padding: 0;
        margin: 0;
        margin-bottom: -6px;
    }

    #content.contact .row p {
        font-family: 'Segoe UI';
        font-weight: normal;
        color: #828282;
        font-size: 1.4rem;
        line-height: 1.5;
    }

/*****************************
    典型用户
    ***********************************/
.vippage .container {
    position: relative;
    width: 1020px;
    margin: 0 auto;
    padding-left: 6px;
    padding-right: 80px;
    margin-top: 75px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.vippage .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: flex-start;
    margin-top: 100px;
}

    .vippage .row.top30 {
        align-items: flex-end;
    }

    .vippage .row .left {
        width: 51%;
    }

    .vippage .row .right {
        width: 49%;
        padding-left: 8px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .vippage .row .left p,
        .vippage .row .right p {
            font: normal 1.733rem 'Microsoft JhengHei';
            color: #646464;
            line-height: 1.6;
            margin-top: 0;
            margin-bottom: 35px;
        }

    .vippage .row.top20 {
        margin-top: 20px;
    }

    .vippage .row.top30 {
        margin-top: 28px;
    }

    .vippage .row.top70 {
        margin-top: 70px;
    }

    .vippage .row.top30 .left p {
        position: absolute;
        left: 290px;
        font-size: 1.333rem;
    }

    .vippage .row.top70 .wrapper {
        width: 100%;
        text-align: center;
    }

    .vippage .row.top70 h1 {
        font: normal 3.333rem 'Microsoft JhengHei';
        color: #000;
        margin-bottom: 15px;
    }

    .vippage .row.top70 p {
        font: normal 1.733rem 'Microsoft JhengHei';
        margin-top: 0;
    }

        .vippage .row.top70 p span {
            font-family: Candara;
        }

    .vippage .row.top30.tupian,
    .vippage .row.top30.desc {
        margin-right: -50px;
    }

        .vippage .row.top30.tupian > div {
            float: left;
            width: 33.3%;
        }

    .vippage .row.top20 > div:first-child {
        width: 33.3%;
    }

    .vippage .row.top20 > div:last-child {
        width: 66.7%;
    }

    .vippage .row.top20 h2 {
        font: normal 2.4rem 'Microsoft JhengHei';
        color: #000;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .vippage .row.top20 p {
        font: normal 1.333rem 'Microsoft JhengHei';
        color: #7d7d7d;
    }

.vippage .gridcontainer {
    width: 100%;
}

    .vippage .gridcontainer .column {
        width: 25%;
        float: left;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .vippage .gridcontainer .column:last-child {
            padding-right: 0px;
        }

        .vippage .gridcontainer .column > div {
            overflow: hidden;
            height: auto;
            margin-right: 2.3594%;
            margin-bottom: 3.1459%;
        }

        .vippage .gridcontainer .column img {
            width: 100%;
            display: block;
            max-width: 100%;
            height: auto;
            -webkit-transition: all ease-in-out .8s;
            -ms-transition: all ease-in-out .8s;
            transition: all ease-in-out .8s;
        }

        .vippage .gridcontainer .column div:hover img {
            -webkit-transform: scale(1.15);
            transform: scale(1.15);
        }

#viphead .content {
    position: absolute;
    text-align: center;
    top: 28%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

    #viphead .content h1 {
        font: normal 5.216rem 'TwCenMTCondensed';
        color: #6e6e6e;
        text-transform: uppercase;
        margin-bottom: 7px;
        letter-spacing: 2px;
    }

    #viphead .content p {
        font: normal 1.4rem 'TwCenMTCondensed';
        color: #6e6e6e;
        text-transform: uppercase;
        letter-spacing: 5px;
        word-spacing: 10px;
        margin: 0;
    }

        #viphead .content p span.box {
            font-size: 5.216rem;
            display: inline-block;
            padding: 0 25px;
            vertical-align: middle;
        }

        #viphead .content p span.box1 {
            display: inline-block;
            border: 1px solid #9b9b9b;
            padding: 10px;
            letter-spacing: 8px;
        }
/*****************************
    展厅参观
    ***********************************/
.bookwrapper {
    position: relative;
    width: 1020px;
    margin: 0 auto;
    height: auto;
}

    .bookwrapper #ditu {
        position: relative;
        margin-top: 50px;
        margin-bottom: 140px;
        text-align: right;
    }

        .bookwrapper #ditu div {
            position: absolute;
            bottom: -110px;
            left: 0px;
        }

            .bookwrapper #ditu div p {
                position: relative;
                margin-bottom: 0;
            }

                .bookwrapper #ditu div p span {
                    position: absolute;
                    bottom: 0;
                    margin-left: 15px;
                    font: normal 2.4rem 'Microsoft JhengHei';
                    color: #000;
                    display: none;
                }

                    .bookwrapper #ditu div p span i {
                        font-style: normal;
                        font-family: 'Malvern LF','MalvernLF';
                        font-weight: normal;
                        font-size: 2.933rem;
                    }

    .bookwrapper #bar {
        position: relative;
        width: 100%;
        height: 40px;
        background-color: #282828;
        text-align: center;
    }

        .bookwrapper #bar a {
            cursor: pointer;
        }

        .bookwrapper #bar img {
            margin: 0 auto;
        }

        .bookwrapper #bar span {
            position: absolute;
            top: 10px;
            left: 0;
            right: 0;
            margin: auto;
            color: #fff;
        }

    .bookwrapper h1 {
        font: normal 3.333rem 'Microsoft JhengHei';
        color: #010101;
        text-align: center;
        margin-top: 80px;
    }

#biaodan .left,
#biaodan .right {
    margin-top: 50px;
}

#biaodan .left {
    float: left;
    width: 48%;
    color: #010101;
}

    #biaodan .left p {
        font: normal 1.733rem 'Microsoft JhengHei';
        color: #646464;
    }

    #biaodan .left h2 {
        font: normal 1.733rem 'Microsoft YaHei';
        line-height: 1.6;
        color: #010101;
        margin-top: 40px;
    }

    #biaodan .left div {
        margin-top: 20px;
    }

        #biaodan .left div span {
            display: block;
            font: bold 1.733rem 'Microsoft YaHei';
            margin-top: 30px;
            margin-bottom: 200px;
        }

#biaodan .right {
    float: right;
    width: 44.6%;
    margin-bottom: 50px;
}

    #biaodan .right p {
        font: normal 1.733rem 'Microsoft YaHei';
        color: #010101;
        margin-bottom: 30px;
        letter-spacing: 2px;
    }

#biaodan .form-control,
#biaodan .input-group-addon,
#biaodan .btn {
    border-radius: 0;
    background-color: #e3e3e3;
    height: 49px;
    border: none;
}

#biaodan .input-group-addon,
#biaodan .btn-group .btn:first-child {
    color: #010101;
    letter-spacing: 3px;
    font: normal 1.6rem 'Microsoft YaHei';
}

#biaodan .btn-group {
    width: 100%;
}

    #biaodan .btn-group .btn:first-child {
        width: 86%;
        margin-right: 10px;
        text-align: left;
    }

    #biaodan .btn-group .btn.dropdown-toggle {
        width: 12%;
    }

        #biaodan .btn-group .btn.dropdown-toggle .caret {
            width: 15px;
            height: 15px;
            border: none;
            border-top: 1px solid #000;
            border-left: 1px solid #000;
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
            vertical-align: baseline;
        }

    #biaodan .btn-group .dropdown-menu {
        width: 86%;
        border-radius: 0;
        background-color: #e3e3e3;
        border: none;
        padding: 0;
    }

        #biaodan .btn-group .dropdown-menu li {
            line-height: 49px;
            height: 49px;
        }

            #biaodan .btn-group .dropdown-menu li a {
                height: 100%;
                line-height: 40px;
            }

#biaodan #datepicker + p {
    font: normal 1.6rem 'Microsoft JhengHei';
    color: #000;
    letter-spacing: 0px;
    margin-top: 15px;
}

    #biaodan #datepicker + p span {
        padding-bottom: 0px;
        border-bottom: 1px solid #000;
        cursor: pointer;
    }

button[type=submit] {
    font: bold 1.6rem 'Microsoft JhengHei';
    color: #fff !important;
    /*background-color: #000 !important;*/
}

    button[type=submit]:hover {
        color: #000 !important;
    }

#biaodan #btnok {
    background-color: #000 !important;
}

    #biaodan #btnok:hover {
        color: #fff !important;
    }

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
    outline: none;
}

.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#biaodan #btnok + div h4 {
    font: normal 1.867rem 'Microsoft YaHei';
}

#biaodan #btnok + div h5 {
    font: normal 1.6rem 'Microsoft JhengHei';
}

#biaodan .right .tel h4 {
    font: normal 1.733rem 'Microsoft YaHei';
    color: #646464;
}

#biaodan .right .tel h5 {
    font: normal 1.733rem 'Microsoft JhengHei';
    color: #646464;
}

    #biaodan .right .tel h5 span {
        font-family: 'Malvern LF','MalvernLF';
        font-weight: normal;
        font-size: 1.867rem;
    }


.layui-layer-hui {
    /*扩展layer*/
    /*background-color: #dff0d8!important;
    border-color: #d6e9c6!important;
    color: #3c763d!important;*/
    background-color: rgba(0,0,0,.9)!important;
}

/*****************************
    保密条款
    ***********************************/
.privacypage .container {
    position: relative;
    width: 1020px;
    margin: 0 auto;
    margin-top: 107px;
    margin-bottom: 70px;
}

.privacypage .row1 {
    height: 110px;
}

    .privacypage .row1 img {
        position: absolute;
        left: 0;
        top: 50px;
    }

    .privacypage .row1 .title {
        position: absolute;
        right: 0;
        top: 0px;
        padding: 30px 70px 12px 12px;
        text-align: right;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
    }

        .privacypage .row1 .title span {
            display: block;
            font-family: Candara;
            font-weight: normal;
            font-size: 3.333rem;
            text-transform: uppercase;
            color: #000;
        }

        .privacypage .row1 .title .subtitle {
            font: bold 1.6rem 'Microsoft JhengHei';
            color: #646464;
            margin-top: 5px;
        }

.privacypage .row2 {
    margin-top: 80px;
}

    .privacypage .row2 .left {
        position: absolute;
        left: 0;
        font-family: 'Malvern LF','MalvernLF';
        font-weight: normal;
        font-size: 1.6rem;
        color: #646464;
        line-height: 2.4;
    }

        .privacypage .row2 .left p {
            margin-top: -11px;
            color: #646464;
            font-family: 'Malvern LF','MalvernLF';
            font-size: 1.6rem;
        }

    .privacypage .row2 .right {
        margin-left: 330px;
    }

        .privacypage .row2 .right article {
            position: relative;
            margin-bottom: 30px;
        }

        .privacypage .row2 .right span,
        .privacypage .row2 .right p {
            display: inline-block;
            font: normal 1.6rem 'Microsoft JhengHei';
            color: #646464;
        }

        .privacypage .row2 .right span {
            position: absolute;
            top: 5px;
            font-weight: bold;
            text-align: center;
        }

            .privacypage .row2 .right span:after {
                position: absolute;
                content: '';
                top: 30px;
                left: 0;
                right: 0;
                margin: 0 auto;
                width: 30px;
                height: 1px;
                background-color: #000;
            }

        .privacypage .row2 .right .last span:after {
            top: 95px;
        }

        .privacypage .row2 .right p {
            margin: 0;
            margin-left: 115px;
            line-height: 2;
        }

#content.detailpage .container {
    position: relative;
    width: 1020px;
    margin: 0 auto;
}

    #content.detailpage .container.textbox {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 46%;
    }

@media screen and (max-width: 1600px) {
    #content.detailpage .container.textbox {
        top: 31%;
    }
}

@media screen and (max-width: 1440px) {
    #content.detailpage .container.textbox {
        top: 33%;
    }
}

@media screen and (max-width: 1280px) {
    #content.detailpage .container.textbox {
        top: 35%;
    }
}

#content.detailpage .container h1 {
    font-family: 'TwCenMTCondensed';
    font-size: 6.164rem;
    font-weight: normal;
    color: #fff;
    letter-spacing: 2px;
    margin: 0px;
}

    #content.detailpage .container h1.blue {
        font-weight: bold;
        color: #00fffc;
        letter-spacing: 6px;
        margin-bottom: -8px;
    }

#content.detailpage .container p {
    margin: 0;
    padding: 0;
}

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

/*.part.img img {
    -webkit-animation: ScaleImage 20s infinite linear 0s;
    -moz-animation: ScaleImage 20s infinite linear 0s;
    animation: ScaleImage 20s infinite linear 0s;
}*/

@keyframes ScaleImage {
    from {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    to {
        transform: scale(1);
    }
}

@-webkit-keyframes ScaleImage {
    from {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
    }

    to {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes ScaleImage {
    from {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
    }

    to {
        -moz-transform: scale(1);
    }
}

#cnzz_stat_icon_1259579345 {
    position: absolute;
    height: 0px;
}

#viplists #reference {
    position: relative;
    margin-bottom: 80px;
}

    #viplists #reference .lef-col {
        float: left;
        width: 170px;
        color: #646464;
    }

        #viplists #reference .lef-col h2 {
            text-transform: uppercase;
            font-family: 'LibreSansSerifLightLt';
            font-size: 18.66px;
            font-weight: bold;
        }

        #viplists #reference .lef-col ul {
            list-style: none;
            padding-left: 0;
            margin-top: 15px;
        }

        #viplists #reference .lef-col li {
            font-family: 'Microsoft JhengHei';
            font-size: 14.67px;
            padding: 3px;
        }

        #viplists #reference .lef-col a:focus,
        #viplists #reference .lef-col a:hover {
            color: #646464;
        }

    #viplists #reference #referencelist {
        float: right;
        width: 850px;
    }

        #viplists #reference #referencelist h2 {
            font-family: 'Microsoft JhengHei';
            font-size: 14.67px;
            margin-bottom: 25px;
        }

            #viplists #reference #referencelist h2 span {
                text-transform: uppercase;
                font-family: 'LibreSansSerifLightLt';
                font-size: 16px;
            }

        #viplists #reference #referencelist ul {
            margin-bottom: 20px;
        }

        #viplists #reference #referencelist li {
            display: inline-block;
            width: 24.5%;
            margin-bottom: 30px;
        }

            #viplists #reference #referencelist li span {
                display: block;
                margin-top: 8px;
                font-family: 'Microsoft JhengHei';
                font-size: 14.67px;
            }