@font-face {font-family: "Trueno-Bold";
    src: url('font/TruenoBd.woff') format('woff'),
    url("font/TruenoBd.otf") format("opentype"),
    url('font/TruenoBd.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
}
@font-face {font-family: "Trueno-Regular";
    src: url('font/TruenoRg.woff') format('woff'),
    url('font/TruenoRg.otf') format('opentype'),
    url('font/TruenoRg.ttf') format('truetype');
}
@font-face {font-family: "Trueno-SemiBold";
    src: url('font/TruenoSbd.woff') format('woff'),
    url("font/TruenoSbd.otf") format("opentype"),
    url('font/TruenoSbd.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
}

@font-face {font-family: "Trueno-SemiBold";
    src: url('font/TruenoSbd.woff') format('woff'),
    url("font/TruenoSbd.otf") format("opentype"),
    url('font/TruenoSbd.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
}

@font-face {font-family: "Trueno-light";
    src: url('font/TruenoLt.woff') format('woff'),
    url("font/TruenoLt.otf") format("opentype"),
    url('font/TruenoLt.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
}

@font-face {font-family: "SourceHanSansCN-Bold";
    src: url('font/SourceHanSansCN-Bold.woff') format('woff'),
    url("font/SourceHanSansCN-Bold.otf") format("opentype"),
    url('font/SourceHanSansCN-Bold.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
}
@font-face {font-family: "SourceHanSansCN-Regular";
    src: url('font/SourceHanSansCN-Regular.woff') format('woff'),
    url('font/SourceHanSansCN-Regular.otf') format('opentype'),
    url('font/SourceHanSansCN-Regular.ttf') format('truetype');
}
@font-face {font-family: "SourceHanSansCN-Medium";
    src: url('font/SourceHanSansCN-Medium.woff') format('woff'),
    url("font/SourceHanSansCN-Medium.otf") format("opentype"),
    url('font/SourceHanSansCN-Medium.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
}
@font-face {font-family: "SourceHanSansCN-Light";
    src: url('font/SourceHanSansCN-Light.woff') format('woff'),
    url("font/SourceHanSansCN-Light.otf") format("opentype"),
    url('font/SourceHanSansCN-Light.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
}
#header-nav {
    line-height: 72px;
    height: 72px;
}
@media only screen and (max-width: 1170px) {
    #page-wrapper {
        padding-top: 72px !important;
    }
    #header-nav .menu-wrap #block-menu-block-1.active {
        box-shadow: none;
    }
}
#menu-path-wrap .path-content,
.nav-header .nav-tabs-wrap {
    max-width: 1280px;
    box-sizing: border-box;
    padding: 0 15px;
}
.navbar-fixed-top {
    top: 112px !important;
}
@media only screen and (max-width: 1170px) {
    .navbar-fixed-top {
        top: 72px !important;
    }
}
.page-new-up-wrap {
    position: fixed;
    bottom: 10px;
    right: 0;
    z-index: 10;
    display: none;
}
.page-new-up-wrap img {
    display: block;
    width: 72px;
    height: auto;
    cursor: pointer;
}
.page-new-up-wrap.active {
    display: block;
}

/* new font family */
body.html li.bn-left-center h1,
body.html .pdb-word h1,
body.html .banner-word h1,
body.html .intro-wrapper h1,
h1,
body-esp-eye-page .solution-container h2,
body.html .intro-wrapper h2,
body.i18n-zh-hans .body-esp-eye-page .esp-eye-page h3,
.sheet-category-overview>.view-content h2.sheet-category-title, .pte .equipment-head h2,
.custom-esp-product-selector-add .esp-product-selector-insert .esp-product-selector-content h2,
.body-esp-eye-page h2,
.body-esp-eye-page h3,
.esp-idf-wrap .esp-id-resources .resources-get-start h3,
.esp-idf-wrap .esp-id-resources .frameworks-libraries > h3,
.esp-idf-wrap .esp-id-resources .resources-tool h3,
.new-pd-overview .s3 h3,
.page-products-equipment-production-testing-equipment-overview .view-content .item-list h3,
#block-block-35 h2,
.tq-guide .tq-title,
#newsletter-page h1   {
    font-family: "Trueno-Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
}

body.html li.bn-left-center h2, body.html .pdb-word h2, body.html .banner-word h2,
body.html .intro-wrapper h3,
body.html .intro-wrapper h4,
body.html .customer-products-wrap .products-content-title span.line,
h2,
.feature-brief-title, .feature-list .feature-list-item .item-title,
body.html .sheet-category-overview > .view-content .views-row h2:not(.ESP32-S-series-title, .ESP32-C-series-title, .ESP32-H-series-title, .ESP32-series-title, .ESP8266-series-title),
.hardware-overview-warning,
.page-products-equipment-production-testing-equipment-overview .view-content .item-list .equipment-wrap .item-title,
#esp-skainet-wrap h3, #esp-skainet-wrap .content h2,
body.html .hmi-smart-dashboard-wrap .right li p,
.esp-matter-wrap .hardware-tab-content span,
.page-support-download-all .githubs .box h3,
.page-node-5741 .esp-aws-wrap .collaboration-aws-content .tabs-title .title span,
.view-course .views-field.views-field-title, .view-book .views-field.views-field-field-link a, .iot-college .github .github_wrapper h2,
.milestone-year,
.milestone-content-text p,
#newsletter-page h3,
.perple-at-espressif-wrap .recruitment-wrap .row .text-img p.title,
.perple-at-espressif-wrap .global-wrap .item .item-content p.title,
.graduate-recruitment-wrap .recruitment-wrap .title,
.graduate-recruitment-wrap .recruitment-news-wrap .title,
.page-join-us-job-search.i18n-en .form-item-field-classification-value .form-type-bef-link a,
.page-join-us-job-search.i18n-en .views-exposed-widget-job-search-filter-group>label,
.tq-guide .tq-content p:first-child, .tq-guide .tq-content p.gray-title,
.page-node-280 .ctc.sub-tip a, .page-node-55 .ctc.sub-tip a, body:not(.page-node-2119):not(.page-node-2120) .tq-guide .tq-content p:nth-of-type(2) a, .tq-guide .tq-content p.gray-bg a,
.tq-guide .tq-content p.title,
.webform-client-form .field.field-name-body.field-type-text-with-summary.field-label-hidden h3,
.page-node-280 .ctc .pqc>span, .page-node-55 .ctc .pqc>span,
.page-node-256 .newhome .item .words h2, .page-node-82 .newhome .item .words h2,
.hardware h2  {
    font-family: "Trueno-SemiBold", HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
}

.sheet-category-overview-footer-nav-list .sheet-category-overview-footer-nav-title,
#menu-path-wrap .hm h2,
.page-products-socs .sheet-category-overview > .view-content .views-row .sheet-category-title .link, 
.page-products-modules .sheet-category-overview > .view-content .views-row .sheet-category-title .link,
.hmi-smart-screen-wrap .overview-content-wrap .left li,
.esp32-ack-wrap .ack-host-solution-btn,
.page-node-5741 .aws-tabs-content .item-wrap .item h4,
.page-company-newsroom-news .latest-from-espressif.intro-wrapper h2   {
    font-family: HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
}
.nav-header ul a,
.news-block-list .views-field-nothing a,
.page-home .item-independent .item-more-button, .page-home .home-news-list .news-list-all a,
.custom-esp-product-selector-add .esp-product-selector-insert .esp-product-selector-content .btn,
body.html.i18n-en .buy-now .buy-now-bg .row a.button,
body.html.i18n-en #esp-audio-devlits-buy.buy-now .buy-now-bg .row a.button,
.page-products-equipment-production-testing-equipment-overview .view-content .item-list ul  {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

body.html.i18n-zh-hans li.bn-left-center h1,
body.html.i18n-zh-hans .pdb-word h1,
body.html.i18n-zh-hans .banner-word h1,
body.html.i18n-zh-hans .intro-wrapper h1,
h1,
body.i18n-zh-hans.body-esp-eye-page .solution-container h2,
body.html.i18n-zh-hans .intro-wrapper h2,
body.i18n-zh-hans h2,
body.i18n-zh-hans.body-esp-eye-page .esp-eye-page h3,
body.i18n-zh-hans .blod, body.i18n-zh-hans.body-esp-eye-page .solution-container .prod-wrap,
body.i18n-zh-hans .sheet-category-overview>.view-content h2.sheet-category-title, .pte .equipment-head h2,
body.i18n-zh-hans .custom-esp-product-selector-add .esp-product-selector-insert .esp-product-selector-content h2,
body.i18n-zh-hans.body-esp-eye-page h2,
body.i18n-zh-hans.body-esp-eye-page h3,
body.i18n-zh-hans .esp-idf-wrap .esp-id-resources .resources-get-start h3,
body.i18n-zh-hans .esp-idf-wrap .esp-id-resources .frameworks-libraries > h3,
body.i18n-zh-hans .esp-idf-wrap .esp-id-resources .resources-tool h3,
body.i18n-zh-hans .new-pd-overview .s3 h3,
.page-products-equipment-production-testing-equipment-overview.i18n-zh-hans .view-content .item-list h3,
.page-products-equipment-production-testing-equipment.i18n-zh-hans  .equipment-table .view-grouping .view-grouping-header,
body.i18n-zh-hans #block-block-35 h2,
body.i18n-zh-hans #newsletter-page h1,
body.i18n-zh-hans .tq-guide .tq-title {
    font-family: "SourceHanSansCN-Bold", "Trueno-Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
}

body.html.i18n-zh-hans li.bn-left-center h2, body.html.i18n-zh-hans .pdb-word h2, body.html.i18n-zh-hans .banner-word h2,
body.html.i18n-zh-hans .intro-wrapper h4,
body.html.i18n-zh-hans .customer-products-wrap .products-content-title span.line,
body.html.i18n-zh-hans .intro-wrapper h3,
body.html.i18n-zh-hans .feature-brief-title, body.html.i18n-zh-hans .feature-list .feature-list-item .item-title,
body.html.i18n-zh-hans .sheet-category-overview > .view-content .views-row h2:not(.ESP32-S-series-title, .ESP32-C-series-title, .ESP32-H-series-title, .ESP32-series-title, .ESP8266-series-title),
body.html.i18n-zh-hans .hardware-overview-warning ,
.page-products-equipment-production-testing-equipment-overview.i18n-zh-hans .view-content .item-list .equipment-wrap .item-title,
.page-products-equipment-production-testing-equipment.i18n-zh-hans .equipment-table .view-grouping:nth-child(1) .item-list h3,
body.html.i18n-zh-hans #esp-skainet-wrap h3, body.html.i18n-zh-hans #esp-skainet-wrap .content h2,
body.html.i18n-zh-hans .hmi-smart-dashboard-wrap .right li p,
body.html.i18n-zh-hans .esp-matter-wrap .hardware-tab-content span,
.page-support-download-all.i18n-zh-hans .githubs .box h3,
.page-node-5743.i18n-zh-hans .esp-aws-wrap .collaboration-aws-content .tabs-title .title span,
body.html.i18n-zh-hans .view-course .views-field.views-field-title,
body.html.i18n-zh-hans .view-book .views-field.views-field-field-link a, 
body.html.i18n-zh-hans .iot-college .github .github_wrapper h2,
.i18n-zh-hans .milestone-year,
.i18n-zh-hans .milestone-content-text p,
.i18n-zh-hans #newsletter-page h3,
.i18n-zh-hans .perple-at-espressif-wrap .recruitment-wrap .row .text-img p.title,
.i18n-zh-hans .perple-at-espressif-wrap .global-wrap .item .item-content p.title,
.i18n-zh-hans .graduate-recruitment-wrap .recruitment-wrap .title,
.i18n-zh-hans .graduate-recruitment-wrap .recruitment-news-wrap .title,
.page-join-us-job-search.i18n-zh-hans .form-item-field-classification-value .form-type-bef-link a,
.page-join-us-job-search.i18n-zh-hans .views-exposed-widget-job-search-filter-group>label,
.i18n-zh-hans .tq-guide .tq-content p:first-child, .i18n-zh-hans .tq-guide .tq-content p.gray-title,
.page-node-280 .ctc.sub-tip a, .page-node-55 .ctc.sub-tip a, body:not(.page-node-2119):not(.page-node-2120) .tq-guide .tq-content p:nth-of-type(2) a, .tq-guide .tq-content p.gray-bg a,
body.i18n-zh-hans .tq-guide .tq-content p.title,
body.i18n-zh-hans .webform-client-form .field.field-name-body.field-type-text-with-summary.field-label-hidden h3,
.body-vendors-self-recommendation-page .vendors-form-wrap legend, 
.webform-client-form .field.field-name-body.field-type-text-with-summary.field-label-hidden:nth-child(13) h2, 
.webform-client-form .tq-form-section-wrapper .field.field-name-body.field-type-text-with-summary.field-label-hidden:first-child h2, 
.webform-client-form .field.field-name-body.field-type-text-with-summary.field-label-hidden h2,
.webform-client-form .field.field-name-body.field-type-text-with-summary.field-label-hidden h3,
.page-node-280.i18n-zh-hans .ctc .pqc>span, .page-node-55.i18n-zh-hans .ctc .pqc>span,
.page-node-256.i18n-zh-hans .newhome .item .words h2, .page-node-82.i18n-zh-hans .newhome .item .words h2,
.i18n-zh-hans .hardware h2   {
    font-family: "SourceHanSansCN-Medium", "Trueno-SemiBold", HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
}
body.i18n-zh-hans #header-nav a,
body.html.i18n-zh-hans .news-block-list .views-field-title a,
body.i18n-zh-hans,
body.i18n-zh-hans .products-wrap.customer-products-wrap .products-content-desc .product-info li a,
body.i18n-zh-hans.page-home .item-independent .item-more-button, .page-home .home-news-list .news-list-all a,
body.i18n-zh-hans .sheet-category-overview-footer-nav-list .sheet-category-overview-footer-nav-title,
body.i18n-zh-hans .sheet-category-overview-nav>.view-content .module-nav-item,
body.i18n-zh-hans .esp32-modules-wrap .more-info,
body.i18n-zh-hans #esp-audio-devlits-buy.buy-now .buy-now-bg .button,
body.i18n-zh-hans .esp32-devkitc-wrap .table-wrap table td p,
body.i18n-zh-hans .esp32-devkitc-wrap .more-info,
body.i18n-zh-hans #menu-path-wrap .hm h2,
body.i18n-zh-hans.page-products-socs .sheet-category-overview > .view-content .views-row .sheet-category-title .link, 
body.i18n-zh-hans.page-products-modules .sheet-category-overview > .view-content .views-row .sheet-category-title .link,
body.i18n-zh-hans .esp32-modules-wrap .view-link ul li a,
body.i18n-zh-hans .esp-audio-devlits-wrap .more-info a,
.i18n-zh-hans .hmi-smart-screen-wrap .overview-content-wrap .left li,
.i18n-zh-hans .esp32-ack-wrap .ack-host-solution-btn,
.page-node-5743.i18n-zh-hans .aws-tabs-content .item-wrap .item h4,
.page-node-5743.i18n-zh-hans .aws-cloud-solution-content .product-service-content .item-wrap .item p,
.page-company-newsroom-news.i18n-zh-hans .latest-from-espressif.intro-wrapper h2,
.page-join-us-job-search.i18n-zh-hans .view.view-job-search th, .page-join-us-job-search.i18n-zh-hans .views-table tbody tr td:first-child   {
    font-family: "SourceHanSansCN-Regular", HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
}
body.i18n-zh-hans #header-nav .menu-wrap .menu-name-main-menu>ul>li:hover>ul.menu > li > ul.menu a,
body.i18n-zh-hans .nav-header ul a,
body.i18n-zh-hans .newhome p,
body.i18n-zh-hans .intro-wrapper,
body.i18n-zh-hans .custom-esp-product-selector-add .esp-product-selector-insert .esp-product-selector-content p,
body.i18n-zh-hans .views-display-home-dynews li.espEyeBanner p, body.i18n-zh-hans .pdb-word p, body.i18n-zh-hans .banner-word p,
body.i18n-zh-hans.page-home .home-news-list .news-list-content .news-block-list ul,
body.i18n-zh-hans .news-block-list .views-field-body,
body.i18n-zh-hans .news-block-list .views-field-nothing a,
body.i18n-zh-hans .newhome div > a,
body.i18n-zh-hans #footer,
body.i18n-zh-hans .custom-esp-product-selector-add .esp-product-selector-insert .esp-product-selector-content .btn,
body.i18n-zh-hans .banner-word a, body.i18n-zh-hans li.espEyeBanner .new-banner-word-down a, body.i18n-zh-hans .banner-word.esp-product-selector-banner a,
body.i18n-zh-hans .sheet-category-overview>.view-content .sheet-category-description h3,
body.i18n-zh-hans .sheet-category-overview>.view-content .sheet-table .sheet-table-header, 
body.i18n-zh-hans .sheet-category-overview>.view-content .sheet-table .sheet-table-body, 
body.i18n-zh-hans .sheet-category-overview>.view-content .sheet-table .sheet-item td a, 
body.i18n-zh-hans .sheet-category-overview>.view-content .sheet-table .sheet-item td a:visited,
body.i18n-zh-hans .new-pd-overview .s1 p, 
body.i18n-zh-hans .new-pd-overview .s2 li, 
body.i18n-zh-hans .wwan p, 
body.i18n-zh-hans #node-470 p, 
body.i18n-zh-hans #node-469 p, 
body.i18n-zh-hans #node-70 p, 
body.i18n-zh-hans #node-69 p, 
body.i18n-zh-hans .mesh-overview p, 
body.i18n-zh-hans .sec.sdk-sec-1 p, 
body.i18n-zh-hans .sec.sdk-sec-2 li, 
body.i18n-zh-hans .devbd-feature-list tr.feature-detail-row td:first-child, 
body.i18n-zh-hans .sheet-category-overview>.view-content .sheet-category-description ul li,
body.i18n-zh-hans .resource-list .resource-list-item .item-title,
body.i18n-zh-hans .esp32-modules-wrap .table-content,
body.i18n-zh-hans.body-esp-eye-page .esp-eye-page,
body.i18n-zh-hans .light, 
body.i18n-zh-hans .viewContentWrapper .zone_body p, 
body.i18n-zh-hans li.ces2019Banner .banner-word a, 
body.i18n-zh-hans li.ces2020Banner .banner-word a, 
body.i18n-zh-hans .cesForm2019 .webform-component--body p, 
body.i18n-zh-hans .cesForm2019 .webform-component--footer p, 
body.i18n-zh-hans .cesForm2019 .fieldset-wrapper .form-item label, 
body.i18n-zh-hans .cesForm2019 .fieldset-wrapper .form-item input, 
body.i18n-zh-hans .cesForm2019 .fieldset-wrapper .form-item select, 
body.i18n-zh-hans .cesForm2019 .proposedFieldset .fieldset-wrapper .form-item .description, 
body.i18n-zh-hans .cesForm2019 .proposedFieldset .fieldset-wrapper .form-item textarea, 
body.i18n-zh-hans .cesForm2019 .webform-confirmation, 
body.i18n-zh-hans.body-esp-eye-page .esp-eye-page, 
body.i18n-zh-hans.body-esp-eye-page .solution-container .desc, 
body.i18n-zh-hans.body-vendors-self-recommendation-page .vendors-form-wrap .webform-component-markup, 
body.i18n-zh-hans.body-vendors-self-recommendation-page .webform-confirmation, 
body.i18n-zh-hans .pcn-viewDownloadDocument .pcn-categroyDoc,
body.i18n-zh-hans .view-content .feature-brief-content *, 
body.i18n-zh-hans .feature-list .feature-list-item .item-description, 
body.i18n-zh-hans .feature-list .feature-list-item .item-description *,
body.html.i18n-zh-hans .buy-now .buy-now-bg .row a.button,
body.html.i18n-zh-hans #esp-audio-devlits-buy.buy-now .buy-now-bg .row a.button,
body.html.i18n-zh-hans .hardware-overview-hint p,
.page-products-equipment-production-testing-equipment-overview.i18n-zh-hans .view-content .item-list ul,
body.html.i18n-zh-hans #esp-skainet-wrap,
body.html.i18n-zh-hans .view-course .views-field,
body.html.i18n-zh-hans .view-book .views-field.views-field-body,
body.html.i18n-zh-hans .view-book .views-field,
body.html.i18n-zh-hans .fc {
    font-family: "SourceHanSansCN-Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}
.views-display-home-dynews li.espEyeBanner p, .pdb-word p, .banner-word p {
    font-size: 22px !important;
}
.feature-brief-title, .feature-list .feature-list-item .item-title,
#esp-skainet-wrap h3, #esp-skainet-wrap .content h2,
.esp-aws-wrap .collaboration-aws-content .tabs-title .title span,
.view-course .views-field.views-field-title, .view-book .views-field.views-field-field-link a, .iot-college .github .github_wrapper h2,
#newsletter-page h3,
.page-node-280 .ctc.sub-tip a, .page-node-55 .ctc.sub-tip a, body:not(.page-node-2119):not(.page-node-2120) .tq-guide .tq-content p:nth-of-type(2) a, .tq-guide .tq-content p.gray-bg a,
body.html .tq-guide .tq-content p:first-child, body.html .tq-guide .tq-content p.gray-title,
body.html .tq-guide .tq-content p.title ,
.webform-client-form .field.field-name-body.field-type-text-with-summary.field-label-hidden *, 
.body-vendors-self-recommendation-page .vendors-form-wrap legend, 
.webform-client-form .field.field-name-body.field-type-text-with-summary.field-label-hidden:nth-child(13) h2, 
.webform-client-form .tq-form-section-wrapper .field.field-name-body.field-type-text-with-summary.field-label-hidden:first-child h2, 
.webform-client-form .field.field-name-body.field-type-text-with-summary.field-label-hidden h2,
.hardware h2 {
    font-size: 20px;
}
.webform-client-form .field.field-name-body.field-type-text-with-summary.field-label-hidden *, 
.body-vendors-self-recommendation-page .vendors-form-wrap legend, 
.webform-client-form .field.field-name-body.field-type-text-with-summary.field-label-hidden:nth-child(13) h2, 
.webform-client-form .tq-form-section-wrapper .field.field-name-body.field-type-text-with-summary.field-label-hidden:first-child h2, 
.webform-client-form .field.field-name-body.field-type-text-with-summary.field-label-hidden h2,
.webform-client-form .field.field-name-body.field-type-text-with-summary.field-label-hidden h3,
.page-node-280 .ctc .pqc>span, .page-node-55 .ctc .pqc>span,
.page-node-256 .newhome .item .words h2, .page-node-82 .newhome .item .words h2 {
    font-size: 20px !important;
}
body.i18n-zh-hans .banner-word a, body.i18n-zh-hans li.espEyeBanner .new-banner-word-down a, body.i18n-zh-hans .banner-word.esp-product-selector-banner a  {
    height: 36px;
    line-height: 38px;
    box-sizing: border-box;
}
.githubs .box h3,
.milestone-year,
.social-responsibility .social-responsibility-wrap .words h3 {
    font-size: 26px;
}
.page-home .newhome h2,
.page-home .home-news-list .news-list-content h2,
body.page-node-4820.i18n-zh-hans #esp-audio-devlits-overview h1 {
    font-size: 30px;
}
.social-responsibility .row .responsibility-btn-wrap ul a, .social-responsibility .row .responsibility-btn-wrap ul a,
.page-node-256 .hardware p, .page-node-82 .hardware p,
.page-node-256 .newhome div>a, .page-node-82 .newhome div>a {
    font-size: 16px;
}
.social-responsibility .row .responsibility-btn-wrap ul a i {
    top:  -9px;
}
.page-node-256 .newhome div>a {
    line-height: unset;
    padding: 5px 0;
}
body.i18n-zh-hans.page-products-socs .sheet-category-overview > .view-content .views-row .sheet-category-title .link, 
body.i18n-zh-hans.page-products-modules .sheet-category-overview > .view-content .views-row .sheet-category-title .link {
    line-height: 28px;
    box-sizing: border-box;
    height: 38px;
}
.esp-alexa .pdb-word p, .i18n-en .esp-alexa .pdb-word p {
    font-size: 22px !important;
}

/*body.i18n-zh-hans .buy-now .buy-now-bg .button {
    height: 38px;
    line-height: 20px;
    box-sizing: border-box;
}*/
body.i18n-zh-hans .esp-product-selector-insert .esp-product-selector-content .btn {
    line-height: 38px
}
body.i18n-zh-hans .nav-header ul a,
body.i18n-zh-hans .sheet-category-overview-nav>.view-content .module-nav-item {
    line-height: 1.2;
}
@media (max-width: 768px) {
     body.i18n-zh-hans .banner-word a, body.i18n-zh-hans li.espEyeBanner .new-banner-word-down a, body.i18n-zh-hans .banner-word.esp-product-selector-banner a {
      height: 32px;
      line-height: 34px !important;
      box-sizing: border-box;
    }
    .views-display-home-dynews li.espEyeBanner p, .pdb-word p, .banner-word p，
    .esp-alexa .pdb-word p, .i18n-en .esp-alexa .pdb-word p {
        font-size: 16px !important;
    }
    .page-node-6459 .pdb-word .submit-suc-btn,
    .page-node-6457 .pdb-word .submit-suc-btn {
        line-height: 1.5 !important;
        height: 30px !important;
    }
}
#header-nav .menu-wrap .menu-name-main-menu>ul li.three-level-menu-new > a.pointer {
    cursor: pointer !important;
}
#header-nav .menu-wrap .menu-name-main-menu>ul li.three-level-menu-new > a.pointer:hover {
    color: #e0260b !important;
    text-decoration: underline !important;
}
#header-nav .menu-wrap .menu-name-main-menu>ul>li ul.menu li a.pointer.active {
    color: #e0260b !important;
}
#header-nav .menu-wrap a.low-power-solutions {
    background: url(../images/header/low-power-solutions.png) no-repeat left center;
}
#header-nav .menu-wrap a.low-power-solutions.active{
    background: url(../images/header/low-power-solutions_active.png) no-repeat left center;
}

