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

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

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

@font-face {font-family: "SourceHanSansCN-Bold";
    src: url('../woff/sourcehansanscn-bold.woff') format('woff'),
    url("../otf/sourcehansanscn-bold.otf") format("opentype"),
    url('../ttf/sourcehansanscn-bold.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    font-display: swap;
}
@font-face {font-family: "SourceHanSansCN-Regular";
    src: url('../woff/sourcehansanscn-regular.woff') format('woff'),
    url('../otf/sourcehansanscn-regular.otf') format('opentype'),
    url('../ttf/sourcehansanscn-regular.ttf') format('truetype');
    font-display: swap;
}
@font-face {font-family: "SourceHanSansCN-Medium";
    src: url('../woff/sourcehansanscn-medium.woff') format('woff'),
    url("../otf/sourcehansanscn-medium.otf") format("opentype"),
    url('../ttf/sourcehansanscn-medium.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    font-display: swap;
}
@font-face {font-family: "SourceHanSansCN-Light";
    src: url('../woff/sourcehansanscn-light.woff') format('woff'),
    url("../otf/sourcehansanscn-light.otf") format("opentype"),
    url('../ttf/sourcehansanscn-light.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    font-display: swap;
}
@font-face {font-family: "MaisonNeue-Bold";
    src: url('../woff/maisonneue-bold.woff') format('woff'),
    url('../otf/maisonneue-bold.otf') format('opentype'),
    url('../ttf/maisonneue-bold.ttf') format('truetype');
    font-display: swap;
}
@font-face {font-family: "MaisonNeue-Book";
    src: url('../woff/maisonneue-book.woff') format('woff'),
    url("../otf/maisonneue-book.otf") format("opentype"),
    url('../ttf/maisonneue-book.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    font-display: swap;
}
@font-face {font-family: "MaisonNeue-Medium";
    src: url('../otf/maisonneue-medium.otf') format('woff'),
    url("../otf/maisonneue-medium.otf") format("opentype"),
    url('../ttf/maisonneue-medium.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    font-display: swap;
}

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

@font-face {font-family: "esp-font1";
  src: url('../are.html\ You\ Okay.otf') format('opentype'),
  url('../are.html\ You\ Okay.ttf') format('truetype');
  font-display: swap;
}

@font-face {font-family: "esp-font1";
  src: url('../are.html\ You\ Okay.otf') format('opentype'),
  url('../are.html\ You\ Okay.ttf') format('truetype');
  font-display: swap;
}
:root {
    /* 字号 */
    --esp-font-size-banner-h1: 38px;
    --esp-font-size-banner-h2: 30px;
    --esp-font-size-banner-p: 24px;
    --esp-font-size-h1: 30px;
    --esp-font-size-h2: 22px;
    --esp-font-size-h3: 18px;
    --esp-font-size-h4: 26px;
    --esp-font-size: 16px;
    
    /* 字体 */
    --esp-font-family-trueno-bold: "Trueno-Bold", "MaisonNeue-Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
    --esp-font-family-trueno-semibold:  "Trueno-SemiBold", "MaisonNeue-Book", HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
    --esp-font-family-regular: "MaisonNeue-Book", HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
    --esp-font-family-trueno-light: "Trueno-light", "MaisonNeue-Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
    --esp-font-family-light:  "MaisonNeue-Light",  "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
    
    --esp-font-family-trueno-regular: "Trueno-Regular", "SourceHanSansCN-Regular", HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
    --esp-font-family-medium: "MaisonNeue-Medium", "SourceHanSansCN-Regular", HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;

    --esp-font-family-maison-bold: "MaisonNeue-Bold", "Trueno-Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
    
    /* 颜色 */
    --esp-color-primary: #38393a;
    --esp-color-blue: #1290D8;
    --esp-color-red: #E8362D;
    --esp-color-white: #fff;
    --esp-input-bg-color: #f3f3f3;

     /* 圆角 */
    --esp-border-radius-small: 4px;
    --esp-border-radius-base: 6px;
    --esp-border-radius-medium: 8px;
    --esp-border-radius-large: 12px;
    --esp-border-radius-round: 50%;
    --esp-border-radius-extra-large: 21px;

    /* 按钮  */
    --esp-btn-width: 172px;
    --esp-btn-height: 40px;
}
.i18n-zh-hans {
  /* 字体 */
  --esp-font-family-trueno-bold: "SourceHanSansCN-Bold", "Trueno-Bold", "MaisonNeue-Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  --esp-font-family-trueno-semibold: "SourceHanSansCN-Bold", "Trueno-SemiBold", "MaisonNeue-Book", HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
  --esp-font-family-regular: "SourceHanSansCN-Regular", "MaisonNeue-Book", HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
  --esp-font-family-trueno-light: "SourceHanSansCN-Light", "Trueno-light", "MaisonNeue-Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  --esp-font-family-light: "SourceHanSansCN-Light", "MaisonNeue-Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;

  --esp-font-family-trueno-regular:  "SourceHanSansCN-Regular", "Trueno-Regular",HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
  --esp-font-family-medium: "SourceHanSansCN-Regular", "MaisonNeue-Medium", HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
  
  --esp-font-family-maison-bold: "SourceHanSansCN-Bold", "MaisonNeue-Bold", "Trueno-Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
}
.i18n-zh-hans,
.i18n-ja {
  --esp-font-family-trueno-bold: "SourceHanSansCN-Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  --esp-font-family-trueno-semibold: "SourceHanSansCN-Bold",  "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
  --esp-font-family-maison-bold: "SourceHanSansCN-Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;

  --esp-font-family-regular: "SourceHanSansCN-Regular", HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
  --esp-font-family-trueno-light: "SourceHanSansCN-Light",  "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  --esp-font-family-light: "SourceHanSansCN-Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  --esp-font-family-trueno-regular:  "SourceHanSansCN-Regular", HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
  --esp-font-family-medium: "SourceHanSansCN-Regular", HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
}
@media (max-width: 768px) {
    :root {
        --esp-font-size-banner-h1: 30px;
        --esp-font-size-banner-h2: 24px;
        --esp-font-size-banner-p: 20px;
        --esp-font-size-h1: 26px;
        --esp-font-size-h2: 18px;
        --esp-font-size-h3: 18px;
        --esp-font-size-h4: 20px;
        --esp-font-size: 16px;
    }
}

@media (max-width: 470px) {
    :root {
        --esp-font-size-banner-h1: 28px;
        --esp-font-size-banner-h2: 22px;
        --esp-font-size-banner-p: 18px;
    }
}
body {
    font-size: 16px;
}

/* banner 文字  */
body.html.views-display-home-dynews li.bn-left-center h1, 
body.html.views-display-home-dynews .pdb-word h1, 
body.html.views-display-home-dynews .banner-word h1, 
body.html.views-display-home-dynews .home-new-wrap h2,
body.html li.bn-left-center .banner-word.new-banner-bg > .content h1, 
body.html li.bn-left-center .pdb-word.new-banner-bg > .content h1, 
body.html li .banner-word.new-banner-bg > .content h1, 
body.html li .pdb-word.new-banner-bg > .content h1,
body.html li.bn-left-center h1, 
body.html .pdb-word h1, 
body.html .banner-word h1 {
    font-size: var(--esp-font-size-banner-h1) !important;
}
body.html.views-display-home-dynews li.bn-left-center h2, 
body.html.views-display-home-dynews .pdb-word h2, 
body.html.views-display-home-dynews .banner-word h2,
body.html li.bn-left-center .banner-word.new-banner-bg > .content h2, 
body.html li.bn-left-center .pdb-word.new-banner-bg > .content h2, 
body.html li .banner-word.new-banner-bg > .content h2, 
body.html li .pdb-word.new-banner-bg > .content h2,
body.html li.bn-left-center h2, 
body.html .pdb-word h2, 
body.html .banner-word h2 {
    font-size: var(--esp-font-size-banner-h2) !important;
}
body.html.i18n-en.views-display-home-dynews li.espEyeBanner p, 
body.html.i18n-en .pdb-word p, .i18n-en .banner-word p, 
body.html.i18n-zh-hans.views-display-home-dynews li.espEyeBanner p, 
body.html.i18n-zh-hans .pdb-word p, 
body.html.i18n-zh-hans .banner-word p {
    font-size: var(--esp-font-size-banner-p) !important;
    line-height: 1.425 !important;
}
body.html.views-display-home-dynews .intro-wrapper h3,
body.html .sheet-category-overview>.view-content .sheet-category-description h3,
body.html .sheet-category-overview-footer-nav-list .sheet-category-overview-footer-nav-title, 
body.html.i18n-zh-hans .sheet-category-overview-footer-nav-list .sheet-category-overview-footer-nav-title,
body.html .purchase-item-wrap h3.title,
.intro-wrapper h3,
.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,
.esp-idf-wrap .esp-idf-overview .item .item-title h3,
.esp-mesh-lite-tabs-wrap .esp-mesh-lite-tabs ul li,
.afe-algorithms-wrap .tab-item .text,
body.html .milestone-content,
.invest-events-page .title,
.recruitment-wrap .row .text-img p.title,
.graduate-recruitment-wrap .recruitment-wrap .title,
body.html .product-socs-card-wrap .product-socs-card-item h3,
.esp32-s2-features-wrap .text-img p.title, #esp32-s2-features-wrap .text-img p.title,
.esp-idf-wrap .esp-idf-software-features .esp-idf-software-wrap h3,
.esp-idf-wrap .esp-id-resources .frameworks-libraries-content h3,
.ees-wrap .software-features-wrap .item-title h3, 
.ees-wrap .hardware-features-wrap .item-title h3,
body.html .aws-tabs-content .item-wrap .item h4,
.iot-college .list h3 a,
.social-responsibility .words h4,
.perple-at-espressif-wrap .global-wrap .item .item-content p.title,
.page-join-us-job-search .views-exposed-widget-job-search-filter-group>label {
    font-size: var(--esp-font-size-h2) !important;
}
body.html .sheet-category-overview>.view-content h2.sheet-category-title.ESP32-S-series-title, 
body.html .sheet-category-overview>.view-content h2.sheet-category-title.ESP32-P-series-title,
body.html .sheet-category-overview>.view-content h2.sheet-category-title.ESP32-C-series-title, 
body.html .sheet-category-overview>.view-content h2.sheet-category-title.ESP32-series-title, 
body.html .sheet-category-overview>.view-content h2.sheet-category-title.ESP32-H-series-title, 
body.html .sheet-category-overview>.view-content h2.sheet-category-title.ESP8266-series-title, 
body.html.page-products-devkits .view-content .views-row:last-child h2.sheet-category-title,
body.html.page-products-equipment-production-testing-equipment .equipment-table .view-grouping .view-grouping-header,
.intro-wrapper h2,
body.html .intro-wrapper .esp-product-selector-content h2,
.esp-product-selector-insert .esp-product-selector-content h2,
body.html .esp-idf-wrap h3,
.body-esp-eye-page .solution-container h2, .body-esp-eye-page .esp-eye-page h3,
#esp-skainet-wrap h2.sublTitle,
#node-2570 .field-item .strong-big, #node-2569 .field-item .strong-big, #node-2570 .field-item h3, #node-2569 .field-item h3,
#newsletter-page h1,
.invest-events-page .events-header-title,
#node-285 .field-name-body h2, #node-1985 .field-name-body h2, #node-1993 .field-name-body h2, #node-68 .field-name-body h2,
.esp32-up-down .main .commitment-title,
.esp8266-wrap .left .bottom .commitment-title,
.commitment-wrap .content-wrap .right .years, 
.social-responsibility .social-responsibility-wrap .words h3  {
    font-size: var(--esp-font-size-h1) !important;
}
body.html .products-wrap.customer-products-wrap .products-content-desc .product-info li a,
.page-company-newsroom-news .latest-from-espressif.intro-wrapper h2,
.news-block-list .views-field-title a,
.invest-events-page .eventstatus,
.body-esp-eye-page .solution-container .prod-wrap a span,
#esp-skainet-wrap .iconGroup span,
.html.i18n-en .hmi-smart-dashboard-wrap .right li p,
.html.i18n-zh-hans .hmi-smart-dashboard-wrap .right li p,
.page-support-download-other-tools .view-content table caption,
.commitment-wrap .content-wrap .right .from,
#newsletter-page td li a, #newsletter-page a,
.more-devkits p,
.views-exposed-widget-job-search-filter-group .bef-tree-depth-0>li>.form-item, 
.views-exposed-widget-job-search-filter-group .bef-tree-depth-0>li>.form-item>label, 
.views-exposed-widget-job-search-filter-group>label,
.page-company-newsroom-news .list-media li .views-field.views-field-title .field-content a,
body.page-products-equipment-production-testing-equipment .production-testing-equipment-footer-wrap .item .title  {
    font-size: var(--esp-font-size-h3) !important;
}
body.html.page-products-socs .sheet-category-overview .views-row-2 .sheet-category-title, 
body.html.page-products-socs .sheet-category-overview .views-row-3 .sheet-category-title, 
body.html.page-products-modules .sheet-category-overview .views-row-2 .sheet-category-title, 
body.html.page-products-modules .sheet-category-overview .views-row-3 .sheet-category-title, 
body.html.page-products-devkits .sheet-category-overview .views-row-2 .sheet-category-title, 
body.html.page-products-devkits .sheet-category-overview .views-row-3 .sheet-category-title,
body.html h2.sheet-category-title.ESP32-series-title:after, 
body.html h2.sheet-category-title.ESP32-P-series-title:after, 
body.html h2.sheet-category-title.ESP8266-series-title:after, 
body.html.page-products-devkits .view-content .views-row:last-child h2.sheet-category-title:after,
body.html .sheet-category-overview>.view-content h2.sheet-category-title,
body.html .products-wrap.customer-products-wrap .products-content-title > ul li,
.githubs .box h3, .milestone-year {
    font-size: var(--esp-font-size-h4) !important;
}
.sheet-category-overview>.view-content .sheet-table .sheet-figure-desc {
    color: rgba(56, 57, 58, .8);
}
/*.esp-idf-wrap .esp-id-resources .frameworks-libraries-content h3,*/
.viewDownloadDocument .view-filters .PTseries,
.esp-idf-wrap .frameworks-libraries a, .esp-idf-wrap .esp-idf-features-wrap .item-row-accordion p a,
.page-support-documents-technical-documents .banner-word a,
.viewDownloadDocument .SearchAndIcon .filterBox-wrap, .pcn-viewDownloadDocument .SearchAndIcon .filterBox-wrap,
.viewDownloadDocument .SearchAndIcon .filterIcon, .pcn-viewDownloadDocument .SearchAndIcon .filterIcon,
.pcn-viewDownloadDocument .view-header, .viewDownloadDocument .view-header,
ul.cto li {
    font-size: var(--esp-font-size) !important;
}
.esp-product-selector-insert .esp-product-selector-content p,
.buy-now .buy-now-bg p,
.design-principles-architecture-content .item-wrap p,
.i18n-en .aws-cloud-solution-content .product-service-content .item-wrap .item p,
.milestone-content-detail,
.page-company-newsroom-news .list-media li .views-field.views-field-body .field-content,
.page-company-newsroom-news .latest-from-espressif p,
body.html .form-top-content .ctc .pqc,
body.html.body-investor-relations-form form.webform-client-form input.webform-submit {
    font-size: var(--esp-font-size) !important;
}
.view-course .views-field,
.view-display-id-book_new .views-field {
    font-size: 14px;
}
.view-book .views-field.views-field-body a {
    color: var(--esp-color-blue) !important;
}
.views-exposed-form label,
.row .responsibility-btn-wrap ul a, .row .responsibility-btn-wrap ul a {
    font-weight: normal !important;
}
.iot-college .list ul li.first {
    margin-top: 4px;
}
.iot-college .list ul li {
    overflow: unset;
    display: flex;
    align-items: flex-start;
}
.iot-college .list .listWrapper {
    margin-left: 12px;
}
.page-company-newsroom-news .list-media li .views-field.views-field-title .field-content a {
     display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
}
.page-company-newsroom-news .list-media li .views-field.views-field-body .field-content {
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.page-company-newsroom-news .list-media li .views-field.views-field-title .field-content a,
.page-company-newsroom-news .list-media li .views-field.views-field-body .field-content  {
    line-height: 1.4;
}
.page-company-newsroom-news .view-display-id-block_on_top.list-media .views-field-field-date {
    padding: 20px 15px 15px;
}
.page-company-newsroom-news .news-block-list .views-field-title {
    margin-top: 36px !important;
}
.page-company-newsroom-news .view-display-id-block_on_top.list-media li .views-field.views-field-title .field-content a {
    display: block;
}
.color-orange {
    color: #FEC62B !important;
}
@media (min-width:  1170px) {
    #esp32-s2-features-wrap .row .col-md-4 .text-img {
        width: 96%;
    }
    .esp32-s2-features-wrap .row .col-md-4 .text-img {
        width: 80%;
    }
    .esp-idf-wrap .esp-idf-software-features .esp-idf-software-wrap span,
    .esp-idf-wrap .esp-idf-features-wrap .item-row-accordion p {
        font-size: var(--esp-font-size) !important;
    }
}
#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;
}
.page-node-2102 .navbar-fixed-top,
.page-node-2121 .navbar-fixed-top,
.page-contact-us-technical-inquiries-hardware-issues .navbar-fixed-top,
.page-node-2124 .navbar-fixed-top,
.page-node-2122 .navbar-fixed-top,
.page-node-4060 .navbar-fixed-top,
.page-node-4061 .navbar-fixed-top {
    top: 72px !important;
}

body,
.product-socs-card-wrap .product-socs-card-item .product-socs-card-item-txt,
.sheet-category-overview>.view-content .sheet-table .sheet-table-header,
.page-node-2062 .esp-product-selector-insert .esp-product-selector-content .btn, 
.page-node-2063 .esp-product-selector-insert .esp-product-selector-content .btn, 
.esp32-s2-page-wrap .esp-product-selector-insert .esp-product-selector-content .btn, 
.views-display-modules-page .esp-product-selector-insert .esp-product-selector-content .btn, 
.views-display-chips-page .esp-product-selector-insert .esp-product-selector-content .btn,
li.bn-left-center h1.black, .pdb-word h1.black, 
.banner-word h1.black, li.bn-left-center h2.black, 
.views-display-home-dynews li.espEyeBanner p.black, 
.pdb-word p.black, .banner-word p.black,
body li.bn-left-center .banner-word a.banner-link-black, 
body li.bn-left-center .pdb-word a.banner-link-black,
.page-support-documents-advisories .viewDownloadDocument .view-filters .form-select,
body.page-join-us-job-search .pop-ct .sec.s2 .sct p, 
body.page-join-us-job-search .pop-ct .sec.s2 .sct p *, 
body.page-join-us-job-search .pop-ct .sec.s2 .sct ul, 
body.page-join-us-job-search .pop-ct .sec.s2 .sct ul *, 
body.page-join-us-job-search .pop-ct .sec.s2 .sct ol, 
body.page-join-us-job-search .pop-ct .sec.s2 .sct ol *, 
body.page-join-us-job-search .pop-ct .sec.s2 .sct div, 
body.page-join-us-job-search .pop-ct .sec.s2 .sct div *,
body.page-join-us-job-search .view.view-job-search th, 
body.page-join-us-job-search .view.view-job-search td, 
body.page-join-us-job-search tr.even, 
body.page-join-us-job-search tr.odd, 
body.page-join-us-job-search tbody,
.webform-client-form .additional-info, .form-warning, .webform-client-form .additional-info, .tq-header .tq-guide,
.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,
.page-company-newsroom-news .view-display-id-block_on_top.list-media .views-field-field-date span,
.webform-client-form .field.field-name-body.field-type-text-with-summary.field-label-hidden h3,
.esp32-c3-related-products h2,
.page-products-equipment-production-testing-equipment .equipment-table .view-grouping .view-grouping-header,
.page-products-equipment-production-testing-equipment-overview .view-content .item-list .equipment-wrap .item-desc p,
.feature-list>.view-footer .buy-now h2,
.esp32-buy-now.buy-now .buy-now-bg .button:not(:hover) {
    color: #38393a !important;
}
.CMC, .sheet-category-overview-nav,
.nav-header {
    background: #38393a;
}
.page-node-2062 .esp-product-selector-insert .esp-product-selector-content .btn, 
.page-node-2063 .esp-product-selector-insert .esp-product-selector-content .btn, 
.esp32-s2-page-wrap .esp-product-selector-insert .esp-product-selector-content .btn, 
.views-display-modules-page .esp-product-selector-insert .esp-product-selector-content .btn, 
.views-display-chips-page .esp-product-selector-insert .esp-product-selector-content .btn,
.page-support-documents .link_wrap a, .page-support-download-documents .link_wrap a {
    border: 1px solid #38393a !important;
}
.intro-wrapper p,
.intro-wrapper,
.row .text-desc ul li span,
.row a.button,
#esp-skainet-wrap,
.body-esp-eye-page .esp-eye-page,
.iconGroup span,
.applicationContent ul li,
#esp-skainet-wrap .corefunctionList li .content h3,
.view-documentation, .sat-page,
.bef-checkboxes label,
.page-support-documents .link_wrap a, 
.page-support-download-documents .link_wrap a,
.viewDownloadDocument ul.cto li,
.body-esp-eye-page .esp-eye-page a.button,
#esp-skainet-wrap .content p,
.views-table thead tr th a:hover, 
.views-table thead tr th.active a,
.views-table thead tr th a,
.viewDownloadDocument .view-content table caption,
.view-course .views-field.views-field-title a, 
.view-book .views-field.views-field-field-link a, 
.iot-college .video h1, .iot-college .list h3 a, 
.iot-college .github .github_wrapper h2 a,
.view-course .views-field.views-field-body,
.view-book .views-field.views-field-body,
.iot-college .filterlist a,
.iot-college .github .github_wrapper .text,
.milestone-year,
.milestone-content,
.milestone-content-detail,
.page-company-newsroom-news .bef-select-as-links .form-type-bef-link a,
.page-company-newsroom-news .view-display-id-block_on_top.list-media li .views-field.views-field-title .field-content a,
.list-media li .views-field.views-field-title a,
.news-block-list .views-field-body,
.invest-events-page .exposed_nav li,
.invest-events-page .title,
.invest-events-page .view-content table,
.row .text-img p.title,
.body-esp-eye-page .solution-container .prod-wrap a,
select#select_sort  {
    color: #38393a;
}
.body-esp-eye-page .esp-eye-page a.button  {
    border-color: #38393a;
}
#esp-skainet-wrap .corefunctionList li .content p,
.featuresLists li p,
.applicationContent .desc p {
    color: rgba(56,57,58,.8);
}
.banner-word a.a-black {
    color: #38393a !important;
    border-color: #38393a !important;
}

.new-footer .main .panel, .new-footer .share .panel {
    box-sizing: border-box;
}
body.html .content-wrap .commitment-title,
.page-company-newsroom-news .view-display-id-block_on_top.list-media li .views-field.views-field-title .field-content a {
    color: #38393a !important;
}
.page-company-newsroom-news .latest-from-espressif {
    background-image: url(../jpg/our-newsletter-new3860.jpg) !important;
}
.page-company-newsroom-news .latest-from-espressif .btn-wrap a {
    color: #0070B5 !important;
}
.viewDownloadDocument .view-content table .title-content a {
    color: #1290D8 !important;
}
.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 {
    font-weight: normal !important;
}
@media only screen and (min-width: 1280px) {
    .sat-page,
    .pcn-viewDownloadDocument {
        width: 100%;
        max-width: 1250px;
    }
    .page-support-documents-technical-documents .viewDownloadDocument.actived .view-content, 
    .page-support-documents-technical-documents-russia .viewDownloadDocument.actived .view-content, 
    .page-support-download-documents-modules .viewDownloadDocument.actived .view-content, 
    .page-support-download-documents-development-board .viewDownloadDocument.actived .view-content, 
    .page-support-documents-certificates .viewDownloadDocument.actived .view-content {
        width: 950px;
    }
    .viewDownloadDocument.actived .view-content, .pcn-viewDownloadDocument.actived .pcn-view-content {
        width: 1010px;
    }
    .pcn-viewDownloadDocument.actived .pcn-view-content {
        width: 990px !important;
    }
    .page-support-documents-advisories .viewDownloadDocument.actived .view-content {
        width:  980px !important;
    }
    .nrnd-footer-wrap {
        max-width: 1220px !important;
    }
    .view.view-course,
    .view.view-book,
    .fc .ctt {
        width: 1250px
    }
     body.page-join-us-job-search .view-content:before {
         max-width: 1250px !important;
     }
}
@media only screen and (min-width: 1170px) {
    .new-gallary .pdb-word,
    .product-socs-card-wrap,
    .new-gallary .banner-word,
    .CMC .content,
    .sheet-category-overview-footer-nav-list {
        width: 100% !important;
        max-width: 1280px !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }
    #node-2570 .field-item, #node-2569 .field-item,
    .page-company-newsroom-news .list-media,
    .page-company-newsroom-news .view-media .view-filters form,
    #newsletter-page,
    .invest-events-page,
    .ctc,
    .body-investor-relations-form form.webform-client-form,
    .page-join-us-job-search #edit-title-wrapper > .views-widget, .page-join-us-job-search #views-exposed-form-job-search-page,
    .webform-client-form .tq-form-section-wrapper,
    .tq-header,
    .body-vendors-self-recommendation-page .webform-client-form,
    form#webform-client-form-282, form#webform-client-form-62,
    form#webform-client-form-8859 {
        width: 100% !important;
        max-width: 1280px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }
    .inside {
        width: 100% !important;
        max-width: 1280px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding: 80px 0;
        box-sizing: border-box !important;
    }
    .page-join-us-job-search .view-job-search .views-exposed-form,
     .page-join-us-job-search .view-content .views-table {
        max-width: 1250px !important;
    }
    .page-join-us-job-search .view-content:before  {
        max-width: calc(100% - 30px) !important;
    }
    
    .sheet-category-overview>.view-content .views-row {
        width: 100%;
        max-width: 1280px;
        padding: 1px 15px;
    }
    .page-company-newsroom-news #container .list-media.media-page .view-content li.views-row {
        max-width: unset !important;
    }
}
@media only screen and (max-width: 1170px) {
    .nav-header .nav-tabs-wrap {
        margin: 0 auto;
    }
    .navbar-fixed-top {
        top: 72px !important;
    }
}
@media screen and (max-width: 810px) {
  /* form#webform-client-form-8351 .webform-component.even {
    float: none;
  }
  form#webform-client-form-8351.webform-client-form .form-item.webform-component {
    width: 100% !important;
  } */
  .body-is-agreement #agreement-wrap .agreement-wrap,
  .webform-client-form .form-actions {
    padding-left: 0 !important;
  }
}
.page-products-socs-esp8266 .new-gallary .pdb-word h1,
.page-node-4190 .applicationContent ul li.active,
.page-node-4189 .applicationContent ul li.active,
.additional-info.sub-tip a, .ctc.sub-tip a, 
.form-warning a, .tq-guide .tq-content a, .sub-tip a, 
.certification .sub-tip a, .viewDownloadDocument .subscribe a, 
.text-introduce a, .hardware-overview-warning a,
a.milestone-content:hover,
a.milestone-content:hover .milestone-content-detail,
.page-company-newsroom-news .bef-select-as-links .form-type-bef-link a:hover, 
.page-company-newsroom-news .bef-select-as-links .form-type-bef-link.selected a,
.views-field-field-new-type .new-type-press-release, 
.views-field-field-new-type .new-type-704,
.invest-events-page .exposed_nav li.active,
.row .responsibility-btn-wrap ul a, 
.row .responsibility-btn-wrap ul a,
.graduate-recruitment-wrap .recruitment-wrap a,
.recruitment-news-wrap .item-link  a:hover,
.recruitment-news-wrap .item-more a,
.espressif-competition .competition-info a,
.logo-usage h3, .primary-logo-wrap h3, .chinese-logo-wrap h3 {
    color: var(--esp-color-red) !important;
}
.page-node-4190 .corefunctionList li:hover,
.page-node-4189 .corefunctionList li:hover,
.iot-college .list .more a, .iot-college .more a,
.iot-college .filterlist a:hover,
.golden-ratio-word:after,
.invest-events-page .subscribe-btn,
.invest-events-page .exposed_nav li.active:after,
.donate-now .responsibility-btn-wrap a,
.delivery-wrap a,
.graduate-recruitment-wrap .recruitment-wrap .line,
.node-type-news .news-contral-wrap .addthis_sharing_toolbox, 
.node-type-news .news-contral-wrap .reuse-button  {
    background: var(--esp-color-red) !important;
}
.page-node-4190 .applicationContent ul li.active:after,
.page-node-4189 .applicationContent ul li.active:after,
.node-type-news .news-contral-wrap .addthis_sharing_toolbox, 
.node-type-news .news-contral-wrap .reuse-button {
    border-color: var(--esp-color-red) !important;
}
.iot-college .list .more a, .iot-college .more a,
.row .responsibility-btn-wrap ul a, 
.row .responsibility-btn-wrap ul a,
.donate-now .responsibility-btn-wrap a,
.webform-client-form input, 
.webform-client-form select, 
.webform-client-form input.form-submit, 
.form-item.webform-component.webform-component-textarea textarea, 
form#webform-client-form-282 input.webform-submit, 
form#webform-client-form-62 input.webform-submit,
.tq-sheet-button,
.page-node-280 .ctc .pqc a, .page-node-55 .ctc .pqc a,
.page-support-documents .link_wrap a, 
.page-support-download-documents .link_wrap a,
.viewDownloadDocument .SearchAndIcon input, 
.pcn-viewDownloadDocument .SearchAndIcon input, 
#views-exposed-form-job-search-page .views-widget-filter-title input[type=text],
.viewDownloadDocument .download-btn,
.page-support-download .link_wrap a, .page-support-faq-commercial-faq .link_wrap a,
ul.pager.pager-load-more a,
.page-support-documents-advisories .viewDownloadDocument .view-filters .form-select,
.view-course .views-row,
.view-display-id-book_new .views-row,
select#select_sort,
.iot-college .github .github_wrapper,
.banner-word a, 
li.espEyeBanner .new-banner-word-down a, 
.banner-word.esp-product-selector-banner a,
.esp-product-selector-insert .esp-product-selector-content .btn,
.row a.button,
.pre-provisioning-wrap > .inside .btn,
.node-type-news .news-contral-wrap .addthis_sharing_toolbox, 
.node-type-news .news-contral-wrap .reuse-button,
.ack-host-solution-btn,
.body-esp-eye-page .esp-eye-page a.button,
body.html.body-investor-relations-form form.webform-client-form input.webform-submit,
.delivery-wrap a {
    border-radius: var(--esp-border-radius-small) !important;
}
.donate-now .row .responsibility-btn-wrap ul a {
    color: var(--esp-color-white) !important;
}
.esp-idf-wrap .esp-idf-features-wrap .item-row-accordion p,
.page-join-us-job-search .job-info-wrap .views-field-title .info-text,
.page-join-us-job-search .view-content .views-table,
.page-node-280 .ctc .pqc a, .page-node-55 .ctc .pqc a,
.esp-idf-wrap .esp-idf-software-features .esp-idf-software-wrap span  {
     border-color: var(--esp-color-blue) !important;
}
.esp-idf-wrap .esp-id-resources h2:before,
.page-join-us-job-search .views-table tr:not(.show-job-info):hover td span.line, 
.page-join-us-job-search .views-table tr.active:not(.show-job-info) td span.line,
.page-node-280 .ctc .pqc a, .page-node-55 .ctc .pqc a,
.afe-algorithms-wrap .tab-item.active:after {
    background: var(--esp-color-blue) !important;
}
.page-ecosystem-community-engagement-courses .view-course .views-field.views-field-title a:hover,
.page-ecosystem-community-engagement-books .view-book .views-field.views-field-field-link a:hover,
.page-node-712 .iot-college .list h3 a:hover,
.page-node-608 .iot-college .list h3 a:hover,
.iot-college .video a,
.iot-college .github .github_wrapper h2 a:hover,
.about-espressif-wrap .versatile-wrap .versatile-content h2,
.about-espressif-wrap a,
.page-company-newsroom-news .latest-from-espressif .btn-wrap a,
.views-field-field-new-type .new-type-705,
.invest-events-page .view-content table .eventList a,
.sheet-category-overview>.view-content .sheet-table .sheet-item td a, 
.pte .views-field-field-module-link a, 
.sheet-category-overview>.view-content .sheet-table .sheet-item td a:visited, 
.sheet-category-overview>.view-content .sheet-category-description a, 
.sheet-category-overview>.view-content .sheet-category-description a:visited, 
.sheet-category-overview>.view-content .sheet-category-description a:hover, 
.sheet-category-overview>.view-content .sheet-table .sheet-item td a:hover,
.sheet-category-overview>.view-content .sheet-table .sheet-table-body .module-package a:after, 
.sheet-category-overview>.view-content .sheet-table .sheet-table-body .chip-footprint a:after,
.page-products-equipment-production-testing-equipment-overview .view-content .item-list .equipment-wrap .item-link a,
.esp32-s3-overview-content .item:not(.ai-support) h3,
.esp-idf-wrap .esp-idf-overview-header h2,
.esp-idf-wrap .blue-color,
.esp-idf-wrap .esp-idf-software-features .esp-idf-software-wrap h3,
.esp-idf-wrap .esp-idf-features-wrap .item.active p,
.esp-idf-wrap .frameworks-libraries a, .esp-idf-wrap .esp-idf-features-wrap .item-row-accordion p a,
.esp32-ack-wrap .inside a.icon,
.esp32-ack-wrap .desc a,
.page-node-5200 .new-gallary .pdb-word h2,
.page-node-5199 .new-gallary .pdb-word h2,
.ees-wrap .ees-overview-header a,
.page-node-5499 .inside a.icon,
.page-node-5498 .inside a.icon,
.esp-aws-wrap p a.link,
#newsletter-page td li a, #newsletter-page a,
.i18n-zh-hans.page-join-us-job-search .form-item-field-classification-value .form-type-bef-link.selected a:before, 
.i18n-zh-hans.page-join-us-job-search .form-item-field-classification-value .form-type-bef-link:hover a:before,
.page-join-us-job-search .pop-ct .sec.s3 a.apply,
.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,
.afe-advantages-wrap .advantages-item .item h3,
.afe-algorithms-wrap .tab-item.active .iconfont,
#node-2570 .field-item .strong-big, #node-2569 .field-item .strong-big,
#node-2570 .field-item h3, #node-2569 .field-item h3 {
    color: var(--esp-color-blue) !important;
}
.esp-idf-wrap .frameworks-libraries a:hover,
.esp-idf-wrap .esp-idf-features-wrap .item-row-accordion p a:hover,
.page-node-280 .ctc.sub-tip a:hover,
.page-node-55 .ctc.sub-tip a:hover,
body:not(.page-node-2119):not(.page-node-2120) .tq-guide .tq-content p:nth-of-type(2) a:hover,
.tq-guide .tq-content p.gray-bg a:hover  {
     background-image: linear-gradient(var(--esp-color-blue), var(--esp-color-blue)), linear-gradient(transparent, transparent) !important;
}
.page-node-280 .ctc .pqc a:hover,
.page-node-55 .ctc .pqc a:hover {
    opacity: 0.8 !important;
}
.page-new-up-wrap {
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 110;
    display: none;
    box-shadow: 0px 6px 12px 1px rgba(0, 0, 0, 0.16);
    border-radius: 50%;
}
.page-new-up-wrap img {
    display: block;
    width: 52px;
    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,
.invest-events-page .events-header-title,
.commitment-wrap .content-wrap .commitment-title,
.esp32-up-down .main .commitment-title,
.commitment-wrap .content-wrap .right .years,
.pcn-viewDownloadDocument .views-exposed-form .views-exposed-widget > label, .certification .views-exposed-form .views-exposed-widget > label {
    font-weight: normal !important;
    font-family: "Trueno-Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
    font-family: var(--esp-font-family-trueno-bold) !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,
.invest-events-page .title,
.ees-wrap .software-features-wrap .item-title h3, 
.ees-wrap .hardware-features-wrap .item-title h3,
body.html .aws-tabs-content .item-wrap .item h4,
.page-node-5741 .aws-tabs-content .item-wrap .item h4,
.sheet-category-overview>.view-content .sheet-category-description h3,
body.i18n-zh-hans.html .sheet-category-overview>.view-content .sheet-category-description h3,
body.html .purchase-item-wrap h3.title,
#esp32-s2-features-wrap .text-img p.title,
.esp32-s2-features-wrap .text-img p.title,
.esp-idf-wrap .esp-idf-features-wrap .item p,
ul.cto li,
.viewDownloadDocument .view-filters .PTseries span,
.viewDownloadDocument .view-filters h3,
body.html.page-join-us-job-search .pop-ct .sec.s2 .sct strong,
.afe-algorithms-wrap .tab-item .text,
body .new-footer .main .panel .footer-subscribe-wrap h3 {
    font-weight: normal !important;
    font-family: "Trueno-SemiBold", HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
    font-family: var(--esp-font-family-trueno-semibold) !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-company-newsroom-news .latest-from-espressif.intro-wrapper h2,
.body-esp-eye-page .solution-container .prod-wrap,
#esp-skainet-wrap .iconGroup span,
.html.i18n-en .hmi-smart-dashboard-wrap .right li p,
.html.i18n-zh-hans .hmi-smart-dashboard-wrap .right li p,
.page-support-download-other-tools .view-content table caption,
.commitment-wrap .content-wrap .right .from,
.more-devkits p,
.sheet-category-overview>.view-content .sheet-table .sheet-table-header th,
.page-products-equipment-production-testing-equipment .equipment-table .view-grouping .item-list > ul > li:first-child .equipment-wrap .item-name:before,
.page-products-equipment-production-testing-equipment .equipment-table .view-grouping .item-list > ul > li:first-child .equipment-wrap .item-content:before,
.page-products-equipment-production-testing-equipment .equipment-table .view-grouping .item-list > ul > li:first-child .equipment-wrap .item-name:after,
.page-products-equipment-production-testing-equipment .equipment-table .view-grouping .item-list > ul > li:first-child .equipment-wrap .item-content:after,
body.page-products-equipment-production-testing-equipment .production-testing-equipment-footer-wrap .item .title ,
.products-wrap.customer-products-wrap .products-content-desc .product-info li a,
body .esp-idf-wrap .esp-idf-software-features .esp-idf-software-wrap span,
.viewDownloadDocument .view-content table thead tr,
.pcn-viewDownloadDocument .pcn-viewContentWrapper table th,
body,
body.page-join-us-job-search .view.view-job-search th, body.page-join-us-job-search .views-table tbody tr td:first-child,
body .overview-wrap .item .item-content p,
body.views-display-home-dynews .animal-arrow,
body.views-display-home-dynews .start-aiot-project-form .start-project-form-item label,
body .new-footer .main .panel ul li.first,
body .new-footer .main .panel ul li.first,
body .aws-cloud-solution-content .product-service-content .item-wrap .item p,
body .secLevWrap .form-item.webform-component.webform-component-textfield label,
.page-company-newsroom-news .list-media li .views-field.views-field-title .field-content a,
body .secLevWrap .form-item.webform-component.webform-component-textarea label {
    font-weight: normal !important;
    font-family: HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
    font-family: var(--esp-font-family-regular) !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,
.views-display-home-dynews li.espEyeBanner p, .pdb-word p, .banner-word p,
.banner-word a, li.espEyeBanner .new-banner-word-down a, .banner-word.esp-product-selector-banner a,
.intro-wrapper,
.news-block-list .views-field-body,
#footer,
.new-pd-overview .s1 p, 
.new-pd-overview .s2 li, 
.wwan p, #node-470 p, 
#node-469 p, #node-70 p, #node-69 p, 
.mesh-overview p, .sec.sdk-sec-1 p, 
.sec.sdk-sec-2 li, .devbd-feature-list tr.feature-detail-row td:first-child, 
.sheet-category-overview>.view-content .sheet-category-description ul li,
.sheet-category-overview>.view-content .sheet-table .sheet-table-header, 
.sheet-category-overview>.view-content .sheet-table .sheet-table-body, 
.sheet-category-overview>.view-content .sheet-table .sheet-item td a, 
.sheet-category-overview>.view-content .sheet-table .sheet-item td a:visited,
body.page-products-equipment-production-testing-equipment-overview .view-content .item-list ul,
.view-documentation, .sat-page,
.bef-checkboxes label,
.pcn-viewDownloadDocument .view-header, .viewDownloadDocument .view-header,
.viewDownloadDocument .SearchAndIcon .filterBox-wrap, .pcn-viewDownloadDocument .SearchAndIcon .filterBox-wrap,
.viewDownloadDocument p.subscribe,
.nrnd-footer-wrap,
.images p, .webform-client-form label,
.images p a,
.view-course .views-exposed-form select,
.view-course .views-field,
.view-book .views-field.views-field-body,
.view-book .views-field,
.view-book .views-exposed-form select,
.fc,
select#select_sort,
.milestone-content-detail p,
#node-2570 .field-item, #node-2569 .field-item,
.form-top-content .ctc .pqc,
.body-is-agreement #agreement-wrap .agreement-wrap p,
.webform-client-form .additional-info, 
.form-warning, .webform-client-form .additional-info, 
.tq-header .tq-guide,
.body-investor-relations-form form.webform-client-form input.webform-submit,
.views-exposed-widget-job-search-filter-group,
body .views-exposed-widget-job-search-filter-group .bef-tree-depth-1>li label,
body.page-join-us-job-search .pop-ct .sec.s2 .sct *,
body.page-join-us-job-search .pop-ct .sec.s3 a.apply,
.webform-client-form input, .webform-client-form select, 
.webform-client-form input.form-submit, 
.form-item.webform-component.webform-component-textarea textarea, 
form#webform-client-form-282 input.webform-submit, 
form#webform-client-form-62 input.webform-submit,
.form-top-content p.pic, .form-top-content .ctc .pqc, 
.page-node-2063 .ctc .pqc, .page-node-2063 p.pic, 
.page-node-2062 .ctc .pqc, .page-node-2062 p.pic, 
.page-node-1576 .ctc .pqc, .page-node-1577 .ctc .pqc, 
.page-node-280 .ctc .pqc, .page-node-55 .ctc .pqc, 
.content p.sub-tip-link, .page-node-280 .ctc .pqc a, 
.page-node-55 .ctc .pqc a, 
.body-vendors-self-recommendation-page .vendors-form-wrap .form-item.webform-component-markup, 
.webform-client-form .field.field-name-body.field-type-text-with-summary.field-label-hidden h4,
.page-node-2062 .esp-product-selector-insert .esp-product-selector-content p, .page-node-2063 .esp-product-selector-insert .esp-product-selector-content p,
body.page-contact-us-technical-inquiries-hardware-issues a .tq-sheet-button,
body.body-is-agreement #agreement-wrap .agreement-wrap p,
body .webform-client-form .additional-info,
body .schematic-pcb-wrap,
body .form-item.webform-component.webform-component-textarea textarea,
#esp-skainet-wrap,
.body-esp-eye-page .solution-container .desc,
.body-esp-eye-page .esp-eye-page,
body .sheet-category-overview-nav>.view-content .module-nav-item,
body .product-socs-card-wrap .product-socs-card-item .product-socs-card-item-txt,
.sheet-category-overview>.view-content .sheet-category-description a, 
.sheet-category-overview>.view-content .sheet-category-description a:visited, 
.sheet-category-overview>.view-content .sheet-category-description a:active, 
.sheet-category-overview>.view-content .sheet-table .sheet-item td a, 
.sheet-category-overview>.view-content .sheet-table .sheet-item td a:visited, 
.sheet-category-overview>.view-content .sheet-table .sheet-item td a:active,
.view-content .feature-brief-content *, 
.feature-list .feature-list-item .item-description, 
.feature-list .feature-list-item .item-description *,
body.page-products-equipment-production-testing-equipment .equipment-table .view-grouping.text-fixture > .text-desc,
.page-company-newsroom-news .bef-select-as-links .form-type-bef-link a,
.list-media li .views-field.views-field-body .field-content,
.popup-subscribe,
#newsletter-page p.info, #newsletter-page p,
.tq-guide .tq-content,
.node-media .content-newsDetail-wrap,
.node-media .news-contral-wrap,
.pcn-viewDownloadDocument .pcn-viewContentWrapper table td {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
    font-family: var(--esp-font-family-light) !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,
body.i18n-zh-hans .invest-events-page .events-header-title,
body.i18n-zh-hans .commitment-wrap .content-wrap .commitment-title,
body.i18n-zh-hans .esp32-up-down .main .commitment-title,
body.i18n-zh-hans .commitment-wrap .content-wrap .right .years  {
    font-weight: bold !important;
    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;
    font-family: var(--esp-font-family-trueno-bold) !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 .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,
.iot-college .list h3 a,
.i18n-zh-hans .invest-events-page .title,
.i18n-zh-hans .ees-wrap .software-features-wrap .item-title h3, 
.i18n-zh-hans .ees-wrap .hardware-features-wrap .item-title h3,
.page-node-5743.i18n-zh-hans .aws-tabs-content .item-wrap .item h4,
body.html.i18n-zh-hans .intro-wrapper h3,
body.html.i18n-zh-hans .purchase-item-wrap h3.title,
body.html.i18n-zh-hans #esp32-s2-features-wrap .text-img p.title,
body.html.i18n-zh-hans .esp32-s2-features-wrap .text-img p.title,
body.html.i18n-zh-hans .esp-idf-wrap .esp-idf-features-wrap .item p,
body.html.i18n-zh-hans ul.cto li,
body.html.i18n-zh-hans .viewDownloadDocument .view-filters .PTseries span,
body.html.i18n-zh-hans .viewDownloadDocument .view-filters h3,
body.html.i18n-zh-hans.page-join-us-job-search .pop-ct .sec.s2 .sct strong {
    font-weight: bold !important;
    font-family: "SourceHanSansCN-Bold", "Trueno-SemiBold", HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
    font-family: var(--esp-font-family-trueno-semibold) !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-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,
.body-esp-eye-page.i18n-zh-hans .solution-container .prod-wrap a span,
.page-support-download-other-tools.i18n-zh-hans .view-content table caption,
.commitment-wrap .content-wrap .right .from,
.views-table thead tr th a, .viewDownloadDocument .view-content table th.views-field-nothing,
.viewDownloadDocument .view-content table th  {
    font-weight: normal !important;
    font-family: "SourceHanSansCN-Regular", HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
    font-family: var(--esp-font-family-regular) !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;
    font-family: var(--esp-font-family-light) !important;
}
body.html.i18n-zh-hans li.bn-left-center h1.font-weight-normal,
body.html.i18n-zh-hans li.bn-left-center h1 .font-weight-normal,
body.html.i18n-zh-hans .pdb-word h1.font-weight-normal,
body.html.i18n-zh-hans .pdb-word h1 .font-weight-normal,
body.html.i18n-zh-hans .intro-wrapper h2.font-weight-normal,
body.html.i18n-zh-hans .intro-wrapper h2 .font-weight-normal,
body.html.i18n-zh-hans .intro-wrapper h3.font-weight-normal,
body.html.i18n-zh-hans .intro-wrapper h3 .font-weight-normal {
    font-weight: bold !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;
    font-size: var(--esp-font-size-h2);
}
.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;
    font-size: var(--esp-font-size-h2) !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;
}
.viewDownloadDocument .SearchAndIcon input, .pcn-viewDownloadDocument .SearchAndIcon input, #views-exposed-form-job-search-page .views-widget-filter-title input[type=text] {
    padding-top: 0;
    padding-bottom: 0;
    height: 42px;
    color: var(--esp-color-primary) !important;
}
.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;
}
body.html.i18n-en .esp-alexa .pdb-word p,  body.html.i18n-zh-hans .esp-alexa .pdb-word p {
    font-size: 16px !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;
    }
    body.html.i18n-en .esp-alexa .pdb-word p,  body.html.i18n-zh-hans .esp-alexa .pdb-word p {
        font-size: 14px !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(../png/low-power-solutions.png) no-repeat left center;
}
#header-nav .menu-wrap a.low-power-solutions.active{
    background: url(../png/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,
.page-company-investor-relations-communication .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,
.page-company-investor-relations-communication .cto,
.page-company-investor-relations-communication .SDK-title span {
    display: none !important;
}
.page-company-investor-relations-reports .view-header,
.page-company-corporate-responsibility-reports .view-header,
.page-company-investor-relations-communication .view-header   {
    margin-bottom: 20px;
}
.page-company-investor-relations-reports .view-header + .download-btn,
.page-company-corporate-responsibility-reports .view-header + .download-btn,
.page-company-investor-relations-communication .view-header + .download-btn {
    margin-top: 0;
}
.page-company-investor-relations-reports .download-btn,
.page-company-corporate-responsibility-reports .download-btn,
.page-company-investor-relations-communication .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,
.page-company-investor-relations-communication .sat-page .views-field-title,
.page-company-investor-relations-communication .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,
.page-company-investor-relations-communication .viewDownloadDocument .SearchAndIcon .searchBox,
.page-contact-us-tender-notice .viewDownloadDocument .SearchAndIcon .searchBox  {
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-width: 360px;
}
.page-company-corporate-responsibility-reports .viewDownloadDocument .noresult,
.page-company-investor-relations-reports .viewDownloadDocument .noresult,
.page-company-investor-relations-communication .viewDownloadDocument .noresult  {
    margin-left: 0;
}
.page-company-corporate-responsibility-reports .flexslider .slides > li,
.page-company-investor-relations-reports  .flexslider .slides > li,
.page-company-investor-relations-communication  .flexslider .slides > li  {
    padding: 0 !important;
}
.page-company-corporate-responsibility-reports .new-gallary .pdb-word,
.page-company-investor-relations-reports .new-gallary .pdb-word,
.page-company-investor-relations-communication .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('../png/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(../svg/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:  #38393a !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: #38393a!important;
  color: #38393a !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: #38393a !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(../png/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;
}

@media (max-width: 768px) {
    #footer .content .new-footer li.wechat .wechat-qrcode-wrap  {
        display: none !important;
    }
}
#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: 4px !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: 14px;
    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: #38393a !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 {
        margin-top: 1em;
    }
    .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;
        padding-right: 1em;
    }
    .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%;
        transform: none;
    }
    .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: #38393a !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,
.page-node-1993:not(.show-textarea) .webform-client-form .webform-component--gender,
.page-node-1993:not(.show-textarea) .webform-client-form .webform-component--birth-date,
.page-node-1993:not(.show-textarea) .webform-client-form .webform-component--name-of-institution-start-date,
.page-node-1993:not(.show-textarea) .webform-client-form .webform-component--name-of-institution-end-date,
.page-node-1993:not(.show-textarea) .webform-client-form .webform-component--name-of-institution-major,
.page-node-1993:not(.show-textarea) .webform-client-form .webform-component--name-of-institution-performance-rank,
.page-node-1993:not(.show-textarea) .webform-client-form .webform-component--name-of-first-institution-start-date,
.page-node-1993:not(.show-textarea) .webform-client-form .webform-component--name-of-first-institution-end-date,
.page-node-1993:not(.show-textarea) .webform-client-form .webform-component--name-of-first-institution-major,
.page-node-1993:not(.show-textarea) .webform-client-form .webform-component--name-of-first-institution-performance-rank,
.page-node-1993:not(.show-textarea) .webform-client-form .webform-component--referral-code   {
    display: none;
}

.page-node-1993.show-textarea .webform-client-form .webform-component--major---field-of-study  {
    display: none;
}

.page-node-1993.show-textarea .webform-client-form .form-item.webform-component.webform-component--name-of-institution,
.page-node-1993.show-textarea .webform-client-form .form-item.webform-component.webform-component--name-of-first-institution  {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
}
.page-node-1993.show-textarea .webform-client-form .form-item.webform-component.webform-component--name-of-institution-start-date,
.page-node-1993.show-textarea .webform-client-form .form-item.webform-component.webform-component--name-of-institution-major,
.page-node-1993.show-textarea .webform-client-form .form-item.webform-component.webform-component--name-of-first-institution-start-date,
.page-node-1993.show-textarea .webform-client-form .form-item.webform-component.webform-component--name-of-first-institution-major {
    padding-left: 0;
    padding-right: 5%;
}
.page-node-1993.show-textarea .webform-client-form .form-item.webform-component.webform-component--name-of-institution-end-date,
.page-node-1993.show-textarea .webform-client-form .form-item.webform-component.webform-component--name-of-institution-performance-rank,
.page-node-1993.show-textarea .webform-client-form .form-item.webform-component.webform-component--name-of-first-institution-end-date,
.page-node-1993.show-textarea .webform-client-form .form-item.webform-component.webform-component--name-of-first-institution-performance-rank {
    padding-left: 5%;
    padding-right: 0;
}

.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: 4px !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-1993 .webform-client-form #edit-submitted-job-certificate-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,
.page-node-1985 .webform-client-form #edit-submitted-job-certificate-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,
.page-node-1993 .webform-client-form #edit-submitted-job-certificate-upload-button,
.page-node-1985 .webform-client-form #edit-submitted-job-certificate-upload-button,
.page-node-1993 .webform-client-form #edit-submitted-portfolio-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,
.page-node-1993 .webform-client-form .webform-component-file.webform-component--job-certificate,
.page-node-1985 .webform-client-form .webform-component-file.webform-component--job-certificate,
.page-node-1993 .webform-client-form .webform-component-file.webform-component--portfolio {
    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,
.page-node-1993 .webform-client-form .webform-component-file.webform-component--job-certificate .description,
.page-node-1985 .webform-client-form .webform-component-file.webform-component--job-certificate .description,
.page-node-1993 .webform-client-form .webform-component-file.webform-component--portfolio .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,
.page-node-1993 .webform-client-form .webform-component-file.webform-component--job-certificate .description{
    width: 90%;
    min-width: 90% !important;
    transform: translate(-50%, -50%) !important;
}

.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,
.page-node-1993 .webform-client-form .webform-component-file.webform-component--job-certificate .description:before,
.page-node-1985 .webform-client-form .webform-component-file.webform-component--job-certificate .description:before,
.page-node-1993 .webform-client-form .webform-component-file.webform-component--portfolio .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,
.page-node-1993 .webform-client-form .webform-component-file.webform-component--job-certificate .description:after,
.page-node-1985 .webform-client-form .webform-component-file.webform-component--job-certificate .description:after,
.page-node-1993 .webform-client-form .webform-component-file.webform-component--portfolio .description:after {
    text-align: center;
    color: #38393a;
    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: .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: '支持 .html / .pdf / .doc / .docx 格式，文件大小请勿超过 10 MB。';
    display: block;
}
.page-node-1993.i18n-zh-hans .webform-client-form .webform-component-file.webform-component--portfolio .description:before {
  content: '支持 .jpg / .jpeg / .png / .html / .pdf / .doc / .docx 格式，文件大小请勿超过 20 MB。';
  display: block;
}
body:not(.show-job-portfolio-wrap) #edit-submitted-portfolio-ajax-wrapper,
body:not(.show-job-portfolio-wrap) .webform-component--portfolio-link {
  display: none !important;
}
.body-node-job-apply #edit-submitted-portfolio-ajax-wrapper .form-managed-file {
  padding-left: 0;
  width: 100%;
  max-width: 280px;
  box-sizing: border-box;
  display: box;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -o-align-items: center;
  align-items: center;
}
.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,
.page-node-1993.i18n-zh-hans .webform-client-form .webform-component-file.webform-component--portfolio .description:after {
    content: '选择文件';
    display: block;
}

.page-node-1993.i18n-zh-hans .webform-client-form .webform-component-file.webform-component--job-certificate .description:before,
.page-node-1985.i18n-zh-hans .webform-client-form .webform-component-file.webform-component--job-certificate .description:before {
    content: '支持 .jpg / .jpeg / .png / .html / .pdf / .doc / .docx 格式，文件大小请勿超过 10 MB。';
    display: block;
}
.page-node-1993.i18n-zh-hans .webform-client-form .webform-component-file.webform-component--job-certificate .description:after,
.page-node-1985.i18n-zh-hans .webform-client-form .webform-component-file.webform-component--job-certificate .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,
.page-node-1993 .webform-client-form .webform-component--job-certificate .form-file,
.page-node-1985 .webform-client-form .webform-component--job-certificate .form-file,
.page-node-1993 .webform-client-form .webform-component--portfolio .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,
.page-node-1993 .webform-client-form .webform-component--job-certificate .form-submit,
.page-node-1985 .webform-client-form .webform-component--job-certificate .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;
}
.page-node-1993 .webform-client-form  .webform-component--referral-code {
    padding-left: 0 !important;
    padding-right: 5% !important;
}
.form-actions ~ .additional-info.sub-tip {
    font-size: 16px !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,
.page-node-1993 .webform-client-form .webform-component-file.webform-component--job-certificate .description.active,
.page-node-1985 .webform-client-form .webform-component-file.webform-component--job-certificate .description.active  {
    margin-top: -8px !important;
}
.body-is-agreement .schematic-pcb-wrap p span {
    color:  #38393a !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,
.page-node-1993 .webform-client-form .webform-component-file.webform-component--job-certificate .description.active:after,
.page-node-1985 .webform-client-form .webform-component-file.webform-component--job-certificate .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; */
    line-height: normal;
    position: absolute;
    width: 80%;
    left: 10%;
    bottom: 15%;
    color:  #38393a;
}
.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(../png/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(../png/submit-checked.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #38393a;
    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("../png/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;
}
.page-node-1993 iframe {
    border: 1px solid #eee;
    border-radius: 8px;
    box-shadow: 0 0 8px #eee;
}
@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,
    .page-node-1993 #edit-submitted-job-certificate-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,
    .page-node-1993 .webform-client-form .webform-component--job-certificate .form-submit,
    .page-node-1985 .webform-client-form .webform-component--job-certificate .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(../png/search-icon6654.png);
    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(../png/close-search-white6654.png) !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: 45px;
}
.i18n-zh-hans #block-search-form h2.element-invisible:after {
  content: '您希望了解什么？';
}
.i18n-ja #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:  #38393a !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("../png/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(../png/link-2.png) !important;
    width: 21px !important;
}