.page-support-documents-certificates .certification .views-exposed-form .form-type-bef-checkbox {
    width: 100%;
}
body.chrome.i18n-en .esp32-modules-wrap .table-title thead tr:first-child th.sticky-col {
    height: 100px;
}
.esp32-modules-wrap .sticky-col {
    width: 196px;
}
.esp32-modules-wrap .table-content table {
    margin-left: 196px;
    width: calc(100% - 196px);
}
.esp32-modules-wrap .table-content table td > p {
    margin: 0;
    font-size: 14px;
}
.esp32-modules-wrap thead tr:nth-child(2) th:first-child {
    min-width: 180px;
}
.esp32-modules-wrap .interfaces {
    min-width: 500px;
}
.esp32-modules-wrap thead tr:nth-child(1) th:nth-child(4) {
    min-width: 130px;
}
.esp32-modules-wrap td {
    height: 96px;
}
.page-company-investor-relations-reports .viewDownloadDocument .view-header,
.page-company-corporate-responsibility-reports .viewDownloadDocument .view-header  {
    left: 0;
}
.page-company-investor-relations-reports .cto,
.page-company-investor-relations-reports .SDK-title span,
.page-company-corporate-responsibility-reports .cto,
.page-company-corporate-responsibility-reports .SDK-title span {
    display: none !important;
}
.page-company-investor-relations-reports .view-header,
.page-company-corporate-responsibility-reports .view-header  {
    margin-bottom: 20px;
}
.page-company-investor-relations-reports .view-header + .download-btn,
.page-company-corporate-responsibility-reports .view-header + .download-btn {
    margin-top: 0;
}
.page-company-investor-relations-reports .download-btn,
.page-company-corporate-responsibility-reports .download-btn {
    margin-top: -32px;
}
.page-company-investor-relations-reports .sat-page .views-field-title,
.page-company-investor-relations-reports .viewDownloadDocument .view-content table .SDK-title,
.page-company-corporate-responsibility-reports .sat-page .views-field-title,
.page-company-corporate-responsibility-reports .viewDownloadDocument .view-content table .SDK-title {
    padding-left: 10px !important;
}
.sheet-category-overview>.view-content .sheet-table .sheet-figure-desc .desc-name {
    display: block;
    margin-top: 2px;
}