/**/
.page-node-1993.show-star-program-wrap.i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper,
.page-node-1993.show-star-program-wrap.i18n-zh-hans #edit-submitted-job-certificate-ajax-wrapper {
    width: 50% !important;
    max-width: 50% !important;
    min-width: 50% !important;
    box-sizing: border-box;
}

.page-node-1993:not(.show-star-program-wrap):not(.show-job-portfolio-wrap).i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box;
    padding-right: 0 !important;
}
.page-node-1993:not(.show-star-program-wrap):not(.show-job-portfolio-wrap).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 {
  padding-right: 5% !important;
}
.page-node-1993.i18n-zh-hans #edit-submitted-job-certificate-ajax-wrapper {
  padding-left: 5% !important;
}
.page-node-1993.i18n-zh-hans .webform-client-form .form-item.webform-component--major---field-of-study {
  margin-left: 0 !important;
}
.page-node-1993.i18n-zh-hans #edit-submitted-portfolio-ajax-wrapper {
  padding-left: 5% !important;
  float: right;
  position: relative;
}
.page-node-1993.i18n-zh-hans #edit-submitted-portfolio-ajax-wrapper .webform-component--portfolio-link {
  position: absolute;
  left: 5%;
  width: 95%;
  min-width: 95%;
  bottom: 0;
}
.page-node-1993.i18n-zh-hans #edit-submitted-portfolio-ajax-wrapper .webform-component--portfolio-link label {
  font-size: 0 !important;
}
.page-node-1993.i18n-zh-hans #edit-submitted-portfolio-ajax-wrapper .webform-component--portfolio-link label::before {
  content: 'OR';
  display: block;
  font-size: 16px;
  text-align: center;
  margin-bottom: 3px;
}
.page-node-1993.show-job-portfolio-wrap.i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper, 
.page-node-1993.show-job-portfolio-wrap.i18n-zh-hans #edit-submitted-job-certificate-ajax-wrapper,
.page-node-1993.show-job-portfolio-wrap.i18n-zh-hans #edit-submitted-portfolio-ajax-wrapper  {
  width: 50% !important;
  max-width: 50% !important;
  min-width: 50% !important;
  box-sizing: border-box;
}
.page-node-1993.show-job-portfolio-wrap #edit-submitted-portfolio-ajax-wrapper .form-managed-file {
  height: 100px !important;
  margin-bottom: 70px !important;
  position: relative;
}
.page-node-1993 .webform-client-form .webform-component-file.webform-component--portfolio .description {
  top: calc(50% - 35px);
  margin-top: 10px;
}
.page-node-1993 .webform-client-form .webform-component-file.webform-component--portfolio .description:before  {
  margin-bottom: 10px !important;
}
.page-node-1993.i18n-zh-hans #edit-submitted-portfolio-ajax-wrapper .description.active::after {
  opacity: 0;
}
.page-node-1993.i18n-zh-hans #edit-submitted-portfolio-ajax-wrapper .format-file-name {
  bottom: calc(15% + 56px) !important;
}
.page-node-1993.i18n-zh-hans.show-summer-intern-wrap .webform-component--referral-code{
  display: none !important;
}
@media (max-width: 880px) {
  .page-node-1993.show-star-program-wrap.i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper,
  .page-node-1993.show-star-program-wrap.i18n-zh-hans #edit-submitted-job-certificate-ajax-wrapper,
  .page-node-1993.show-job-portfolio-wrap.i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper,
  .page-node-1993.show-job-portfolio-wrap.i18n-zh-hans #edit-submitted-job-certificate-ajax-wrapper,
  .page-node-1993.show-job-portfolio-wrap.i18n-zh-hans #edit-submitted-portfolio-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-job-certificate-ajax-wrapper,
  .page-node-1993.i18n-zh-hans #edit-submitted-portfolio-ajax-wrapper {
    padding-left: 0 !important;
  }
  .page-node-1993.i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper {
    padding-right: 0 !important;
  }
  .page-node-1993.show-job-portfolio-wrap.i18n-zh-hans .webform-component--referral-code {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-right: 0 !important;
  }
  .page-node-1993.i18n-zh-hans #edit-submitted-portfolio-ajax-wrapper .webform-component--portfolio-link {
    left: 0;
    width: 100%;
    min-width: 100%;
    padding-left: 0 !important;
  }
}
.page-node-1993.i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper .webform-component--upload-resume,
.page-node-1993.i18n-zh-hans #edit-submitted-job-certificate-ajax-wrapper .webform-component--job-certificate,
.page-node-1993.i18n-zh-hans #edit-submitted-portfolio-ajax-wrapper .webform-component--portfolio  {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0;
}
.page-node-1993.i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper .form-managed-file, 
.page-node-1993.i18n-zh-hans #edit-submitted-job-certificate-ajax-wrapper .form-managed-file {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.page-node-1993.i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper .webform-component--upload-resume .format-file-name,
.page-node-1993.i18n-zh-hans #edit-submitted-job-certificate-ajax-wrapper .webform-component--job-certificate .format-file-name {
    left: 5%;
    width: 80%;
}
.page-node-1993.i18n-zh-hans.show-star-program-wrap #edit-submitted-upload-resume-ajax-wrapper .webform-component--upload-resume .format-file-name,
.page-node-1993.i18n-zh-hans.show-star-program-wrap #edit-submitted-job-certificate-ajax-wrapper .webform-component--job-certificate .format-file-name,
.page-node-1993.i18n-zh-hans.show-job-portfolio-wrap #edit-submitted-upload-resume-ajax-wrapper .webform-component--upload-resume .format-file-name,
.page-node-1993.i18n-zh-hans.show-job-portfolio-wrap #edit-submitted-job-certificate-ajax-wrapper .webform-component--job-certificate .format-file-name {
  width: 90%;
}

.page-node-1993:not(.show-star-program-wrap).i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper .webform-component--upload-resume .description{
    transform: translate(-55.5%, -50%) !important;
}
.page-node-1993.i18n-zh-hans #edit-submitted-job-certificate-ajax-wrapper .webform-component--job-certificate .format-file-name {
  left: 5%;
}
.page-node-1993.i18n-zh-hans #edit-submitted-job-certificate-ajax-wrapper .webform-component--job-certificate .description {
  transform: translate(-57%, -50%);
}
.page-node-1985.body-is-agreement #agreement-wrap .agreement-wrap .agreement-error,
.page-node-1993.body-is-agreement #agreement-wrap .agreement-wrap .agreement-error {
  margin-top: -4px;
}
@media only screen and (max-width: 768px) {
    .page-node-1993.i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper .webform-component--upload-resume,
    .page-node-1993.i18n-zh-hans #edit-submitted-job-certificate-ajax-wrapper .webform-component--job-certificate,
    .page-node-1993:not(.show-star-program-wrap):not(.show-job-portfolio-wrap).i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper .webform-component--upload-resume  {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0;
    }
    .page-node-1993:not(.show-star-program-wrap):not(.show-job-portfolio-wrap).i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper .webform-component--upload-resume .description {
      transform: translate(-50%, -50%) !important;
    }
    .page-node-1993.i18n-zh-hans #edit-submitted-upload-resume-ajax-wrapper .webform-component--upload-resume .format-file-name, 
    .page-node-1993.i18n-zh-hans #edit-submitted-job-certificate-ajax-wrapper .webform-component--job-certificate .format-file-name {
      width: 90%;
    }
}