.page-company-corporate-responsibility-reports .viewDownloadDocument .SearchAndIcon .searchBox,
.page-company-investor-relations-reports .viewDownloadDocument .SearchAndIcon .searchBox {
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.page-company-corporate-responsibility-reports .viewDownloadDocument .noresult,
.page-company-investor-relations-reports .viewDownloadDocument .noresult  {
    margin-left: 0;
}
.page-company-corporate-responsibility-reports .flexslider .slides > li,
.page-company-investor-relations-reports  .flexslider .slides > li {
    padding: 0 !important;
}
.page-company-corporate-responsibility-reports .new-gallary .pdb-word,
.page-company-investor-relations-reports .new-gallary .pdb-word {
    position: absolute !important;
}
body.page-node-1282 .renderCanvas-wrap, 
body.page-node-1281 .renderCanvas-wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to right, #d2d2d2, #fff, #d2d2d2);
    z-index: 999;
}
body.page-node-1282 #renderCanvas,
body.page-node-1281 #renderCanvas {
    width: 100vw;
    height: 100vh;
}
body.page-node-1282 .loading-container,
body.page-node-1281 .loading-container {
    top:  100px;
    background: rgba(255,255,255,0);
}
body.page-node-1282 .loading-container.active,
body.page-node-1281 .loading-container.active {
    display: block !important;
}
body.page-node-1282 .loading-container #loader-progress,
body.page-node-1281 .loading-container #loader-progress {
    stroke: #e0260b;
}
body.page-node-1282 .loading-container .loading-container-icon,
body.page-node-1281 .loading-container .loading-container-icon {
    width: 1.5em;
    height: 1.5em;
    animation: spin .6s linear infinite;
}
@keyframes spin {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}
body.page-node-1282 .sheet-image-popup__close,
body.page-node-1281 .sheet-image-popup__close {
    background-size: auto 25px;
    background-repeat: no-repeat;
}
body.page-node-1282 .sheet-image-popup__download,
body.page-node-1281 .sheet-image-popup__download  {
    width: 27px;
    height: 27px;
    background: url('/sites/all/themes/espressif/images/download-white.png');
    position: absolute;
    right: 70px;
    top: 26px;
    cursor: pointer;
    background-size: auto 27px;
    background-repeat: no-repeat;
}
.pae-video-popup__banner {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.5);
    text-align: center;
    color: #fff;
    padding: 12px 0;
    cursor: pointer;
}
.pae-video-popup__banner:hover {
    text-decoration: underline;
}
.pae-video-popup__banner span {
    display: inline-block;
    margin-left: 8px;
    background-image: url(/sites/default/files/play%20icon.svg);
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-top: -3px;
}
.buy-now .buy-now-bg .button {
    transition: background 0.2s, color 0.2s, border 0.2s;
    -moz-transition: background 0.2s, color 0.2s, border 0.2s;
    -webkit-transition: background 0.2s, color 0.2s, border 0.2s;
    -o-transition: background 0.2s, color 0.2s, border 0.2s;
}
.esp32-s2-page-wrap .buy-now .buy-now-bg .button:hover {
    background: #fff !important;
    color:  #333 !important;
}
body.page-ecosystem-partnership-and-resource-third-party-sdks .views-table + .download-btn  {
    margin: 30px 0;
}
.page-ecosystem-partnership-and-resource-third-party-sdks ul.cto  {
    border-bottom: 0px;
    padding-bottom: 18px;
}
.page-ecosystem-partnership-and-resource-third-party-sdks .viewDownloadDocument #edit-field-type-tid-wrapper .views-widget  {
    display: block;
}
.page-ecosystem-partnership-and-resource-third-party-sdks #edit-field-type-tid-wrapper .views-widget {
    margin-left: 0;
}
.page-ecosystem-partnership-and-resource-third-party-sdks .sat-page #edit-field-type-tid-wrapper  {
    margin: 0;
}
.page-ecosystem-partnership-and-resource-third-party-sdks .views-exposed-form .bef-checkboxes  {
    padding-left: 10px;
}
.page-ecosystem-partnership-and-resource-third-party-sdks .view-content .icheckbox {
    float: none;
    display: inline-block;
    vertical-align: sub;
}
.page-ecosystem-partnership-and-resource-third-party-sdks .viewDownloadDocument .view-filters  {
    margin-right: 20px;
}
.page-ecosystem-partnership-and-resource-third-party-sdks .sat-page .views-field-title {
    width: 40%;
}
@media (max-width: 768px) {
    .pae-video-popup__banner  {
        padding: 8px 0;
        font-size: 12px;
    }
    .pae-video-popup__banner span {
        width: 16px;
        height: 16px;
    }
}
.pcn-viewDownloadDocument .view-filters {
    width: 230px;
}
.pcn-viewDownloadDocument.actived .pcn-view-content {
    width: 890px;
}
@media (max-width: 1280px) and (min-width: 1170px) {
    .pcn-viewDownloadDocument.actived .pcn-view-content {
        width: 670px;
    }
}
@media (max-width: 1170px) {
    .pcn-viewDownloadDocument.actived .pcn-view-content {
        width: 100%;
    }
    .page-ecosystem-partnership-and-resource-third-party-sdks .searchBox-wrap .searchBox {
        margin-top: 0;
    }
    .page-ecosystem-partnership-and-resource-third-party-sdks .viewDownloadDocument.actived .view-filters,
    .page-ecosystem-partnership-and-resource-third-party-sdks .viewDownloadDocument .view-filters  {
        display: none !important;
    }
    .page-ecosystem-partnership-and-resource-third-party-sdks .SearchAndIcon input  {
        width: 100% !important;
    }
}
.form-type-bef-checkbox-wrap {
  padding-left: 10px;
}
.form-type-bef-checkbox-wrap .form-item:not(.form-item-parent) {
  padding-left: 10px;
} 


li.bn-left-center .banner-word a.banner-link-black,
li.bn-left-center .pdb-word a.banner-link-black  {
  margin-top: 20px !important;
  border-color: #333!important;
  color: #333 !important;
}
li.bn-left-center .banner-word a.banner-link-black:after,
li.bn-left-center .pdb-word a.banner-link-black:after {
  border-color: #333 !important;
}