/* new footer  */
#footer-wrapper {
    border-top-color: #fff !important;
    color: #fff;
    background-image: url(../png/footer-bg.png) !important;
   background-repeat: no-repeat !important;
   background-size: 100% 100% !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.safari15 .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(../png/twitter.png) !important;
  background-color: transparent !important;
}

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

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

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

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

body.html #footer .social-list .wechat a {
  background-image: url(../png/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(../png/youtube-2.png) !important;
  background-color: transparent !important;
}

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

body.html #footer .social-list .zhihu a {
  background-image: url(../png/zhihu.png) !important;
  background-color: transparent !important;
}
body.html #footer .social-list .bilibili a {
  background-image: url(../png/bilibili-2.png) !important;
  background-color: transparent !important;
  border: none !important;
}
body.html #footer .social-list .csdn a {
  background-image: url(../png/csdn.png) !important;
  background-color: transparent !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;
}
body #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 #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 #footer .content .copyright .r p + div a,
    body.html #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: #38393a;
    font-size: 14px;
}
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;
}

.page-company-newsroom-news .view-media .view-header {
    display: none !important;
}
.page-company-newsroom-news .view-media .view-filters {
    top:  20px;
}
.page-company-newsroom-news #main .region.region-content {
    padding-top: 100px;
}
#menu-path-wrap .hm .content>ul.menu li > li {
    padding: 0;
    margin: 0;
}
@media (max-width: 950px) {
    .page-company-newsroom-news #main .region.region-content {
        padding-top: 180px;
    }
}
.nav-header .nav-tabs-wrap ul,
.sheet-category-overview-nav>.view-content, 
.CMC .content ul.menu {
    position: relative;
}
.nav-header ul a,
.sheet-category-overview-nav>.view-content .module-nav-item,
.CMC .content a {
    border-bottom: none !important;
}
.CMC .cmc-bottom-line,
.nav-header .cmc-bottom-line {
  display: block !important;
  position: absolute !important;
  left: 0;
  bottom: 0;
  min-width: 32px;
  height: 3px !important;
  background-color: #E8362D;
  background-color: var(--esp-color-red);
  transition: left .2s linear;
  z-index: 1;       
  opacity: 0;
  padding: 0 !important;
}
.page-node-7125 .nav-header .cmc-bottom-line,
.page-node-7103 .nav-header .cmc-bottom-line {
    display: none !important;
}
.page-node-5741 .nav-header ul a,
.page-node-5743 .nav-header ul a {
    display: flex;
    align-items: center;
}
.node-type-news #main-wrapper {
    width: 1280px;
    padding: 0 15px;
    box-sizing: border-box;
}
.node-type-news .region.region-content .block-system {
    width: 100%;
}
.custom-scroll::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 20px;
}

.custom-scroll::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 20px;
}
.espressif-security-incident-response-process-wrap {
    background: #fff;
    box-shadow: 1px 2px 6px 1px rgba(0,0,0,0.16);
    border-radius: var(--esp-border-radius-extra-large);
    padding: 40px 50px 40px 40px;
    box-sizing: border-box;
    max-width: 1172px;
    margin: 0 auto;
}
.espressif-security-incident-response-process-wrap .espressif-security-incident-response-process-item-wrap {
    max-height: 392px;
    padding-right: 30px;
    overflow: hidden;
    overflow-y: auto;
}
.espressif-security-incident-response-process-wrap .espressif-security-incident-response-process-item-wrap a {
    color:  var(--esp-color-blue) !important;
    text-decoration: none;
}
.espressif-security-incident-response-process-wrap .espressif-security-incident-response-process-item-wrap a:hover {
    text-decoration: underline;
}
.espressif-security-incident-response-process-wrap .espressif-security-incident-response-process-item-wrap h3  {
    color: var(--esp-color-blue) !important;
    font-family: var(--esp-font-family-trueno-semibold);
    font-size: var(--esp-font-size-h2) !important;
    border-bottom: 1px solid rgba(112, 112, 112, 0.2);
    padding-bottom: 12px;
    box-sizing: border-box;
    margin: 40px 0 20px;
}
.intro-wrapper .espressif-security-incident-response-process-item p {
    margin: 30px 0 0;
}
.intro-wrapper .espressif-security-incident-response-process-item p + ul {
    margin-top: 20px;
}
.espressif-security-incident-response-process-wrap .espressif-security-incident-response-process-item-wrap .espressif-security-incident-response-process-item:first-child h3 {
    margin-top: 0;
}
body.html.page-support-documents-advisories .intro-wrapper .espressif-security-incident-response-process-wrap .espressif-security-incident-response-process-item-wrap h4 {
    font-weight: normal !important;
    font-size: var(--esp-font-size-h3) !important;
    font-family: var(--esp-font-family-regular) !important;
    margin: 40px 0 20px;
}
.espressif-security-incident-response-process-wrap .espressif-security-incident-response-process-item-wrap img {
    display: block;
    width: 100%;
    height: auto;
}
.espressif-security-incident-response-process-wrap .espressif-security-incident-response-process-item-wrap ul {
    margin-left: 26px;
}
.espressif-security-incident-response-process-wrap .espressif-security-incident-response-process-item-wrap ul li {
    line-height: 1.625;
    list-style: disc;
}
.espressif-security-incident-response-process-item.top-line {
    border-top: 1px solid rgba(112, 112, 112, 0.2);
    margin-top: 40px;
}
.espressif-security-incident-response-process-item.top-line h4 {
    margin-top: 15px !important;
}