/*ESP-EYE*/
.body-esp-eye-page #block-menu-block-71,
.body-esp-eye-page #block-menu-block-70 {
    display: none;
}
.body-esp-eye-page .esp-eye-page .nav-tabs-wrap a {
    color: #fff;
}
.body-esp-eye-page .esp-eye-page .nav-tabs-wrap a:hover {
    text-decoration: none;
}
.body-esp-eye-page .dev-border-desc .button,
.body-esp-eye-page .esp32-s3-eye-container .esp32-s3-eye-desc .button {
    margin-top: 30px;
}
.body-esp-eye-page .esp32-s3-eye-container {
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -o-align-items: center;
    align-items: center;
    margin-top: 100px;
}
.body-esp-eye-page .esp32-s3-eye-container .esp32-s3-eye-desc-wrap {
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.body-esp-eye-page .esp32-s3-eye-container .esp32-s3-eye-desc-wrap p {
    font-size: 16px;
    line-height: 1.625;
}
.body-esp-eye-page .esp32-s3-eye-container .esp32-s3-eye-desc-wrap > img {
    margin-right: 50px;
    width: 100px;
    height: 100px;
}
.body-esp-eye-page .esp32-s3-eye-container .esp32-s3-eye-logo {
    min-width: 40%;
    box-sizing: border-box;
    background-image: url(../images/esp-eye/esp-s3-eye-bg.png);
    background-repeat: no-repeat;
    background-position: 60px center;
    background-size: auto 150px;
}
.body-esp-eye-page .esp32-s3-eye-container .esp32-s3-eye-logo img {
    width: 350px;
    float: right;
}
.body-esp-eye-page .aws-container .awsLogo {
    float: left;
    margin: 0;
    width: 40%;
}
.body-esp-eye-page .aws-container .aws-desc-wrap {
    margin-left: 57%;
    margin-right: 0;
}
.body-esp-eye-page .esp-eye-page .dev-container .imgExplain img {
    height: 410px;
}
@media (max-width: 1200px) {
   .body-esp-eye-page  .esp32-s3-eye-container {
        display: block;
        padding: 0 10%;
    }
    .body-esp-eye-page .esp32-s3-eye-container .esp32-s3-eye-logo img {
        float: none;
        margin: 30px auto 0;
    }
    .body-esp-eye-page .esp32-s3-eye-container .esp32-s3-eye-logo {
        background-image: none;
    }
    .body-esp-eye-page .aws-container {
        padding-left: 10%;
        padding-right: 10%;
    }
    .body-esp-eye-page .aws-container .aws-desc-wrap {
        margin-top: 30px;
        margin-left: 0;
    }
    .body-esp-eye-page .aws-container .awsLogo {
        float: none;
    }
}
@media (max-width: 768px) {
   .body-esp-eye-page  .esp32-s3-eye-container {
        padding: 0 20px;
    }
   
    .body-esp-eye-page .aws-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .body-esp-eye-page .aws-container .awsLogo {
        width: 100%;
    }
    .body-esp-eye-page .esp32-s3-eye-container .esp32-s3-eye-logo img ,
    .body-esp-eye-page .aws-container .awsLogo img {
        width: 50%;
    }
    .body-esp-eye-page .esp32-s3-eye-container .esp32-s3-eye-desc-wrap > img {
        margin-top: 80px;
    }
}


.page-company-newsroom-news[data-value="true"] .news-sticky-on-top  {
    display: none;
}

/*  wechat  */
#footer .content .new-footer li.wechat {
    position: relative;
}

#footer .content .new-footer li.wechat .wechat-qrcode-wrap {
    position: fixed;
    height: 0;
    opacity: 0;
    transform: translate(4px, 0);
    background-color: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    box-shadow: 0 0 8px rgba(178, 178, 178, .6);
    overflow: hidden;
    transition: opacity .2s ease-in, transform .2s ease-out;
}
#footer .content .new-footer li.wechat .wechat-qrcode-wrap p {
    color:  #38393a !important;
}
#footer .content .new-footer li.wechat:hover .wechat-qrcode-wrap {
    height: auto;
    padding: 20px 10px;
    opacity: 1;
    transform: translate(4px, -10px);
}
#footer .content .new-footer li.wechat .wechat-qrcode-wrap .qrcode-item {
    display: inline-block;
    margin: 0 10px;
}
#footer .content .new-footer li.wechat .wechat-qrcode-wrap .qrcode-item img {
    width: 120px;
    height: auto;
    border: 1px solid rgba(178, 178, 178, .1);
    border-radius: 10px;
    margin-bottom: 2px;
}
#footer .content .new-footer li.wechat .wechat-qrcode-wrap .qrcode-item p {
    margin: 0;
    font-size: 14px;
    text-align: center;
} 
@media (max-width: 1000px) { 
    #footer .info > div {
        margin: 0 !important;
        text-align: left !important;
    }
}
@media (max-width: 380px) {
   #footer .content .new-footer li.wechat .wechat-qrcode-wrap {
        width: 160px;
        padding: 20px 0;
   }
   #footer .content .new-footer li.wechat .wechat-qrcode-wrap .qrcode-item:not(:last-child) {
        margin-bottom: 20px;
   }
}
 /*在线咨询*/
#zc__sdk__sys__btn,
#zc__sdk__container,
#zc__wapper__shadow {
    display: none !important;
}


@media (max-width: 768px) {
    li.bn-left-center .banner-word.new-banner-bg,
    li .banner-word.new-banner-bg,
    li .pdb-word.new-banner-bg,
    li.bn-left-center .pdb-word.new-banner-bg {
        position: relative !important;
        top: 0 !important;
        transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        -moz-transform: translateY(0) !important;
        -webkit-transform: translateY(0) !important;
        -o-transform: translateY(0) !important;
        margin: 0 !important;
    }
    li.bn-left-center .banner-word.new-banner-bg .new-banner-mobile-img,
    li.bn-left-center .pdb-word.new-banner-bg .new-banner-mobile-img,
    li .banner-word.new-banner-bg .new-banner-mobile-img,
    li .pdb-word.new-banner-bg .new-banner-mobile-img {
        display: block !important;
        width: 100%;
        height: auto;
        float: none;
        margin-top: -0.5px !important;
    }
    li.bn-left-center .banner-word.new-banner-bg  > .content,
    li.bn-left-center .pdb-word.new-banner-bg  > .content,
    li .banner-word.new-banner-bg  > .content,
    li .pdb-word.new-banner-bg  > .content {
        position: absolute;
        top:  0;
        left: 0;
        width: 100% !important;
        height: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 100%;
    }
    .page-products-socs-esp8266 .pdb-word h1 {
        padding-top: 20px;
    }
    li.bn-left-center .banner-word.new-banner-bg  > .content *:not(a),
    li.bn-left-center .pdb-word.new-banner-bg  > .content *:not(a),
    li .banner-word.new-banner-bg  > .content *:not(a),
    li .pdb-word.new-banner-bg  > .content *:not(a),
    .page-node-164.i18n-en .new-gallary .flexslider .pdb-word.new-banner-bg h1, 
    .i18n-en .pdb-word.esp8266-series-modules-banner.new-banner-bg h1,
     .page-node-164.i18n-en .new-gallary .flexslider .pdb-word.new-banner-bg p, 
     .page-node-247.i18n-en .new-gallary .flexslider .pdb-word.new-banner-bg h1, 
     .page-node-164.i18n-en .new-gallary .flexslider .pdb-word.new-banner-bg h1, 
     .i18n-en .pdb-word.esp8266-series-modules-banner.new-banner-bg h1, 
     .i18n-en .pdb-word.esp8266-series-modules-banner.new-banner-bg p,
     .page-node-247 .new-gallary .flexslider .pdb-word.new-banner-bg p,
      .page-node-164 .new-gallary .flexslider .pdb-word.new-banner-bg p, 
      .page-node-247 .new-gallary .flexslider .pdb-word.new-banner-bg h1, 
      .page-node-164 .new-gallary .flexslider .pdb-word.new-banner-bg h1, 
      .pdb-word.esp8266-series-modules-banner.new-banner-bg h1, 
      .pdb-word.esp8266-series-modules-banner.new-banner-bg p {
        position: static !important;
        margin-left: 0 !important;
        min-width: 80%;
        text-align: center !important;
    }
    .page-products-socs-esp8266 li .pdb-word.new-banner-bg  > .content img {
        min-width: 36px !important;
        max-width: 36px !important;
    }
    li .new-banner-bg  > .content .new-banner-white {
        color:  #fff !important;
    }
    .page-products-socs-esp32 #block-block-40 .pdb-word {
        margin: 0 !important;
    }
    .page-products-socs-esp32 #block-block-40 .pdb-word .content {
        width: 100% !important;
        max-width: 100% !important;
    }
    .page-node-2972 li.bn-left-center .pdb-word.new-banner-bg > .content,
    .page-node-2909 li.bn-left-center .pdb-word.new-banner-bg > .content {
        margin-top: -20px;
    }
    .page-node-4432 .new-gallary.esp-alexa .pdb-word p,
    .page-node-4300 .new-gallary.esp-alexa .pdb-word p {
        display: block;
    }
    .esp-alexa .pdb-word p, .i18n-en .esp-alexa .pdb-word p {
        font-size: .9em !important;
    }
    .esp-alexa-wrap .overview-content {
        display: none;
    }
    .esp32-devkitc-for-google-gallery .pdb-word.new-banner-bg,
    .esp32-devkitc-for-google-gallery .pdb-word.new-banner-bg > img {
        width: 100% !important;
    }
    .html .esp32-devkitc-for-google-gallery li .pdb-word.new-banner-bg > .content img {
        max-width: 140px !important;
        min-width: 140px !important;
        margin: 0 auto !important;
    }
    .esp32-devkitc-for-google-gallery .pdb-word.new-banner-bg  .googlePlatform {
        display: block !important;
    }
    .esp32-devkitc-for-google-gallery .pdb-word.new-banner-bg  .googlePlatform ~ p {
        max-width: 360px !important;
        min-width: 10% !important;
    }
    li.bn-left-center .banner-word.new-banner-bg  > .content h1,
    li.bn-left-center .pdb-word.new-banner-bg  > .content h1,
    li .banner-word.new-banner-bg  > .content h1,
    li .pdb-word.new-banner-bg  > .content h1 {
        font-size: 28px !important;
    }
    li.bn-left-center .banner-word.new-banner-bg  > .content h2,
    li.bn-left-center .pdb-word.new-banner-bg  > .content h2,
    li .banner-word.new-banner-bg  > .content h2,
    li .pdb-word.new-banner-bg  > .content h2 {
        font-size: 22px !important;
    }
    li.bn-left-center .banner-word.new-banner-bg  > .content p,
    li.bn-left-center .pdb-word.new-banner-bg  > .content p,
    li .banner-word.new-banner-bg  > .content p,
    li .pdb-word.new-banner-bg  > .content p {
        font-size: 16px !important;
    }
    body.html .intro-wrapper h2 {
        font-size: 28px;
    }
    body.html .intro-wrapper h3 {
        font-size: 18px;
    }
    body.html .products-wrap.customer-products-wrap .products-content-title > ul li {
        font-size: 20px;
    }

}

/* file update */
body.page-files-update .view-files-search {
    padding-top: 80px;
}
body.page-files-update .views-exposed-form .form-text,
body.page-files-update .views-exposed-form .form-select {
    margin-top: 12px;
    height: 38px;
    box-sizing: border-box;
    border: 1px solid #f3f3f3;
    background-color: #f3f3f3;
    border-radius: 8px;
    width: 260px;
    padding: 0 8px;
}
body.page-files-update .views-exposed-form label {
    font-weight: normal;
} 
body.page-files-update .views-exposed-form .form-submit {
    border: 1px solid #1290D8;
    color: #1290D8 !important;
    background-color: #fff;
    border-radius: 6px !important;
    cursor: pointer;
    transition: all .2s ease-out;
    width: 120px;
    height: 38px;
    margin-top: 35px;
    box-sizing: border-box;
}
body.page-files-update .views-exposed-form .form-submit:hover {
    background-color: #1290D8;
    border-color: #1290D8;
    color: #fff !important;
}
body.page-files-update .view-content {
    margin-top: 40px;
}
body.page-files-update .view-content tr th {
    padding: 0 10px;
    background-color: #f3f3f3;
    min-width: 100px;
    height: 46px;
    border-bottom: none;
}
body.page-files-update .view-content tr {
    background-color: #fff;
}
body.page-files-update .view-content tr td {
    height: 46px;
    line-height: 1.425;
    padding: 6px 10px;
}
body.page-files-update .view-content .views-field-delete a {
    color: #e0260b;
}
body.page-files-update .view-content tr td:last-child a {
    color: #1290D8;
}
body.page-files-update .view-content a:hover {
    text-decoration: underline;
}
.page-contact-us-technical-inquiries-hardware-issues a .tq-sheet-button {
    background-color: #1290D8 !important;
    border: 1px solid #1290D8 !important;
    color: #fff !important;
    transition: none;
    font-size: 16px;
    font-weight: normal;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}
.page-contact-us-technical-inquiries-hardware-issues a .tq-sheet-button:hover {
    background-color: #fff !important;
    color: #1290D8 !important;
}
.products-wrap.customer-products-wrap {
    padding: 0;
}
h2.new-title-line {
    position: relative;
    text-align: left;
}
.products-wrap.customer-products-wrap .title-line {
    position: relative;
    width: 170px;
    text-align: left;
    margin-bottom: 0;
}
.i18n-zh-hans .products-wrap.customer-products-wrap .title-line {
    width: 160px;
}
.products-wrap.customer-products-wrap .title-line:before,
h2.new-title-line:before {
    content: '';
    display: block;
    width: 1.9em;
    height: 4px;
    margin-bottom: 2px;
    background-color: #1290D8;
}
.products-wrap.customer-products-wrap .products-content {
    padding-top: 5em;
}
.products-wrap.customer-products-wrap .products-content-title,
.products-wrap.customer-products-wrap .products-content-title > ul {
    height: 100%;
    min-height: 340px;
}
.products-wrap.customer-products-wrap .products-content-title > ul {
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    padding-right: 2em;
}
.products-wrap.customer-products-wrap .products-content-title > ul li {
    font-size: 26px;
    font-weight: 600;
}
.products-wrap.customer-products-wrap .products-content-title > ul li span.line {
    position: relative;
    display: block;
    padding: .5em 0 .5em 1em;
    cursor: pointer;
}
.products-wrap.customer-products-wrap .products-content-title > ul li span.line:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 4px;
    background-color: #1290D8;
    transition: height .1s linear;
}
.products-wrap.customer-products-wrap .products-content-title > ul li.active span.line {
    color: #1290D8;
}
.products-wrap.customer-products-wrap .products-content-title > ul li.active span.line:before {
    height: 100%;
}
.products-wrap.customer-products-wrap .products-content-desc {
    background-color: #FAFBFC;
    border-radius: 8px;
    padding: 2em;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.products-wrap.customer-products-wrap .products-content-desc .product-info {
    /*min-height: 200px;*/
}
.products-wrap.customer-products-wrap .products-content-desc .product-info.lg li {
    margin-bottom: 55px;
}
.products-wrap.customer-products-wrap .products-content-desc .product-info li {
    margin-bottom: 26px;
}
.products-wrap.customer-products-wrap .products-content-desc .product-info li:last-child {
    margin-bottom: 0 !important;
}

.products-wrap.customer-products-wrap .products-content-desc .product-info li a {
    color: #1290D8;
    font-size: 18px;
    font-weight: 500;
    font-family: "Helvetica Neue Regular", HelveticaNeueRegular, HelveticaNeue-Regular, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif;
}
.products-wrap.customer-products-wrap .products-content-desc .product-info li a:not(.no-link):hover {
    text-decoration: underline;
}
.products-wrap.customer-products-wrap .products-content-desc .product-info li a.no-link {
    color: #333 !important;
}
.products-wrap.customer-products-wrap .products-content-desc .product-info {
    width: 40%;
    height: 263px;
    display: flex;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.products-wrap.customer-products-wrap .products-content-desc .product-info::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.products-wrap.customer-products-wrap .products-content-desc .product-info::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 20px;
}

.products-wrap.customer-products-wrap .products-content-desc .product-info::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 20px;
}
.products-wrap.customer-products-wrap .products-content-desc .product-info.scroll {
    align-items: unset;
}
.products-wrap.customer-products-wrap .products-content-desc .product-img {
    width: 60%;
    text-align: center;
}
.products-wrap.customer-products-wrap .products-content-desc img {
    height: 190px;
    width: auto;
}
.products-wrap.customer-products-wrap .products-content-desc .product-img p {
    margin: 0;
}
.products-wrap.customer-products-wrap .products-content-desc .product-img a {
    color: #1290D8 !important;
}
.products-wrap.customer-products-wrap .products-content-desc .product-img a:hover {
    text-decoration: underline;
}
.products-wrap.customer-products-wrap .products-content-desc .product-img a:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    margin-left: 4px;
    border-top: 1px solid #1290D8;
    border-right: 1px solid #1290D8;
    transform: rotate(45deg);
}
.products-wrap.customer-products-wrap .products-content .esp-product-desc {
    display: none;
    width: 100%;
}
.products-wrap.customer-products-wrap .products-content .esp-product-desc.active {
    display: flex;
}
.custom-esp-product-selector-add {
    padding: 0;
}
.custom-esp-product-selector-add ~ .custom-esp-product-selector-add {
    display: none;
}
.custom-esp-product-selector-add.no-padding {
    padding: 0 !important;
}
.custom-esp-product-selector-add .esp-product-selector-wrap,
.custom-esp-product-selector-add .esp-product-selector-insert .esp-product-selector-wrap {
    margin: 80px 0;
    background-color: #FAFBFC;
    border: none;
}
.esp32-s2-page-wrap .custom-esp-product-selector-add  .esp-product-selector-insert .esp-product-selector-wrap {
    margin-bottom: 80px !important;
}

.custom-esp-product-selector-add .esp-product-selector-insert .esp-product-selector-content .btn {
    border-color: #1290D8 !important;
}
.custom-esp-product-selector-add .esp-product-selector-insert .esp-product-selector-content .btn:hover {
  background: #1290D8 !important;
  border-color: #1290D8 !important;
}
.page-products-socs-esp32 .products-wrap.customer-products-wrap,
.page-products-socs-esp8266 .products-wrap.customer-products-wrap {
    padding: 80px 0 0;
    font-size: 16px;
}
.page-products-socs-esp32 .products-wrap.customer-products-wrap .products-content-desc .product-info {
    width: 50%;
}
.page-products-socs-esp32 .products-wrap.customer-products-wrap .products-content-desc .product-img {
    width: 50%;
}
@media (max-width: 1170px) {
    .products-wrap.customer-products-wrap > .d-flex,
    .products-wrap.customer-products-wrap > .row > .d-flex {
        display: block;
    }
    .products-wrap.customer-products-wrap .products-content {
        padding-top: 3em;
    }
    .custom-esp-product-selector-add .esp-product-selector-insert {
        padding: 0;
    }
}
@media (max-width: 768px) {
    .products-wrap.customer-products-wrap {
        padding: 0 !important;
    }
    .products-wrap.customer-products-wrap .products-content {
        display: block;
        padding-top: 0;
    }
    .products-wrap.customer-products-wrap .products-content-title,
    .products-wrap.customer-products-wrap .products-content-title > ul {
        height: 100%;
        min-height: 0;
    }
    .products-wrap.customer-products-wrap .products-content-title > ul {
        -webkit-box-direction: unset;
        -webkit-box-orient: unset;
        -moz-flex-direction: unset;
        -webkit-flex-direction: unset;
        -ms-flex-direction: unset;
        -o-flex-direction: unset;
        flex-direction: unset;
    }
    .products-wrap.customer-products-wrap .products-content-desc .product-info.lg li {
        margin-bottom: 40px;
    }
    .products-wrap.customer-products-wrap .products-content-desc .product-info li {
        margin-bottom: 22px;
    }
    .products-wrap.customer-products-wrap .products-content-desc {
        padding: 3em 2em;
    }
    .products-wrap.customer-products-wrap .products-content-title > ul li span.line span {
        display: none;
    }
    .products-wrap.customer-products-wrap .products-content-title > ul li span.line {
        display: block;
    }
    .products-wrap.customer-products-wrap .products-content-title > ul li span.line:before {
        top: unset;
        bottom: 0;
        height: 4px;
        width: 0;
        transition: unset;
    }
    .products-wrap.customer-products-wrap .products-content-title > ul li.active span.line:before {
        height: 4px;
        width: 100%;
    }
    .products-wrap.customer-products-wrap .products-content-desc .product-info {
        flex: 1;
        width: auto;
    }
    .products-wrap.customer-products-wrap .products-content-desc .product-img {
        width: auto;
        max-width: 35%;
    }
    .products-wrap.customer-products-wrap .products-content-desc {
        padding: 2em 1em;
    }
    .products-wrap.customer-products-wrap .products-content-desc img {
        width: 90%;
        height: auto;
    }
    .custom-esp-product-selector-add .esp-product-selector-wrap {
        margin: 50px 0 !important;
    }
    .products-wrap.customer-products-wrap .products-content-desc {
        min-height: 280px;
    }
    .page-products-socs-esp32 .products-wrap.customer-products-wrap,
    .page-products-socs-esp8266 .products-wrap.customer-products-wrap {
        padding: 50px 0 0 !important;
    }
}
@media (max-width:  600px) {
    .custom-esp-product-selector-add .esp-product-selector-insert {
        padding: 0;
    }
    .custom-esp-product-selector-add .esp-product-selector-insert .esp-product-selector-wrap {
        margin: 0 0 50px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    .custom-esp-product-selector-add .esp-product-selector-insert .esp-product-selector-content {
        padding-right: 20px !important;
    }
    .custom-esp-product-selector-add .esp-product-selector-insert .esp-product-selector-content h2 {
        font-size: 20px;
    }
    .custom-esp-product-selector-add .esp-product-selector-insert .esp-product-selector-content p {
        font-size: 16px;
    }
    .products-wrap.customer-products-wrap .products-content-desc .product-info li a {
        font-size: 16px;
    }
}
@media (max-width: 500px) { 
    .products-wrap.customer-products-wrap .products-content-desc .product-img {
        width: auto;
        max-width: 40%;
    }
    .products-wrap.customer-products-wrap .products-content-desc .product-img a {
        white-space: nowrap;
        font-size: 14px;
    }
    .products-wrap.customer-products-wrap .products-content-desc .product-info li a {
        font-size: 14px;
    }
}
.page-products-socs-esp32 .view-footer .resource-list,
.page-products-socs-esp32 .view-footer > .esp-product-selector-insert,
.page-products-socs-esp8266 .view-footer .resource-list,
.page-products-socs-esp8266 .view-footer > .esp-product-selector-insert {
    display: none !important;
}
.page-products-socs-esp32 .products-wrap.customer-products-wrap .title-line,
.page-products-socs-esp8266 .products-wrap.customer-products-wrap .title-line,
.page-products-socs-esp32 .products-wrap.customer-products-wrap .products-content-title li span.line,
.page-products-socs-esp8266 .products-wrap.customer-products-wrap .products-content-title li span.line {
    line-height: 1.4;
}
@media (max-width: 1280px) and (min-width: 1170px) {
    .page-products-socs-esp32 .intro-wrapper .inside,
    .page-products-socs-esp8266 .intro-wrapper .inside {
        width: 1140px;
    }
}
body.page-join-us-job-search #edit-field-classification-value-wrapper #edit-field-classification-value-international-graduates {
    display: none !important;
}
.images p a:hover, .ctc .pqc a:hover {
    opacity: 1 !important;
}
.page-node-3783 .element-invisible {
    position: static !important;
    height: auto;
}
.page-node-3783 .vendors-form-wrap .webform-component-fieldset.webform-component--key-features-and-advantages.form-wrapper,
.page-node-3792 .vendors-form-wrap .webform-component-fieldset.webform-component--key-features-and-advantages.form-wrapper {
    margin-bottom: 0 !important;
}
.page-node-1993 form.webform-client-form-1993 > div,
.page-node-1985 form.webform-client-form-1985 > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.page-node-1993 .webform-client-form .form-item.webform-component,
.page-node-1985 .webform-client-form .form-item.webform-component {
    position: relative;
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    margin-right: 0 !important;
    padding-right: 5%;
    box-sizing: border-box;
    display: block;
    background-color: #fff !important;
}
.page-node-1993 .webform-client-form .form-item.webform-component.even,
.page-node-1985 .webform-client-form .form-item.webform-component.even {
    margin-left: 0 !important;
    padding-right: 0;
    padding-left: 5%;
}
.page-node-1993 .webform-client-form .form-item label,
.page-node-1985 .webform-client-form .form-item label {
    display: block !important;
    margin-bottom: 0.5em !important;
    width: 100% !important;
    font-size: 16px !important;
    color: #333 !important;
}
.page-node-1993 .webform-client-form .form-item input,
.page-node-1993 .webform-client-form .form-item select,
.page-node-1985 .webform-client-form .form-item input,
.page-node-1985 .webform-client-form .form-item select,
.page-node-1993 .webform-client-form .form-item textarea {
    width: 100% !important;
    height: 42px !important;
    padding-left: 8px;
    background-color: #F3F3F3 !important;
    border: 1px solid #F3F3F3;
    border-radius: 6px;
    box-sizing: border-box;
    max-width: 100%;
    outline: none !important;
}
.page-node-1993 .webform-client-form .form-item textarea  {
    height: 120px !important;
}
.page-node-1993 .webform-client-form .form-item.webform-component-textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.page-node-1993:not(.show-textarea) .webform-client-form .webform-component-textarea {
    display: none;
}