@media only screen and (min-width: 1170px) {
    .page-support-documents-advisories .intro-wrapper > .inside-new {
        padding: 60px 0;
    }
}
.page-support-documents-advisories .espressif-security-zh > h2,
.page-support-documents-advisories .espressif-security-en > h2 {
    position: relative;
    max-width: 1172px;
    margin-bottom: 40px;
}
.page-support-documents-advisories .espressif-security-zh > h2 .download-icon,
.page-support-documents-advisories .espressif-security-en > h2 .download-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.page-support-documents-advisories .espressif-security-zh > h2 .download-icon img,
.page-support-documents-advisories .espressif-security-en > h2 .download-icon img {
    display: block;
    width: 30px;
    height: auto;
}
.page-support-documents-advisories.i18n-zh-hans .espressif-security-zh {
    display: block !important;
}
.page-support-documents-advisories.i18n-en .espressif-security-en {
    display: block !important;
}
#main-wrapper #footer .share {
    position: static;
    width: unset;
}
#hubspot-messages-iframe-container {
    display: none !important;
}

.page-company-investor-relations-reports .views-field-field-webcast > a {
    display: block;
    font-size: 0;
    background-image: url(../png/video-start.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}
.page-company-investor-relations-reports .sat-page .views-field-title {
    width: auto;
}
.page-company-investor-relations-reports .sat-page .views-field-field-released-date- {
    width: 160px;
    max-width: 160px;
}
.page-company-investor-relations-reports .sat-page .views-field-field-webcast {
    width: 150px;
    max-width: 150px;
}
.page-company-investor-relations-reports .sat-page .views-field-nothing {
    width: 110px;
     max-width: 110px;
}
@media (max-width: 768px) {
    .page-company-investor-relations-reports .sat-page .views-field-field-released-date-,
    .page-company-investor-relations-reports .sat-page .views-field-field-webcast {
        width: 40px;
        max-width: 40px;
        min-width: 0;
        padding: 15px 4px;
    }
    .page-company-investor-relations-reports .sat-page .views-field-nothing {
        width: 30px !important;
        max-width: 30px !important;
        min-width: 0 !important;
    }
}


/* wechat page */
.page-node-3134 #page-wrapper,
.page-node-3133 #page-wrapper {
    padding-top: 72px;
}
.new-wechat-page-wrap .new-inside {
    padding-top: 60px;
    padding-bottom: 80px;
}
.new-wechat-page-wrap .new-inside > h2 {
    margin-bottom: 75px;
}
.new-wechat-page-wrap .item-wrap {
    position: relative;
    flex: 1;
    margin-right: 40px;
    border: 2px solid rgba(56, 57, 58, .3);
    border-radius: 24px;
    padding: 35px 22px 22px 40px;
    box-sizing: border-box;
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.new-wechat-page-wrap .item-wrap .left img {
    width: 212px;
    height: 212px;
}
.new-wechat-page-wrap .item-wrap > h3 {
    position: absolute;
    top: 0;
    left: 20px;
    padding: 0 12px;
    width: auto;
    transform: translateY(-50%);
    background-color: #fff;
    box-sizing: border-box;
}
.new-wechat-page-wrap .item-wrap:last-child {
    margin-right: 0;
}
.new-wechat-page-wrap .item-wrap .right {
    flex: 1;
    padding-left: 22px;
    box-sizing: border-box;
}
.new-wechat-page-wrap .item-wrap .right p {
    margin: 0;
}
.new-wechat-page-wrap .item-wrap .right p span.blue {
    color: var(--esp-color-blue);
}

@media (max-width: 1170px) {
    .new-wechat-page-wrap .item-wrap {
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 45px;
    }
    .new-wechat-page-wrap .item-wrap:last-child {
        margin-bottom: 0;
    }
    .new-wechat-page-wrap .item-wrap > h3  {
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media (max-width: 768px) {
    .new-wechat-page-wrap .new-inside {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .new-wechat-page-wrap .new-inside > h2 {
        margin-bottom: 40px;
    }
    .new-wechat-page-wrap .item-wrap {
        display: block;
        padding: 27px 12px 18px 12px;
        text-align: center;
    }
    .new-wechat-page-wrap .item-wrap .left img {
        width: 124px;
        height: 124px;
        margin: 0 auto 6px;
    }
    .new-wechat-page-wrap .item-wrap > h3  {
        white-space: nowrap;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .new-wechat-page-wrap .item-wrap .right {
        padding-left: 0;
    }
}

/*news info*/

.node-type-news #main-wrapper .title h1 {
    font-family: var(--esp-font-family-trueno-bold) !important;
}
.node-type-news .node-media p strong,
.node-type-news .node-media h3 {
    font-family: var(--esp-font-family-maison-bold) !important;
}
.node-type-news #main-wrapper .title h1,
.node-type-news .node-media p strong,
.node-type-news .node-media h3 {
    font-weight: normal !important;
}


@media (min-width:  768px) {
    .page-products-sdks-esp-homekit-sdk .resource-list .resource-list-item {
        width: 32%;
    }
}
.page-products-sdks-esp-homekit-sdk .resource-list .resource-list-item:nth-child(1),
.page-products-sdks-esp-homekit-sdk .resource-list .resource-list-item:nth-child(2),
.page-products-sdks-esp-homekit-sdk .resource-list .resource-list-item:nth-child(3),
.page-products-sdks-esp-homekit-sdk .resource-list .resource-list-item:nth-child(4),
.page-products-sdks-esp-homekit-sdk .resource-list .resource-list-item:nth-child(5) {
    display: none !important;
}


/*SoCs Modules  DevKits*/
.page-products-tabs .views-exposed-form .views-exposed-widget .views-widget .bef-select-as-links .form-item {
    display: flex;
}
.page-products-tabs .views-exposed-form .views-exposed-widget .views-widget .bef-select-as-links .form-item a {
    color: var(--esp-color-primary, #38393a) !important;
    text-decoration: none !important;
    padding: 1em 2em 1em 0;
}
.page-products-tabs .views-exposed-form .views-exposed-widget  {
    float: none;
    width: 100%;
    border-bottom: 1px solid var(--esp-color-primary, #38393a);
    box-sizing: border-box;
    margin-bottom: 1em;
}
.page-products-tabs .views-exposed-form .views-exposed-widget .views-widget .bef-select-as-links .form-item.selected a {
    color: var(--esp-color-blue, #1290D8) !important;
}
.page-products-tabs .views-exposed-form .views-submit-button {
    display: none;
}
.page-products-tabs .view-id-modules.view-display-id-page_1 {
    width: 100%;
    padding: 80px 20px;
    max-width: 1170px;
    margin: 0 auto;
}
.page-products-tabs .views-table {
    width: 100%;
}
.page-products-tabs .views-table th {
    background-color: #c0c0c0;
}
.page-products-tabs .views-table tr {
    background-color: #fff;
}
.page-products-tabs .views-table th, .page-products-tabs .views-table td {
    height: 55px;
    padding: 15px 12px !important;
    box-sizing: border-box;
    font-size: 16px;
}
.page-products-tabs .views-table .views-field a {
    color: var(--esp-color-blue, #1290D8) !important;
    text-decoration: none !important;
}
.page-products-tabs .views-table .views-field a:hover {
    text-decoration: underline !important;
}
.page-join-us-job-search #edit-field-classification-value-interns2025,
.i18n-en.page-join-us-job-search #edit-field-classification-value-starprogram {
    display: none !important;
}
.page-join-us-job-search.star-program-wrap #edit-field-job-function-select-tid-wrapper *,
.page-join-us-job-search.star-program-wrap #edit-field-job-location-select-tid-wrapper,
.page-node-1993.show-star-program-wrap .webform-component--referral-code,
.page-node-1993:not(.show-star-program-wrap) #edit-submitted-job-certificate-ajax-wrapper {
    display: none !important;
}
.body-is-agreement #agreement-wrap .agreement-wrap .agreement-error {
  font-size: 12px;
  font-family: var(--esp-font-family-regular) !important;
  margin-top: -12px;
}

.page-contact-us-tender-notice .viewDownloadDocument .view-header {
  left: 0;
}
.page-contact-us-tender-notice .cto,
.page-contact-us-tender-notice .SDK-title > span {
  display: none !important;
}
.page-contact-us-tender-notice .view-header + .download-btn {
  margin-top: 0;
}
.page-contact-us-tender-notice .block-menu-block.CMC:not(.navbar-fixed-top) {
  top: 0 !important;
}
.page-contact-us-tender-notice .view-header {
  margin-bottom: 20px;
}
.page-contact-us-tender-notice .download-btn {
  margin-top: -32px;
}
.page-node-3783 .webform-component--vsr-tuijianchanping--vsr-chanpingxinghao,
.page-node-3783 .webform-component--vsr-tuijianchanping--vsr-yingyonglingyu,
.page-node-3783 .webform-component--vsr-tuijianchanping--vsr-chububaojia,
.page-node-3783 .webform-component--vsr-tuijianchanping--vsr-shangshishijian,
.page-node-3783 .webform-component--vsr-tuijianchanping--vsr-zuixiaoqidingliang,
.page-node-3792 .webform-component--product-information--part-number,
.page-node-3792 .webform-component--product-information--application-field,
.page-node-3792 .webform-component--product-information--provisional-quote,
.page-node-3792 .webform-component--product-information--time-to-market,
.page-node-3792 .webform-component--product-information--minimum-order-quantity {
  display: none !important;
}
.page-node-3783 .webform-client-form .form-item.webform-component--vsr-tuijianchanping--vsr-chanpingmingcheng,
.page-node-3792 .webform-client-form .form-item.webform-component--product-information--product-name,
.page-node-8853 .webform-client-form .form-item.webform-component--jp-tuijianchanping--jp-chanpingmingcheng {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
}
.body-is-agreement.i18n-zh-hans #agreement-wrap .agreement-wrap .icheckbox {
  margin-top: 2px;
}
.i18n-zh-hans .webform-client-form .form-item select {
  line-height: 42px !important;
}
.page-contact-us-tender-notice .sat-page .view-content {
  overflow-x: auto;
}
.page-contact-us-tender-notice .sat-page .view-content .viewContentWrapper {
  min-width: 600px;
}
.page-contact-us-tender-notice .noresult, .viewDownloadDocument .noresult {
  margin-left: 0;
} 


.products-wrap.customer-products-wrap.products-new-wrap .products-content {
  background-image: url(../png/products-resources.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.products-wrap.customer-products-wrap.products-new-wrap .inside {
  padding: 0;
}

.products-wrap.customer-products-wrap.products-new-wrap > .d-flex {
  display: block;
}

.products-wrap.customer-products-wrap.products-new-wrap .products-title {
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
}
.products-wrap.customer-products-wrap.products-new-wrap .title-line:before {
  content: '';
  display: block;
  width: 60px;
  height: 5px;
  margin: 0 auto 14px;
  background-color: #1290D8;
}

.products-wrap.customer-products-wrap.products-new-wrap .products-content {
  padding-top: 0;
  padding-bottom: 60px;
}

.products-wrap.customer-products-wrap.products-new-wrap .products-content-desc {
  display: box;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: unset;
  background-color: transparent;
  min-height: auto;
  padding: 60px 0 0;
}
.products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .products-item-desc {
  margin: 0 6px;
  width: calc(33.3333% - 12px);
  background-color: #fff;
  border-radius: 4px;
  align-items: stretch;
  height: 192px;
  box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.12);
}
.products-wrap.customer-products-wrap.products-new-wrap .products-content-desc img {
  display: block;
  width: 188px;
  height: auto;
}
.products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .product-img {
  width: auto;
}
.products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .product-info {
  display: flex;
  width: auto;
  height: 100%;
  padding: 30px 12px 32px 10px;
  box-sizing: border-box;
  flex: 1;
  flex-direction: column;
  align-items: unset;
}
@media (min-width: 1170px) {
  .products-wrap.customer-products-wrap.products-new-wrap .products-content-desc img {
    margin-left: -16px;
  }
}
.products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .product-info  > p {
  margin-top: 22px;
  margin-bottom: 0;
}
.products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .product-info .product-link-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .product-info .product-link-wrap.lg {
  align-items: flex-start;
}
.products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .product-info ul li a {
  font-size: 16px !important;
  text-decoration: none !important;
  color: #38393a !important;
  transition: none !important;
}
.products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .product-info ul li a:not(.no-link) {
  text-decoration: underline !important;
}
.products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .product-info ul li a:not(.no-link):hover {
  color: var(--esp-color-blue) !important;
}
.products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .product-info li {
  margin-bottom: 0;
  line-height: 1.625;
}
.products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .product-info li + li {
  margin-top: 2px;
}
.products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .product-info  p a {
  color: var(--esp-color-blue) !important;
  text-decoration: underline !important;
}
.product-link-wrap::-webkit-scrollbar {
  width: .4em;
  background-color: rgba(56, 57, 58, .1);
  border-radius: 10px;
}

.product-link-wrap::-webkit-scrollbar:horizontal {
  height: .4em;
  border-radius: 10px;
}

.product-link-wrap::-webkit-scrollbar-track {
  border-radius: 10px;
}

.product-link-wrap::-webkit-scrollbar-thumb {
  background-color: rgba(56, 57, 58, .2);
  border-radius: 10px;
  transition: all .2s ease-in-out
}

.product-link-wrap::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: rgba(56, 57, 58, .2);
}
.products-wrap.customer-products-wrap.products-new-wrap .products-resources-content ul {
  background-color: #38393a;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 120px;
  margin: 0 6px;
  margin-top: -4px;
}
.products-wrap.customer-products-wrap.products-new-wrap .products-resources-content ul li {
  display: flex;
  align-items: center;
  width: auto;
  white-space: nowrap;
}
.products-wrap.customer-products-wrap.products-new-wrap .products-resources-content ul li + li {
  margin-left: 80px;
}
.products-wrap.customer-products-wrap.products-new-wrap .products-resources-content ul li img {
  display: block;
  width: 24px;
  height: auto;
  margin-right: 12px;
}
.products-wrap.customer-products-wrap.products-new-wrap .products-resources-content ul li a {
  color: #fff;
  text-decoration: none !important;
}
.products-wrap.customer-products-wrap.products-new-wrap .products-resources-content ul li a:hover {
  text-decoration: underline !important;
}
@media (max-width: 1280px) {
  .products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .product-info {
    padding: 20px 6px 16px 12px;
  }
}
@media (max-width: 1280px) and (min-width: 11070px) {
  .products-wrap.customer-products-wrap.products-new-wrap .products-content-desc img {
    margin-left: -10px;
  }
}
@media (max-width: 1170px) {
  .products-wrap.customer-products-wrap.products-new-wrap .products-content-desc img {
    width: 148px;
  }
  .products-wrap.customer-products-wrap.products-new-wrap .products-content-desc {
    display: block;
  }
  .products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .products-item-desc {
    height: 160px;
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
  }
  .products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .products-item-desc + .products-item-desc {
    margin-top: 20px;
  }
  .products-wrap.customer-products-wrap.products-new-wrap .products-resources-content  {
    margin-top: 20px;
  }
  .products-wrap.customer-products-wrap.products-new-wrap .products-resources-content ul {
    flex-wrap: wrap;
    max-width: 500px;
    margin: 0 auto;
    padding: 10px 0;
  }
  .products-wrap.customer-products-wrap.products-new-wrap .products-resources-content ul li {
    width: min(50%, 50%);
    min-width: 50%;
    margin-left: 0 !important;
    padding: 8px 20px;
    align-items: flex-start;
    box-sizing: border-box;
    white-space: unset;
  }
}

@media (max-width: 768px) {
  .products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .product-info {
    padding: 20px 10px 25px 12px;
  }
  .products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .product-info > p {
    margin-top: 6px !important;
    text-align: center;
  }
  .products-wrap.customer-products-wrap.products-new-wrap .products-content-desc .product-info ul {
    width: 100%;
    text-align: center;
  }
  .page-company-corporate-responsibility-reports .new-gallary .pdb-word, 
  .page-company-investor-relations-reports .new-gallary .pdb-word, 
  .page-company-investor-relations-communication .new-gallary .pdb-word,
  .page-company-investor-relations-investor-calendar-subscribe .new-gallary .pdb-word,
  .page-node-4233 .new-gallary .pdb-word,
  .page-company-corporate-responsibility-reports .new-gallary .pdb-word.new-banner-bg > .content, 
  .page-company-investor-relations-reports .new-gallary .pdb-word.new-banner-bg > .content, 
  .page-company-investor-relations-communication .new-gallary .pdb-word.new-banner-bg > .content,
  .page-company-investor-relations-investor-calendar-subscribe .new-gallary .pdb-word.new-banner-bg > .content,
  .page-node-4233 .new-gallary .pdb-word.new-banner-bg > .content   {
    position: static !important;
  }
  .page-company-corporate-responsibility-reports .new-gallary .pdb-word.new-banner-bg .new-banner-mobile-img , 
  .page-company-investor-relations-reports .new-gallary .pdb-word.new-banner-bg .new-banner-mobile-img, 
  .page-company-investor-relations-communication .new-gallary .pdb-word.new-banner-bg .new-banner-mobile-img,
  .page-company-investor-relations-investor-calendar-subscribe .new-gallary .pdb-word.new-banner-bg .new-banner-mobile-img,
  .page-node-4233 .new-gallary .pdb-word.new-banner-bg .new-banner-mobile-img {
    margin-top: 0 !important;
  }
  .page-company-corporate-responsibility-reports .new-gallary .pdb-word.new-banner-bg > .content h1, 
  .page-company-investor-relations-reports .new-gallary .pdb-word.new-banner-bg > .content h1, 
  .page-company-investor-relations-communication .new-gallary .pdb-word.new-banner-bg > .content h1,
  .page-company-investor-relations-investor-calendar-subscribe .new-gallary .pdb-word.new-banner-bg > .content h1,
  .page-node-4233 .new-gallary .pdb-word.new-banner-bg > .content h1 {
    position: absolute !important;
    bottom: 132%;
  }
}
.sales-question-down-wrap {
  display: block !important;
  position: fixed;
  bottom: 165px;
  right: 16px;
  z-index: 110;
  box-shadow: 0px 6px 12px 1px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
}
.sales-question-down-wrap img {
  display: block;
  width: 52px;
  height: auto;
  cursor: pointer;
}
.views-display-home-dynews .sales-question-down-wrap,
.page-node-2063 .sales-question-down-wrap,
.page-node-2062 .sales-question-down-wrap,
.page-node-2120 .sales-question-down-wrap,
.page-node-2119 .sales-question-down-wrap,
.page-contact-us .sales-question-down-wrap,
.page-node-2102 .sales-question-down-wrap,
.page-node-2121 .sales-question-down-wrap,
.page-node-2124 .sales-question-down-wrap,
.page-node-2122 .sales-question-down-wrap,
.page-node-4060 .sales-question-down-wrap,
.page-node-4061 .sales-question-down-wrap,
.page-node-5022 .sales-question-down-wrap,
.page-node-5021 .sales-question-down-wrap,
.page-node-55 .sales-question-down-wrap,
.page-node-280 .sales-question-down-wrap,
.page-node-3783 .sales-question-down-wrap,
.page-node-3792 .sales-question-down-wrap,
.page-node-62 .sales-question-down-wrap,
.page-node-282 .sales-question-down-wrap,
.page-node-2881 .sales-question-down-wrap,
.page-node-2915 .sales-question-down-wrap,
.page-node-2972 .sales-question-down-wrap,
.page-node-2909 .sales-question-down-wrap,
.page-join-us .sales-question-down-wrap,
.body-node-job-apply .sales-question-down-wrap,
.page-node-7159 .sales-question-down-wrap,
.page-node-7161 .sales-question-down-wrap,
.page-company .sales-question-down-wrap,
.page-node-4520 .sales-question-down-wrap,
.page-node-4519 .sales-question-down-wrap,
.page-node-4233 .sales-question-down-wrap,
.page-node-4232 .sales-question-down-wrap,
.node-type-news .sales-question-down-wrap {
  display: none !important;
}
.page-node-4189 .block-menu-block.CMC .espSkainetPurchase:hover ~ .cmc-bottom-line,
.page-node-4190 .block-menu-block.CMC .espSkainetPurchase:hover ~ .cmc-bottom-line,
.page-node-4189 .block-menu-block.CMC .espSkainetPurchase:hover .cmc-bottom-line,
.page-node-4190 .block-menu-block.CMC .espSkainetPurchase:hover .cmc-bottom-line,
.page-node-4191 .block-menu-block.CMC .espSkainetPurchase:hover ~ .cmc-bottom-line,
.page-node-4192 .block-menu-block.CMC .espSkainetPurchase:hover ~ .cmc-bottom-line,
.page-node-4191 .block-menu-block.CMC .espSkainetPurchase:hover .cmc-bottom-line,
.page-node-4192 .block-menu-block.CMC .espSkainetPurchase:hover .cmc-bottom-line {
  opacity: 0 !important;
}
.page-node-4189 .block-menu-block.CMC .espSkainetPurchase > ul,
.page-node-4190 .block-menu-block.CMC .espSkainetPurchase > ul,
.page-node-4191 .block-menu-block.CMC .espSkainetPurchase > ul,
.page-node-4192 .block-menu-block.CMC .espSkainetPurchase > ul {
  top: 2px;
  left: -30px;
  background-color: #fff;
  min-width: 120px !important;
  height: auto;
}
.page-node-4189 .block-menu-block.CMC .espSkainetPurchase:hover > ul,
.page-node-4190 .block-menu-block.CMC .espSkainetPurchase:hover > ul,
.page-node-4191 .block-menu-block.CMC .espSkainetPurchase:hover > ul,
.page-node-4192 .block-menu-block.CMC .espSkainetPurchase:hover > ul {
  display: block !important;
}
.page-node-4191 .CMC, .page-node-4191 .CMC .content .menu-block-wrapper, 
.page-node-4192 .CMC, .page-node-4192 .CMC .content .menu-block-wrapper {
  overflow: unset !important;
}
.page-node-4191 .content li.espSkainetPurchase ul li, 
.page-node-4192 .content li.espSkainetPurchase ul li {
  display: block;
  width: 100%;
  padding: 0;
  text-align: center;
  float: none;
}
.page-node-4191 .content li.espSkainetPurchase ul li,
.page-node-4192 .content li.espSkainetPurchase ul li {
    display: block;
    width: 100%;
    padding: 0;
    text-align: center;
    float: none;
}
.page-node-4191 .content li.espSkainetPurchase ul li a,
.page-node-4192 .content li.espSkainetPurchase ul li a {
    padding: 0 26px;
    height: 30px;
    line-height: 30px;
}
.page-node-4191 .content li.espSkainetPurchase ul li.first,
.page-node-4192 .content li.espSkainetPurchase ul li.first {
    border-right: none;
    border-bottom: 1px solid #e2352c;
}
.page-node-4191 .content li.espSkainetPurchase ul li,
.page-node-4192 .content li.espSkainetPurchase ul li {
    border-bottom: 1px solid #e2352c;
}
.page-node-4191 .content li.espSkainetPurchase ul li:last-child,
.page-node-4192 .content li.espSkainetPurchase ul li:last-child {
    border-bottom: none;
}
.body-node-job-apply div#edit-submitted-upload-resume-ajax-wrapper label, 
.body-node-job-apply div#edit-submitted-job-certificate-ajax-wrapper label, 
.body-node-job-apply div#edit-submitted-portfolio-ajax-wrapper label[for="edit-submitted-portfolio-upload"] {
  position: relative;
  top: -4px;
}
/* 日语版的 css */
.page-node-8846 .sub-tip {
  margin-top: 34px;
}
.page-node-8846 .ctc .pqc{
  font-size: 16px !important;
  font-family: var(--esp-font-family-light) !important;
  margin-bottom: 20px;
  margin-top: 0 !important;
}
.page-node-8846 .esp-product-selector-insert .esp-product-selector-wrap{
  position: relative;
  background-image: url(../png/esp-product-selector-logo-left.png);
  background-repeat: no-repeat;
  background-position: 0 -15px;
  background-size: auto 100%;
}
.page-node-8846 .esp-product-selector-insert .esp-product-selector-content {
  padding: 0 15px 0 0;
  width: 55%;
  margin-left: 45%;
  box-sizing: border-box;
  min-width: 0;
}
.page-node-8846 .esp-product-selector-insert .esp-product-selector-content .btn:not(:hover) {
  color: #38393a !important;
}
.page-node-8846 .esp-product-selector-insert {
  max-width: 800px;
}
.page-node-8846 .esp-product-selector-insert .esp-product-selector-content h2 {
  display: none !important;
}
.page-node-8846 .esp-product-selector-insert .esp-product-selector-wrap:after {
  content: '製品セレクター';
  position: absolute;
  left: 12%;
  bottom: 25px;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}
.page-node-8846 .form-warning,
.page-node-8850 .form-warning {
  display: none !important;
}
.page-node-8852 .ctc {
  text-align: center;
}

.page-node-8852 .ctc .pqc {
  padding: 34px 0 20px;
  margin: 0 auto;
  display: inline-block;
  box-sizing: content-box;
}
.page-node-8852 .ctc .pqc > span {
  position: relative;
  display: inline-block;
  text-align: center;
  margin-bottom: 20px;
  font-family: var(--esp-font-family-trueno-semibold) !important;
  font-size: var(--esp-font-size-h2) !important;
}
.page-node-8852 .ctc .pqc a {
  font-size: 16px !important;
  display: inline-block;
  float: none;
  background: var(--esp-color-blue) !important;
  border-color: var(--esp-color-blue) !important;
  border-radius: var(--esp-border-radius-small) !important;
  color: #fff;
  min-width: 240px;
  margin: 20px 15px 0 15px !important;
  box-sizing: border-box;
  line-height: 37px !important;
}
.page-node-8852 .ctc .pqc a:hover {
    opacity: 0.8 !important;
}
.page-node-8852 .pqc a span {
  display: inline !important;
  position: relative;
  left: 0;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.page-node-8852 .ctc .pqc a:hover span {
  left: 8px;
}
.page-node-8852 .field-item .ctc:last-child {
  margin-top: 30px;
}
.page-node-8852 .content p.sub-tip-link {
  display: inline-block;
  background: #f1f1f1;
  padding: 12px 20px;
  border-radius: 20px;
  font-size: 18px !important;
  margin: 0;
}
.page-node-8852 .content p.sub-tip-link a {
  position: relative;
  padding: 0 25px 2px 0 !important;
  margin: 0 10px;
  background-image: linear-gradient(#1290D8, #1290D8), linear-gradient(transparent, transparent);
  background-size: 0 2px, 100% 2px;
  background-repeat: no-repeat;
  background-position: center bottom, center calc(100% - 1px);
  background-color: transparent;
  transition: background .3sease-out;
  text-decoration: none !important;
  display: inline-block;
  color: var(--esp-color-blue) !important;
  font-size: var(--esp-font-size-h2) !important;
}
.page-node-8852 .content p.sub-tip-link a:after {
    content: '';
    position: absolute;
    top: 2px;
    right: 0;
    width: 30px;
    height: 20px;
    background-image: url(../png/link-3.png);
    background-size: auto 20px;
    background-position: right top;
    background-repeat: no-repeat;
}
.page-node-8852 .content p.sub-tip-link a:hover {
    background-image: linear-gradient(#1290D8, #1290D8), linear-gradient(transparent, transparent);
    background-size: 100% 2px, 100% 2px;
    text-decoration: none !important;
}
.page-node-8852 #main-wrapper {
  padding-bottom: 50px;
  box-sizing: border-box;
  min-height: auto !important;
}
form#webform-client-form-8859 .webform-component.even {
  float: right;
}
form#webform-client-form-8859 .webform-component {
  margin-bottom: 28px !important;
  margin-top: 0;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 810px){
  form#webform-client-form-8859.webform-client-form .form-item.webform-component {
    width: 100% !important;
  }
}
@media screen and (max-width: 610px) {
  .page-node-8846 .esp-product-selector-insert .esp-product-selector-content h2 {
    display: flex !important;
    justify-content: center;
  }
  .page-node-8846 .esp-product-selector-insert .esp-product-selector-wrap:after {
    display: none;
  }
  .page-node-8846 .esp-product-selector-insert .esp-product-selector-content {
    padding: 0 20px;
    width: 100%;
    margin-left: 0;
    text-align: center !important;
  }
  .page-node-8846 .esp-product-selector-insert .esp-product-selector-wrap {
    background: none !important;
  }
}
.viewDownloadDocument .view-filters label {
  font-size: 15px;
}


/*  */

.page-node-1993 .form-item label {
  float: none !important;
}
.page-node-1993 .fs-wrap {
  position: relative;
  width: 200px;
  margin: 3px;
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
  font-family: var(--esp-font-family-light);
}

.page-node-1993 .fs-label-wrap {
  position: relative;
  cursor: default;
  color: #38393a;
  border-radius: 4px;
  height: 42px;
}
.page-node-1993 .fs-wrap:not(.multiple) .fs-label-wrap .fs-label {
  height: 40px;
  display: flex;
  align-items: center;
}
.page-node-1993 .fs-wrap.multiple .fs-label-wrap {
  height: auto;
  min-height: 42px;
  padding: 4px 0;
  box-sizing: border-box;
}
.page-node-1993 .fs-label-wrap,
.page-node-1993 .fs-dropdown {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.page-node-1993 .fs-label-wrap .fs-label {
  padding: 3px 22px 0 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

.page-node-1993 .fs-arrow {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #000;
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}

.page-node-1993 .fs-dropdown {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  /*margin-top: 2px;*/
  width: 100%;
  z-index: 1000;
  border-radius: 4px;
}

.page-node-1993 .fs-dropdown .fs-options {
  max-height: 200px;
  overflow: auto;
}

.page-node-1993 .fs-search input {
  width: 90%;
  padding: 2px 4px;
  border: 0;

}

.page-node-1993 .fs-selectAll {
  float: right;
  cursor: pointer;
  margin-top: 4px;
  height: auto;
}

.page-node-1993 .fs-selectAll.selected {
  float: right;
  cursor: pointer;
  margin-top: 4px;
  height: auto;
  color: green;
}

.page-node-1993 .fs-selectAll:hover{
  background-color: #eee;
}

.page-node-1993 .fs-option,
.page-node-1993 .fs-search,
.page-node-1993 .fs-optgroup-label {
  padding: 6px 8px;
  border-bottom: 1px solid #eee;
  cursor: default;
}

.page-node-1993 .fs-option {
  cursor: pointer;
}

.page-node-1993 .fs-option.hl {
  background-color: #f5f5f5;
}

.page-node-1993 .fs-wrap.multiple .fs-option {
  position: relative;
  padding-left: 30px;
}

.page-node-1993 .fs-wrap.multiple .fs-checkbox {
  position: absolute;
  display: block;
  width: 30px;
  top: 0;
  left: 0;
  bottom: 0;
}

.page-node-1993 .fs-wrap.multiple .fs-option .fs-checkbox i {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #aeaeae;
  border-radius: 4px;
  background-color: #fff;
}

.page-node-1993 .fs-wrap.multiple .fs-option.selected .fs-checkbox i {
  background-color: rgb(17, 169, 17);
  border-color: transparent;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: center;
}


.page-node-1993 .fs-wrap .fs-option:hover {
  /*background-color: #f5f5f5;*/
  background: #D1F3E5;
  border-radius: 4px;
  margin-left:0px;
  margin-right:2px;
}

.page-node-1993 .fs-optgroup-label {
  font-family: var(--esp-font-family-trueno-semibold);
}

.page-node-1993 .hidden {
  display: none;
}

.page-node-1993 .fs-optgroup-label,
.page-node-1993 .fs-option[data-parent-level="root"]  {
  font-weight: bold !important;
  color: #38393a;
}
.page-node-1993  .esp-cascader-menu::-webkit-scrollbar,
.page-node-1993  .fs-options::-webkit-scrollbar {
  width: 6px;
}
.page-node-1993 .esp-cascader-menu::-webkit-scrollbar-track,
.page-node-1993 .fs-options::-webkit-scrollbar-track {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius:2em;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);
  background: rgba(0,0,0,0);
}
.page-node-1993 .esp-cascader-menu::-webkit-scrollbar-thumb,
.page-node-1993 .fs-options::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 5px rgba(199, 199, 199, 1);
  background: rgba(199, 199, 199, 1);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius:2em;
}
.page-node-1993 .fs-select-text {
  background: transparent;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  border-radius: var(--esp-border-radius-small);
  margin: 2px;
  color: #38393a;
  color: var(--esp-color-primary);
  border: 1px solid #1290D8;
  border: 1px solid var(--esp-color-blue);
  box-sizing: border-box;
}
.page-node-1993 .fs-select-text .icon-close {
  font-size: 12px;
  margin-left: 5px;
  color: #38393a;
}
.page-node-1993 .fs-select-text .icon-close:hover {
  color: #1290D8;
  color: var(--esp-color-blue) !important;
}
.page-node-1993 .fs-wrap.multiple .fs-label {
  overflow: hidden;
  overflow-y: auto;
  min-height: 34px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-height: 120px;
}
.page-node-1993 .webform-client-form .form-item .fs-wrap {
  width: 100% !important;
  background-color: #F3F3F3 !important;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 16px;
  margin: 0;
  font-family: var(--esp-font-family-light);
}

.page-node-1993 .fs-label-wrap .fs-arrow {
  border-left: none;
  border-top: 1px solid #38393a;
  border-right: 1px solid #38393a;
  transform: rotate(135deg);
  width: 9px;
  height: 9px;
  top: -5px;
  right: 14px;
}
.page-node-1993 .fs-option, .page-node-1993 .fs-search, .page-node-1993 .fs-optgroup-label {
  height: 36px;
  line-height: 36px;
  border: none;
  box-sizing: border-box;
  padding: 0 12px;
}
.page-node-1993 select.hidden {
  display: none !important;
}
.page-node-1993 .fs-optgroup > .fs-option {
  padding-left: 1.5em;
}
    
.page-node-1993 .fs-wrap .fs-option:hover {
  background-color: #f4f4f4;
}
.page-node-1993 .fs-wrap .fs-option {
  color: #38393a;
}
.page-node-1993 .fs-wrap .fs-option.selected {
  color: #1290D8;
}
.page-node-1993 .fs-wrap .fs-dropdown {
  width: 100%;
  width: calc(100% - 8px);
  margin-left: 4px;
  box-shadow: 0 0 4px #B9B9B9;
  border: none;
  border-radius: 6px;
  padding-bottom: 8px;
}
.page-node-1993 .fs-wrap .fs-dropdown:not(.hidden) {
  display: block !important;
}
.page-node-1993 .fs-wrap.multiple .fs-checkbox {
  display: none !important;
}
.page-node-1993 .fs-wrap.multiple .fs-option {
  padding-left: 0;
}
.page-node-1993 .fs-wrap .fs-search {
  margin: 12px 0;
}
.page-node-1993 .fs-wrap .fs-search input {
  height: 36px !important;
  line-height: 36px !important;
  font-size: 16px !important;
}
.page-node-1993 .fs-wrap .fs-search input::-webkit-search-cancel-button {
  display: none;
}
.page-node-1993 .fs-wrap .fs-search input[type="search"]::-ms-clear {
  display: none;
}
.page-node-1993 .fs-wrap.multiple .fs-option.selected .fs-option-label {
    background-image: url(../png/submit-checked.png);
    background-position: right center;
    background-size: auto 16px;
    background-repeat: no-repeat;
}
.page-node-1993 .fs-wrap.multiple .fs-option .fs-option-label {
  width: 100%;
  padding-left: 30px;
  box-sizing: border-box;
}
.page-node-1993 .fs-dropdown .fs-options {
  max-height: 320px;
}
.page-node-1993 .esp-cascader-panel {
  position: absolute;
  top: 68px;
  left: 10%;
  z-index: 2000;
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0,0,0,.1);
  display: none;
}
.page-node-1993 .esp-cascader-menus {
  display: flex;
  box-shadow: 0 0 4px #B9B9B9;
}
.page-node-1993 .esp-cascader-menu {
  min-width: 160px;
  max-height: 320px;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  overflow-y: auto;
}
.page-node-1993 .esp-cascader-menu:has(.is-selected) {
  border-right: 1px solid rgba(0,0,0,.1);
}
.page-node-1993 .esp-cascader-menu-item {
  position: relative;
  padding: 8px 20px;
  cursor: pointer;
  white-space: nowrap;
  font-family: var(--esp-font-family-light);
  color: #38393a;
}
.page-node-1993 .esp-cascader-menu-item.is-active {
  background-color: #f4f4f4;
}
.page-node-1993 .esp-cascader-menu-item.esp-cascader-parent::after {
  content: '';
  position: absolute;
  right: 14px !important;
  top: 48% !important;
  transform: rotate(45deg) translateY(-50%) !important;
  border-left: none;
  border-top: 1px solid #38393a;
  border-right: 1px solid #38393a;
  width: 9px;
  height: 9px;
}
.page-node-1993 .esp-cascader-menu-item.is-selected {
  color: #1290D8;
}
.page-node-1993 .esp-cascader-menu-item:hover {
  background-color: #f4f4f4;
}
.page-node-1993 .webform-component--city::after {
  content: '';
  position: absolute;
  border-left: none;
  border-top: 1px solid #38393a;
  border-right: 1px solid #38393a;
  transform: rotate(135deg);
  width: 9px;
  height: 9px;
  bottom: 18px;
  right: 14px;
  cursor: pointer;
}
.page-node-1993 .webform-component--city input.form-text::-webkit-input-placeholder {
  color: #38393a !important;
  font-size: 16px !important;
}
.page-node-1993 .webform-component--city input.form-text::input-placeholder {
	color: #38393a !important;
  font-size: 16px !important;
}
@media screen and (max-width: 768px) {
  .page-node-1993 .esp-cascader-panel {
    left: 0;
  }
}
.esp-toast-wrap {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  background-color: #fdebea;
  border: 1px solid #f18680;
  color: #f56c6c;
  border-radius: 4px;
  z-index: 3000;
  padding: 5px 30px;
  font-size: 15px;
}