.page-node-1993 .webform-client-form .form-item textarea 
.page-node-1993 .webform-client-form .form-item textarea  {
    height: unset !important;
}
.page-node-1993 .webform-client-form .form-item input:focus,
.page-node-1993 .webform-client-form .form-item select:focus,
.page-node-1985 .webform-client-form .form-item input:focus,
.page-node-1985 .webform-client-form .form-item select:focus,
.page-node-1993 .webform-client-form .form-item textarea:focus  {
    border-color: #1290D8;
}
.page-node-1993 .webform-client-form input.form-submit,
.page-node-1993 .webform-client-form #edit-submitted-upload-resume-upload-button,
.page-node-1985 .webform-client-form input.form-submit,
.page-node-1985 .webform-client-form #edit-submitted-upload-resume-upload-button  {
    border: 1px solid #1290D8 !important;
    color: #1290D8 !important;
    background-color: #fff !important;
    border-radius: 6px !important;
    cursor: pointer;
    width: 128px !important;
    height: 35px !important;
    transition: all .2s ease-out;
}
.page-node-1993 .webform-client-form input.form-submit:hover,
.page-node-1993 .webform-client-form #edit-submitted-upload-resume-upload-button:hover,
.page-node-1985 .webform-client-form input.form-submit:hover,
.page-node-1985 .webform-client-form #edit-submitted-upload-resume-upload-button:hover {
  background-color: #1290D8 !important;
  border-color: #1290D8 !important;
  color: #fff !important;
}
.page-node-1993 .webform-client-form #edit-submitted-upload-resume-upload-button,
.page-node-1985 .webform-client-form #edit-submitted-upload-resume-upload-button  {
    display: none !important;
}
.page-node-1993 .webform-client-form .form-managed-file,
.page-node-1985 .webform-client-form .form-managed-file {
    max-width: 100% !important;
    height: 170px !important;
    border: 2px dashed #ccc;
    border-radius: 6px;
    padding: 6px 30px;
    box-sizing: border-box;
}
.page-node-1993 .webform-client-form .webform-component-file.webform-component--upload-resume,
.page-node-1985 .webform-client-form .webform-component-file.webform-component--upload-resume {
    position: relative;
}
.page-node-1993 .webform-client-form .webform-component-file.webform-component--upload-resume .description,
.page-node-1985 .webform-client-form .webform-component-file.webform-component--upload-resume .description {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    min-width: 80% !important;
    transform: translate(-52%, -50%);
    text-align: center;
    padding-left: 0 !important;
    margin-top: 16px;
    font-size: 0;
}
.page-node-1993 .webform-client-form .webform-component-file.webform-component--upload-resume .description:before,
.page-node-1985 .webform-client-form .webform-component-file.webform-component--upload-resume .description:before {
    width: 80%;
    margin: 0 auto 16px !important;
    text-align: center;
    font-size: 12px !important;
    color: #B9B9B9;
}
.page-node-1993 .webform-client-form .webform-component-file.webform-component--upload-resume .description:after,
.page-node-1985 .webform-client-form .webform-component-file.webform-component--upload-resume .description:after {
    text-align: center;
    color: #333;
    font-size: 16px;
}
.page-node-1993 .webform-client-form .webform-component-file.webform-component--upload-resume .description:before,
.page-node-1985 .webform-client-form .webform-component-file.webform-component--upload-resume .description:before {
    content: 'Supported file formats:  .jpg / .jpeg / .png / .txt / .rtf / .html / .pdf / .doc / .docx. The file size should not exceed 10 MB.';
    display: block;
}
.page-node-1993.i18n-en .webform-client-form .webform-component-file.webform-component--upload-resume .description:after,
.page-node-1985.i18n-en .webform-client-form .webform-component-file.webform-component--upload-resume .description:after  {
    content: 'Choose File';
    display: block;
}
.page-node-1993.i18n-zh-hans .webform-client-form .webform-component-file.webform-component--upload-resume .description:before,
.page-node-1985.i18n-zh-hans .webform-client-form .webform-component-file.webform-component--upload-resume .description:before {
    content: '支持 .jpg / .jpeg / .png / .txt / .rtf / .html / .pdf / .doc / .docx 格式，文件大小请勿超过 10 MB。';
    display: block;
}
.page-node-1993.i18n-zh-hans .webform-client-form .webform-component-file.webform-component--upload-resume .description:after,
.page-node-1985.i18n-zh-hans .webform-client-form .webform-component-file.webform-component--upload-resume .description:after {
    content: '选择文件';
    display: block;
}
.page-node-1993.body-node-job-apply .node-job-apply form .webform-component--job-life~div:nth-child(14),
.page-node-1985.body-node-job-apply .node-job-apply form .webform-component--city~div:nth-child(12) {
    width: 50% !important;
    max-width: 50% !important;
    min-width: 50% !important;
    padding-right: 5%;
    box-sizing: border-box;
}
.page-node-1993.body-node-job-apply .node-job-apply form .webform-component--job-life~div:nth-child(14) .webform-component--upload-resume,
.page-node-1985.body-node-job-apply .node-job-apply form .webform-component--city~div:nth-child(12) .webform-component--upload-resume {
    padding-right: 0;
    margin-bottom: 0 !important;
}
.page-node-1993.body-node-job-apply .node-job-apply form .webform-component--job-life~div:nth-child(14) div,
.page-node-1985.body-node-job-apply .node-job-apply form .webform-component--city~div:nth-child(12) div  {
    width: 100%;
}
.page-node-1993 .webform-client-form .webform-component--upload-resume .form-file,
.page-node-1985 .webform-client-form .webform-component--upload-resume .form-file {
    position: absolute;
    top:  0;
    left:  0;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    opacity: 0;
    z-index: 1;
}
.page-node-1993 .webform-client-form .webform-component--upload-resume .form-submit,
.page-node-1985 .webform-client-form .webform-component--upload-resume .form-submit {
    position: absolute;
    top:  50%;
    right: -16px;
    margin-top: 16px;
    transform: translate(100%, -30%);
}
.page-node-1993 #agreement-wrap,
.page-node-1985 #agreement-wrap {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 5px !important;
}
.form-actions ~ .additional-info.sub-tip {
    font-size: 18px !important;
}
.images p, .webform-client-form label {
    font-size: 16px !important;
}
.body-is-agreement #agreement-wrap {
    width: 100%;
    margin-bottom: 16px;
}
.body-is-agreement #agreement-wrap .agreement-wrap .agreement-desc a,
.page-node-1993 .additional-info.sub-tip a,
.page-node-1985 .additional-info.sub-tip a {
    color: #1290D8 !important;
}
.page-node-1993 .webform-client-form .form-item.webform-component p.error,
.page-node-1985 .webform-client-form .form-item.webform-component p.error {
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    color:  #e0260b;
    font-size: 12px;
    padding-top: .3em;
}
.page-node-1993 .webform-client-form .webform-component-file.webform-component--upload-resume .description.active,
.page-node-1985 .webform-client-form .webform-component-file.webform-component--upload-resume .description.active  {
    margin-top: -8px !important;
}
.body-is-agreement .schematic-pcb-wrap p span {
    color:  #333 !important;
}
.page-node-1993 .webform-client-form .webform-component-file.webform-component--upload-resume .description.active:after,
.page-node-1985 .webform-client-form .webform-component-file.webform-component--upload-resume .description.active:after {
    color: #1290D8 !important;
}
.page-node-1993 .webform-client-form .format-file-name,
.page-node-1985 .webform-client-form .format-file-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #eee;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0 12px;
    height: 26px;
    line-height: 26px;
    position: absolute;
    width: 80%;
    left: 10%;
    bottom: 15%;
    color:  #333;
}
.page-node-1993 .webform-client-form .format-file-name .name,
.page-node-1985 .webform-client-form .format-file-name .name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
} 
.page-node-1993 .webform-client-form .format-file-name .delete,
.page-node-1985 .webform-client-form .format-file-name .delete {
    height: 18px;
    width: 16px;
    margin-right: -4px;
    margin-left: 6px;
    background: url(../images/submit-delete.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    z-index: 10;
}
.page-node-1993 .additional-info,
.page-node-1985 .additional-info  {
    width: 100% !important;
    max-width: 100% !important;
}
.page-node-1993 .icheckbox.checked,
.page-node-1985 .icheckbox.checked {
    background: url(../images/submit-checked.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #333;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    background-position: center;
    margin-right: 12px;
}
.page-node-1993 .form-actions span.err,
.page-node-1985 .form-actions span.err  {
    display: none !important;
}
.body-is-agreement #agreement-wrap .agreement-wrap p {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}
.page-node-1993 .submit-form-loading-wrap,
.page-node-1985 .submit-form-loading-wrap {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .5);
  z-index: 9999;
}
.page-node-1993 .submit-form-loading-wrap .submit-form-loading-bg,
.page-node-1985 .submit-form-loading-wrap .submit-form-loading-bg  {
  position: fixed;
  top: calc(50% - 90px);
  left: calc(50% - 90px);
  background: url("../images/Loading.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  animation: rotate 1s linear infinite;
}
.page-node-1993 .submit-form-loading-wrap .submit-form-loading-text,
.page-node-1985 .submit-form-loading-wrap .submit-form-loading-text  {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #fff;
}
@keyframes rotate {
  form {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }

}
@media only screen and (max-width: 1080px) {
    .body-node-job-apply #edit-submitted-upload-resume-ajax-wrapper, .page-node-1985 .node-job-apply form .webform-component--city~div, .page-node-1993 .node-job-apply form .webform-component--job-life~div {
        margin: 0 0 16px!important;
        display: block;
        padding-left: 0;
    }
}
@media only screen and (max-width: 768px) {
    .page-node-1993 .webform-client-form .form-item.webform-component, .page-node-1985 .webform-client-form .form-item.webform-component{
        min-width: 100%;
        max-width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .page-node-1993.body-is-agreement #agreement-wrap .agreement-wrap,
    .page-node-1985.body-is-agreement #agreement-wrap .agreement-wrap {
        padding-left: 0px;
    }
    .page-node-1993.body-node-job-apply .node-job-apply form .webform-component--job-life~div:nth-child(14), 
    .page-node-1985.body-node-job-apply .node-job-apply form .webform-component--city~div:nth-child(12) {
        min-width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 60px;
    }
    .page-node-1993 #agreement-wrap, .page-node-1985 #agreement-wrap {
        margin-top: 10px !important;
    }
    .body-node-job-apply #edit-submitted-upload-resume-ajax-wrapper .form-managed-file {
        width: 100%;
    }
    .page-node-1993 .webform-client-form .webform-component--upload-resume .form-submit,
    .page-node-1985 .webform-client-form .webform-component--upload-resume .form-submit {
        right: unset;
        bottom: 0;
        transform: translateY(380%);
    }
}
.page-node-6459 #main-wrapper,
.page-node-6457 #main-wrapper {
    display: none !important;
}

.page-node-6459 #footer-wrapper,
.page-node-6457 #footer-wrapper {
    margin-top: -20px;
}
.page-support-documents-advisories .searchBox-wrap .searchBox {
    flex: 1;
}
.page-support-documents-advisories .viewDownloadDocument .SearchAndIcon input {
    width: 100%;
}
.page-support-documents-advisories .link_wrap a {
    min-width: 186px;
    box-sizing: border-box;
}
@media only screen and (max-width: 1170px) {
    .advisories .searchBox-wrap .searchBox {
        margin-top: 78px;
    }
}

.page-support-download-all .githubs .items .box {
    text-align: center;
}

/* search  */
#header-nav.active .menu-wrap a, #header-nav.active #logo, #header-nav.active a.sul_language_zh-hans, #header-nav.active a.sul_language_en, #header-nav.active a.sul_rss, #header-nav.active a.sul_search {
    -moz-transition: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
#header-nav .top_right_sul #block-search-form {
  display: none !important;
}
.with-secondary-menu.active .section #logo,
.with-secondary-menu.active .menu-wrap,
.with-secondary-menu.active ~ #highlighted,
.with-secondary-menu.active ~ #main-wrapper,
.with-secondary-menu.active ~ #footer-wrapper,
.with-secondary-menu.active .top_right_sul > a,
.with-secondary-menu.active ~ .menu-path .path-content,
#page-wrapper.active .section #logo,
#page-wrapper.active .menu-wrap,
#page-wrapper.active  #highlighted,
#page-wrapper.active  #main-wrapper,
#page-wrapper.active  #footer-wrapper,
#page-wrapper.active  .top_right_sul > a,
#page-wrapper.active  .menu-path .path-content  {
  filter: blur(5px);
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10,MakeShadow=false);
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

#header-nav .top_right_sul #block-search-form.active {
  background: rgba(0,0,0,.7);
  display: block !important;
}
#header-nav .top_right_sul .form-item .search-icon {
    position: absolute;
    display: block;
    left: 20px;
    width: 30px;
    height: 30px;
    top: 15px;
    z-index: 403;
    background-image: url(../images/search-icon.png?v1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 26px !important;
    opacity: 1;
    cursor: pointer;
}
#header-nav .top_right_sul .form-item .form-text {
  background-color: #fff;
  background-image: none;
  height: 56px;
  background-position: 22px center;
  padding-left: 60px;
  padding-right: 130px;
  background-size: auto 26px;
  border-radius: 28px;
}
#header-nav .top_right_sul #block-search-form #edit-actions {
  display: block;
  line-height: 1;
}
#header-nav .top_right_sul #block-search-form #edit-actions  .form-submit {
    display: block;
    float: right;
    position: relative;
    z-index: 4;
    background-color: #E8362D;
    border: none;
    width: 120px;
    height: 48px;
    border-radius: 28px;
    color: #fff;
    font-size: 20px;
    transform: translateY(-113%);
    margin-right: 4px;
    font-family: Helvetica Neue-Medium, Helvetica Neue;
    cursor: pointer;
}
#header-nav .top_right_sul span.search-close,
#header-nav .top_right_sul span.search-close:hover {
   background-image: url(../images/close-search-white.png?v1) !important;
   top: -200px;
   right: -120px;
   width: 32px;
   height: 32px;
   background-size: cover !important;
}
#header-nav .top_right_sul .form-item .form-text, .quick-connect p, .quick-connect ul li a {
  animation: none;
  -webkit-animation: none;
}
#block-search-form h2.element-invisible {
    clip: unset;
    height: auto;
    top: -50px;
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 0;
    transform: translateY(-100%);
    margin: 0;
    line-height: 1.2;
}
#block-search-form h2.element-invisible:after {
  content: 'How can we help?';
  display: block;
  font-size: 50px;
}
.i18n-zh-hans #block-search-form h2.element-invisible:after {
  content: '您希望了解什么？';
}
#block-search-form .content {
  position: fixed !important;
  top: 40% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
#block-search-form .quick-connect {
  padding-top: 12px;
  background-color: transparent;
}
#block-search-form .quick-connect p {
  display: none;
}
#block-search-form .quick-connect ul {
  margin: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 -15px;
}
#block-search-form .quick-connect ul li {
  width: 33.3333%;
  max-width: 170px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: transparent;
  border: 1px solid #fff;
  color:  #fff;
  cursor: pointer;
  transition: none;
  margin: 15px;
  box-sizing: border-box;
  border-radius: 8px;
}
#block-search-form .quick-connect ul li:hover {
  background-color: #fff;
}
#block-search-form .quick-connect ul li a {
  color:  #fff;
  padding: 0;
}
#block-search-form .quick-connect ul li:hover a,
#block-search-form .quick-connect ul li:hover a:hover {
  color:  #333 !important;
}
#header-nav .top_right_sul .form-item .form-text::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ADADAD !important;
}
#header-nav .top_right_sul .form-item .form-text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #ADADAD !important;
}
#header-nav .top_right_sul .form-item .form-text::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #ADADAD !important;
}
#header-nav .top_right_sul .form-item .form-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #ADADAD !important;
}
#header-nav .top_right_sul .form-item .form-text::-ms-input-placeholder { /* Microsoft Edge */
   color: #ADADAD !important;
}
#header-nav .top_right_sul .form-item .form-text::placeholder { /* Microsoft Edge */
   color: #ADADAD !important;
}
#header-nav .top_right_sul .form-item .form-text.error::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #E8362D !important;
}
#header-nav .top_right_sul .form-item .form-text.error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #E8362D !important;
}
#header-nav .top_right_sul .form-item .form-text.error::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #E8362D !important;
}
#header-nav .top_right_sul .form-item .form-text.error:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #E8362D !important;
}
#header-nav .top_right_sul .form-item .form-text.error::-ms-input-placeholder { /* Microsoft Edge */
   color: #E8362D !important;
}
#header-nav .top_right_sul .form-item .form-text.error::placeholder { /* Microsoft Edge */
   color: #E8362D !important;
}
.submit-form-loading-wrap {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .5);
  z-index: 9999;
}
.submit-form-loading-wrap .submit-form-loading-bg {
  position: fixed;
  top: calc(50% - 90px);
  left: calc(50% - 90px);
  background: url("../images/Loading.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  animation: rotate 1s linear infinite;
}
.submit-form-loading-wrap .submit-form-loading-text {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #fff;
}
@keyframes rotate {
  form {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }

}
@media (max-width:  1170px) {
    .with-secondary-menu.active .section #logo, 
    .with-secondary-menu.active .menu-wrap, 
    .with-secondary-menu.active ~ #highlighted, 
    .with-secondary-menu.active ~ #main-wrapper, 
    .with-secondary-menu.active ~ #footer-wrapper, 
    .with-secondary-menu.active .top_right_sul > a, 
    .with-secondary-menu.active ~ .menu-path .path-content, 
    #page-wrapper.active .section #logo, 
    #page-wrapper.active .menu-wrap, 
    #page-wrapper.active #highlighted, 
    #page-wrapper.active #main-wrapper, 
    #page-wrapper.active #footer-wrapper, 
    #page-wrapper.active .top_right_sul > a, 
    #page-wrapper.active .menu-path .path-content {
        filter: unset;
      -webkit-filter: unset;
      -moz-filter: unset;
      -ms-filter: unset;
      -o-filter: unset;
      -webkit-filter: unset;
    }
  #header-nav .menu-wrap #block-menu-block-1:not(.active) #block-search-form.active {
    display: none !important;
  }
  #header-nav .top_right_sul #block-search-form {
    display: none !important;
  }
  #header-nav .top_right_sul a.sul_search {
    display: inline-block;
    font-size: 0;
  }
  #header-nav .top_right_sul #block-search-form.active {
    width: 100vw !important;
    height: 100vh !important;
  }
  #header-nav .top_right_sul #block-search-form.active .content {
    max-width: 100vw;
    width: 100vw !important;
    overflow: unset !important;
    left: 0 !important;
    transform: none !important;
    padding: 0 20px;
    box-sizing: border-box;
  }
  #header-nav .top_right_sul #block-search-form.active .content #search-block-form {
    max-width: 600px;
    margin: 0 auto;
  }
  #block-search-form .quick-connect {
    width: calc(100% - 40px);
    display: block !important;
  }
  #block-search-form .quick-connect ul {
    max-width: 600px;
    margin: 0 auto;
  }
  
  #block-search-form .quick-connect ul li:first-child {
    margin-left: 0;
  }
  #block-search-form .quick-connect ul li:nth-child(3) {
    margin-right: 0;
  }
  #header-nav .top_right_sul .form-item .form-text {
    width: 100% !important;
  }
  #header-nav .top_right_sul #block-search-form #edit-actions .form-submit {
    transform: translateY(-133%);
  }
  #block-search-form h2.element-invisible {
    display: block;
    background: transparent;
    text-indent: 0;
    line-height: 1.2;
  }
  #header-nav .top_right_sul span.search-close {
    transform: rotate(0) !important;
    right: 40px;
  }
  #header-nav .top_right_sul .form-item {
    position: relative;
  }
  #header-nav .top_right_sul .form-item .search-icon {
    transform: translateY(-20%) !important;
    top: 0;
  }
}
@media (max-width:  768px) {
   #header-nav .top_right_sul .form-item .form-text {
    height: 40px;
    background-size: auto 22px;
  }
  #header-nav .top_right_sul #block-search-form.active .content .container-inline {
    line-height: 1;
  }
  #header-nav .top_right_sul #block-search-form #edit-actions .form-submit {
    height: 36px;
    font-size: 16px;
    transform: translateY(-106%);
    margin-right: 2px;
  }
  #block-search-form h2.element-invisible:after {
    font-size: 36px;
  }
  #header-nav .top_right_sul #block-search-form.active .content {
    width: calc(100vw - 20px) !important;
  }
  #block-search-form h2.element-invisible {
    top:  -40px !important;
    right: 0;
  }
  #header-nav .top_right_sul span.search-close, #header-nav .top_right_sul span.search-close:hover {
    width: 36px;
    height: 36px;
    top: -170px;
  }
  #block-search-form .quick-connect ul li {
    max-width: 140px;
    height: 36px;
    line-height: 34px;
  }
}
@media (max-width:  567px) {
  #header-nav .top_right_sul .form-item .form-text {
    position: static !important;
  }
  .top_right_sul #block-search-form #edit-actions .form-submit {
    transform: translateY(-109%);
  }
  #block-search-form .quick-connect ul li {
    margin: 10px !important;
  }
  #header-nav .top_right_sul .form-item {
       position: static !important;
  }
  #header-nav .top_right_sul .form-item .search-icon {
      transform: none !important;
      top: 6px;
      left: 30px;
  }
}
@media (max-width:  520px) {
  #block-search-form .quick-connect ul li {
    max-width: 200px;
    width: 40%;
  }
  #block-search-form .quick-connect ul li:nth-child(odd) {
    margin-left: 0 !important;
  }
  #block-search-form .quick-connect ul li:nth-child(even) {
    margin-right: 0 !important;
  }
   #block-search-form .quick-connect ul li:last-child {
    margin-right: 0 !important;
   }
}
/* end search */

.agreement-wrap .privacy a {
    color: #1290D8 !important;
    text-decoration: none;
}
.agreement-wrap .privacy a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    body.page-support-documents.i18n-zh-hans .banner-word a {
        line-height: 2 !important;
    }
}
.page-support-documents.i18n-zh-hans .form-item-edit-field-download-document-type-tid-1227,
.page-support-download-documents.i18n-zh-hans .form-item-edit-field-download-document-type-tid-1227 {
    display: none;
}
.page-support-documents-pcns .viewDownloadDocument .views-field-nothing a,
.page-support-documents-advisories .viewDownloadDocument .views-field-nothing a {
    background-image: url(../images/documents/retina/link.png) !important;
    width: 21px !important;
}

/**/
.page-node-1993.i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box;
}
.page-node-1993.i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper .webform-component--upload-resume  {
    width: 50% !important;
    max-width: 50% !important;
    min-width: 50% !important;
    margin-left: 0 !important;
    padding-right: 5% !important;
    padding-left: 0;
}
.page-node-1993.i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper .webform-component--upload-resume .format-file-name {
    left: 5%;
}
.page-node-1993.i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper .webform-component--upload-resume .description {
    transform: translate(-57%, -50%);
}


/* new footer  */
#footer-wrapper {
    border-top-color: #fff !important;
    color: #fff;
    background-image: url(../images/new-home/footer-bg.png) !important;
   background-repeat: no-repeat !important;
   background-size: cover !important;
   background-position: center !important;
}
body:not(.views-display-home-dynews) #footer-wrapper {
    border-top: none !important;
}
#footer {
    background-color: transparent !important;
}
   
.new-footer .main .panel, .new-footer .share .panel {
    width: 100%;
    max-width: 1280px;
    padding: 60px 15px 0 !important;
}
.new-footer .main .panel .footer-subscribe-wrap {
    width: 400px;
    margin-right: 16%;
}
.i18n-zh-hans .new-footer .main .panel .footer-subscribe-wrap {
    margin-right: 20%;
}
.new-footer .main .panel .footer-subscribe-wrap h3 {
    font-size: 22px;
    font-family: "SourceHanSansCN-Medium", "Trueno-SemiBold", HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
    margin: 0;
}
.new-footer .main .panel .footer-subscribe-wrap p {
    margin: 20px 0 50px;
    line-height: 1.625;
    font-size: 16px;
}
.new-footer .main .panel .footer-subscribe-wrap  .footer-subscribe-form-wrap {
    position: relative;
}
.new-footer .main .panel .footer-subscribe-wrap  .footer-subscribe-form-wrap input {
   width: 100%;
   height: 42px;
   border: 1px solid #fff;
   border-radius: 40px;
   padding: 0 100px 0 20px;
   font-size: 16px;
   outline: none !important;
   box-sizing: border-box;
}
.new-footer .main .panel .footer-subscribe-wrap  .footer-subscribe-form-wrap button {
    background-color: #E8362D;
    color: #fff;
    border-radius: 40px;
    font-size: 16px;
    border: 1px solid #E8362D;
    position: absolute;
    top: 3px;
    right: 3px;
    line-height: 34px;
    padding: 0 8px;
    outline: none !important;
    cursor: pointer;
    min-width: 88px;
}
body.safari .new-footer .main .panel .footer-subscribe-wrap  .footer-subscribe-form-wrap button {
    top: 1px;
    right: 1px;
}
.new-footer .main .panel > .wrap {
    flex: 1;
}
.new-footer .main .panel ul li {
    color: #fff !important;
}
.new-footer .main .panel ul li.first {
    color: #fff !important;
    font-size: 16px;
    font-weight: normal !important;
    font-family: "SourceHanSansCN-Medium", "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFang SC Medium", "黑体", sans-serif !important;
}
#footer .content .new-footer li a {
    color: #fff !important;
    margin-bottom: 16px;
    font-size: 16px;
}
body.html #footer .social-list ul {
    display: flex;
    align-items: center;
}

body.html #footer .social-list a {
  display: block;
  width: 30px;
  height: 30px;
  box-shadow: unset;
  float: right;
  text-indent: 10000px;
  /*border-radius: 50%;*/
  overflow: hidden;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.i18n-en #footer .social-list a {
  background-size: contain !important;
}

body.html #footer .social-list .twitter a {
  background-image: url(../images/new-home/twitter.png) !important;
  background-color: transparent !important;
}

body.html #footer .social-list .facebook a {
  background-image: url(../images/new-home/facebook.png) !important;
  background-color: transparent !important;
}

body.html #footer .social-list .linkdin a {
  background: url(../images/new-home/linkdin.png) no-repeat center !important;
  background-size: contain !important;
}

body.html #footer .i18n-en .social-list .linkdin a {
  background-image: url(../images/new-home/linkdin.png) !important;
  background-color: transparent !important;
}

body.html #footer .social-list .ins a {
  background-image: url(../images/new-home/ins.png) !important;
  background-color: transparent !important;
}

body.html #footer .social-list .wechat a {
  background-image: url(../images/new-home/wechat.png) !important;
  background-color: transparent !important;
}
body.html #footer .social-list .youtube {
    background: transparent !important;
    margin-bottom: 0;
}

body.html #footer .social-list .youtube a {
  background-image: url(../images/new-home/youtube.png) !important;
  background-color: transparent !important;
}

body.html #footer .social-list .github a {
  background-image: url(../images/new-home/github1.png) !important;
  background-color: transparent !important;
}

body.html #footer .social-list .zhihu a {
  background-image: url(../images/new-home/zhihu.png) !important;
  background-color: transparent !important;
}
body.html #footer .social-list .bilibili a {
  background-image: url(../images/new-home/bilibili.png) !important;
  background-color: transparent !important;
  border: none !important;
}
body.html #footer .social-list {
    top: 0;
    margin-top: 16px;
}
body.html #footer .content .new-footer .social-list li a {
    margin-bottom: 0;
    margin-right: 20px;
}
body.html #footer .content .copyright {
    margin-top: 40px;
    border-top: 1px solid #575757 !important;
    margin-bottom: 0;
}
body.html #footer .content .copyright .r {
    flex: 1;
    color:  rgba(255, 255, 255, .6);

}
body.html #footer .content .copyright .r p {
    font-size: 16px !important;
}
body.html #footer .content .copyright .r p + div {
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
body.html #footer .content .copyright .r p + div a,
body.html #footer .content .copyright .r p + div a p {
    width: auto !important;
    color: rgba(255, 255, 255, .6);
    background: transparent !important;
    transform: none;
    font-size: 14px !important;
}
body.html #footer .content .copyright .l {
    width: auto;
}
body.html #footer .content .copyright .panel {
    padding: 20px 15px !important;
}
body.html #footer .content .copyright .l ul {
    display: flex;
    align-items: center;
}
body.html #footer .content .copyright .l ul li {
    border: none;
    padding: 0;
}
body.html #footer .content .copyright .l ul li.first {
    margin-right: 20px;
}
body.html #footer .content .copyright .l ul li a {
    margin-bottom: 0;
    color:  rgba(255, 255, 255, .6) !important;
}
body.html #footer .content .copyright .l ul li a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}
#footer .content .share .l {
    margin-top: 0;
    display: flex;
    align-items: center;
}
.i18n-zh-hans #footer .content .share .l {
    align-items: flex-start;
    padding-top: 4px;
}
.new-footer .main .panel .footer-subscribe-wrap.error input {
    border-color: #E8362D;
}
.new-footer .main .panel .footer-subscribe-wrap p.error {
  margin: 0;
  font-size: 12px !important;
  padding: 0 !important;
  color: #E8362D !important;
}
body.html #footer .content .copyright {
    /*padding-left: 15px !important;*/
}
@media (min-width:  1280px) {
    body.html.i18n-zh-hans #footer .content .copyright .r {
        display: flex;
    }
    body.html #footer .content .copyright .r p + div {
        padding: 0 !important;
        margin-left: 70px !important;
        width: auto !important;
    }
    body.html.i18n-zh-hans #footer .content .copyright .r p + div a,
    body.html.i18n-zh-hans #footer .content .copyright .r p + div a p {
        font-size: 16px !important;
    }
}
@media (max-width: 1170px) {
    .new-footer .main .panel {
        display: block;
    }
    .new-footer .main .panel .footer-subscribe-wrap {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .new-footer .main .panel .footer-subscribe-wrap p {
        margin: 20px 0 30px;
    }
    body.html #footer .content .copyright {
        margin-bottom: 0;
    }
    #footer .content .share .l {
        margin-top: 0;
        display: flex;
        align-items: center;
    }
    #footer .col-md-3 {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}
@media (max-width: 768px) {
    #footer .col-md-3 {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    body.html #footer .social-list {
        margin-top: 15px;
    }
    body.html #footer .content .copyright .l {
        order: 1;
        width: 100%;
    }
    .new-footer .main .panel {
        padding-top: 40px !important;
    }
    body.html #footer .content .copyright .r {
        order: 2;
        width: 100%;
    }
    body.html #footer .content .copyright .panel {
        padding: 20px !important;
    }
}
.page-support-documents-advisories .viewDownloadDocument .view-filters .filterWrapper > .PTseries {
    display: none;
}

.page-support-documents-advisories .viewDownloadDocument .view-filters .PTseries {
    clear: both;
}
.page-support-documents-advisories .advisories .views-field-field-body {
    display: none;
}
.page-support-documents-advisories .viewDownloadDocument .view-content table .SDK-title  {
    padding-left: 31px !important;
}
.page-support-documents-advisories .viewDownloadDocument .view-content table .SDK-title span {
    display: block;
}
.page-support-documents-advisories .viewDownloadDocument .view-content table .SDK-title span:after {
  content: "+";
  font-size: 18px;
  text-align: center;
  transform: rotate(0);
  -webkit-transform: rotate(0);
}
.page-support-documents-advisories .advisories .views-field-title {
    width: 35%;
}

.page-support-documents-advisories .viewDownloadDocument .view-content table .SDK-title span.active {
  background: none;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.page-support-documents-advisories .viewDownloadDocument.actived .view-content {
    width: 870px;
}
.page-support-documents-advisories .viewDownloadDocument .view-filters {
    width: 250px;
}
.page-support-documents-advisories .viewDownloadDocument .view-filters #edit-field-esp-idf-version-tid-wrapper li {
    display: none;
}
.page-support-documents-advisories .viewDownloadDocument .view-filters .form-select {
    clear: both;
    width: 100%;
    height: 38px;
    border-radius: 6px;
    padding: 0 8px;
    border: 1px solid #b2b2b2;
    margin-bottom: 14px;
    color: #333;
}
div#block-block-65 .pdb-word a.submit-suc-btn {
    line-height: 36px !important;
}
@media (max-width:  768px) {
    div#block-block-65 .pdb-word p {
        font-size: 14px !important;
    }
}

body .banner-word.espressif-new-lead-chip-wrap a {
    border-color: #FCF1EB !important;
    color: #FCF1EB !important;
}
body .banner-word.espressif-new-lead-chip-wrap a:hover {
     background-color: #FCF1EB !important;
     color: #38393a !important;
}

.news-contral-wrap {
    display: flex;
    justify-content: flex-end;
}
.news-share--wrap {
    position: relative;
    width: 170px;
    margin-right: 1em;
}
.news-share--wrap .news-share--content {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: -0px;
    width: 100%;
    transform: translateY(-100%);
    background-color: #fff !important;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    z-index: 10;
}
.news-share--wrap:hover .news-share--content {
    display: block;
    padding-bottom: 6px;
}
.news-share--wrap:hover .addthis_sharing_toolbox {
    border-radius: 0 0 6px 6px;
}
.news-share--wrap .news-share--content li {
    display: flex;
    align-items: center;
    color: #38393a;
    padding: 0 12px;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    cursor: pointer;
}
.news-share--wrap .news-share--content li img {
    width: 22px;
    height: auto;
    margin-right: 6px;
}
.news-share--wrap .news-share--content li:last-child {
    border: none;
}
.news-share--wrap .wechat-share {
    position: relative;
    border-bottom: none !important;
}
.news-share--wrap .wechat-share .wechat-qrcode {
    display: none;
    position: absolute;
    top:  0;
    right: 0;
    transform: translate(100%, -70%);
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    background-color: #fff;
    text-align: center;
    padding: 8px;
    border-radius: 6px;
    z-index: 10;
    min-width: 172px;
    box-sizing: border-box;
}
.news-share--wrap .wechat-share .wechat-qrcode h4 {
    margin: 0;
}
.news-share--wrap .wechat-share .wechat-qrcode .wechat-help {
    font-size: 12px;
    line-height: 1.625;
}
.news-share--wrap .wechat-share .wechat-qrcode img {
    width: 100px;
    margin: 1em auto .6em;
}
.news-share--wrap .wechat-share:hover .wechat-qrcode {
    display: block;
}
body.i18n-en li.zh { 
    display: none;
}

body.i18n-zh-hans li.en {
    display: none;
}