#contentTypeTabs {
    padding-left: 15px;
}

#left-button {
    float: left;
    width: 30px;
    text-align: center;
    position: absolute;
    top: 15px;
    left: -3px;
    z-index: 1;
}

.outerAfter::after {
    content: "";
    width: 60px;
    height: 18px;
    position: absolute;
    top: 13px;
    background-image: linear-gradient(to right, rgba(224, 228, 233, 0), #e0e4e9);
    right: 20px;
}

.outerBefore::before {
    content: "";
    width: 60px;
    height: 18px;
    position: absolute;
    top: 13px;
    left: 15px;
    background-image: linear-gradient(to left, rgba(224, 228, 233, 0), #e0e4e9);
}

#outer {
    float: left;
    width: 98%;
    white-space: nowrap;
    display: inline-block;
    overflow-x: scroll;
    overflow-x: -moz-hidden-unscrollable;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}

#outer::-webkit-scrollbar {
    display: none;
}

#right-button {
    float: left;
    width: 30px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 15px;
}

#inner a:first-of-type {
    margin-left: 0 !important;
}

.techHubSearchTab:active, .techHubSearchTab:visited, .techHubSearchTab:hover, .techHubSearchTab:focus {
    color: #333 !important;
    text-decoration: none !important;
}

.techHubSearchTab {
    color: #333;
    background-color: inherit;
    height: 44px;
    padding: 13px 10px;
    font-size: 14px;
    text-align: center;
    border: none;
    margin-left: 10px;
    display: inline-block;
}

a.scrollArrow {
    color: #666;
}

a.scrollArrow:link {
    color: #666;
}

a.scrollArrow:visited {
    color: #666;
}

a.scrollArrow:hover {
    color: #666;
}

a.scrollArrow:active {
    color: #666;
}

body {
    font-family: Arial, Helvetica, sans-serif;
}

#techHubHome {
    background-image: url("/images/technical-resources/trc-ban.png");
    height: 220px;
    padding: 0 15px;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -23px;
}

#techHubHome div.row {
    margin: auto;
    width: 100%;
    padding: 15px 0;
}

#eitBanner {
    width: 100%;
    margin-top: 45px;
    margin-bottom: 65px;
}

.eitBannerImage {
    max-height: 144px;
    margin-left: auto;
    margin-right: auto;
}

.trc_section {
    border-bottom: none;
}

.trc_section_title h3 {
    width: 100%;
    font-family: Arial;
    color: #333;
    font-size: 20px;
    margin-bottom: 16px;
}

.trc_item_title {
    width: 100%;
    font-family: Arial;
    color: #0070bb;
    font-size: 16px;
    margin-bottom: 8px;
}

.trc_item_description {
    width: 100%;
    font-family: Arial;
    font-size: 14px;
    color: #333;
    margin-bottom: 32px;
}

.trc_feature_link {
    font-family: Arial;
    font-size: 13px;
    color: #0070bb;
    margin-bottom: 32px;
}

.trc_feature_img {
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
}

#appTechBanner {
    width: 100%;
}

.appTechBannerImage {
    max-height: 144px;
    margin-left: auto;
    margin-right: auto;
}

.techHub {
    margin-top: -16px;
}

.techHub h1 {
    text-align: center;
    color: #fff;
    font-size: 32px;
    width: 100%;
    font-family: Arial;
    text-shadow: 0 0 10px #333;
    font-weight: normal;
}

.techHubSearchBox {
    width: 100%;
    height: 40px;
    position: relative;
    z-index: 1;
}

.techHubSearchKeyword {
    width: 100%;
    height: 40px;
    position: absolute;
    font-size: 14px;
    border: 1px solid #a1a1a1;
    padding: 7px;
}

.techHubSearchKeyword::placeholder {
    color: #a9afb7;
}

.techHubSearchKeyword::-webkit-input-placeholder {
    color: #a9afb7;
}

.techHubSearchKeyword::-moz-placeholder {
    color: #a9afb7;
}

.techHubSearchKeyword:-moz-placeholder {
    color: #a9afb7;
}

.techHubSearchKeyword:-ms-input-placeholder {
    color: #a9afb7;
}

.techHubSearchKeyword::-ms-input-placeholder {
    color: #a9afb7;
}

.techHubSearchKeyword::-ms-clear {
    display: none;
}

#typeAheadBox {
    position: absolute;
    width: 100%;
    top: 40px;
    margin: 0;
    padding: 0;
    overflow: auto;
    z-index: 1;
    border: 1px solid #a9afb7;
}

.typeAheadItem {
    margin: 0;
    padding: 4px 10px;
    line-height: 2em;
    cursor: pointer;
    white-space: nowrap;
    border-bottom: 1px solid #e0e4e9;
    background-color: #fff;
    text-decoration: none;
    font-size: 12px;
}

.typeAheadItem a:hover, .typeAheadItem a:focus {
    color: #0070bb;
    text-decoration: none;
    outline: none;
}

.typeAheadLink {
    width: 100%;
    display: block;
}

.typeAheadItem:hover {
    background-color: #e0e4e9;
}

.suggestionsOff {
    color: #666;
    font-weight: normal;
    text-align: right;
    padding: 8px 6px;
    width: 100%;
    background-color: #f5f5f5;
}

.suggestionsIcon_bottom {
    display: inline;
    border-width: 0;
    width: 18px;
    height: 12px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
}

.suggestionsIcon_top {
    position: absolute;
    display: inline;
    padding: 0;
    border-width: 0;
    width: 10px;
    height: 11px;
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    right: 40px;
    top: 10px;
    z-index: 3;
}

.techHubSearchClick {
    position: relative;
    font-size: 18px;
    float: right;
    cursor: pointer;
    padding: 9px 12px;
    color: #666;
    height: 40px;
    width: 40px;
}

.techHubSearchClick:hover {
    color: #333;
}

#contentHomes {
    margin-top: 32px;
}

#contentHomes div.row {
    padding: 15px 0;
}

.techHubContentText {
    padding: 5px 0;
    font-size: 14px;
    font-family: Arial;
}

.techHubPrimaryContentTitle {
    padding-top: 5px;
    font-size: 20px;
    color: #333;
    font-family: Arial;
}

.homeHeader {
    background-color: #e0e4e9;
    height: 127px;
    padding: 0 15px;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: -10px;
    margin-bottom: 0;
}

.homeHeaderContainer {
    height: 127px;
    position: relative;
}

.sticky {
    position: fixed;
    top: 0;
    margin-top: 0;
}

.sticky + .container-fluid {
    padding-top: 127px;
}

.searchRow {
    position: absolute;
    top: 25%;
    width: 100%;
}

.tabRow {
    position: absolute;
    top: 65%;
    width: 100%;
}

button.techHubSearchTab {
    background-color: #e0e4e9;
}

.techHubSearchTab.active {
    background-color: inherit;
    color: #333;
    font-weight: bold !important;
    border-bottom: 4px solid #0070bb;
    text-decoration: none;
}

.techHubSearchTabParenthesis {
    color: #585d62;
}

.techHubSearchTab:hover .techHubSearchTabParenthesis {
    color: #333;
}

.techHubSearchNoResultsTab {
    color: #333;
    opacity: .3;
}

.number-of-results {
    font-family: Arial;
    font-size: 13px;
    color: #585d62;
    margin-top: 32px;
    min-height: 13px;
}

#contentSearchResultsList {
    margin-top: 32px;
}

#noResultsPage {
    margin-top: 32px;
    font-family: Arial;
    font-size: 13px;
    color: #333;
    margin-bottom: 0;
}

.searchresult {
    margin-bottom: 32px;
}

.searchresult-title {
    font-size: 18px;
    font-family: Arial;
    color: #0070bb;
}

.searchresult-title:hover {
    text-decoration: underline;
}

.searchresult-description {
    font-size: 13px;
    font-family: Arial;
    color: #333;
    margin-top: 8px;
    margin-bottom: 8px;
}

.searchresult-imagecontainer {
    overflow: hidden;
}

.searchresult-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 110px;
}

.searchresult-type {
    background-color: #a9afb7;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    padding: 1px 8px;
}

.pagination {
    margin-top: 40px;
    margin-bottom: 80px;
    float: right;
    z-index: 0;
}

.pagination > .active > span {
    z-index: 0;
}

#exploreProducts {
    background-color: #f5f5f5;
    padding: 0;
    float: right;
}

#exploreProductsLinks {
    padding: 32px 16px;
}

#exploreProductsTitle {
    font-family: Arial;
    color: #585d62;
    font-size: 18px;
    margin-bottom: 24px;
}

.exploreProductsLinkText {
    font-size: 13px;
    color: #0070bb;
    font-family: Arial;
    margin-bottom: 20px;
}

#ruleLine {
    background-color: #d9d9d9;
    margin-top: 16px;
    margin-bottom: 16px;
    height: 1px;
}

.exploreProductsLinkText:hover {
    text-decoration: underline;
}

#exploreProductsFooterText {
    font-family: Arial;
    font-size: 13px;
    color: #333;
}

@media (min-width: 1200px) {
    .responsive #appTechBanner {
        margin-bottom: 80px;
    }

    .responsive-desktop #appTechBanner {
        margin-bottom: 80px;
    }

    .responsive .number-of-results {
        padding-left: 0;
    }

    .responsive-desktop .number-of-results {
        padding-left: 0;
    }

    .responsive #contentSearchResultsList {
        padding-left: 0;
    }

    .responsive-desktop #contentSearchResultsList {
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .responsive #appTechBanner {
        margin-bottom: 70px;
    }
}

@media (min-width: 768px) {
    .responsive #appTechBanner {
        margin-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .responsive #techHubHome {
        height: 270px;
        background-image: url("/images/technical-resources/trc-ban-xs.png");
    }

    .responsive .techHub h1 {
        font-size: 28px;
        line-height: 1.3em;
        margin-bottom: 8px;
    }

    .responsive .trc_section {
        border-bottom: 1px solid #e0e4e9;
    }

    .responsive trc_border_margin {
        margin-top: 32px;
    }

    .responsive #appTechBanner {
        margin-bottom: 50px;
    }

    .responsive .appTechBannerImage {
        max-height: 560px;
    }

    .responsive .eitBannerImage {
        max-height: 560px;
    }

    .responsive .techHubPrimaryZone, .techHubSecondaryZone {
        border-bottom: none;
    }

    .responsive .techHubPrimaryContent {
        border-bottom: 3px solid #a9afb7;
    }

    .responsive .techHubSecondaryContent {
        border-bottom: 1px solid #e0e4e9;
    }

    .responsive .searchresult-title:hover {
        text-decoration: none;
    }

    .responsive .pagination {
        float: none;
    }

    .responsive #noResultsPage {
        margin-top: 0;
        margin-bottom: 80px;
    }

    .responsive #exploreProducts {
        margin-bottom: 30px;
    }

    .responsive .conversion-calc-sm-input {
        width: auto;
    }

    .responsive .calculator-title {
        font-size: 30px;
    }

    .responsive .resistor-calc-parameter {
        width: 100%;
    }

    .responsive #resistor-calculator-viewAll {
        width: 100%;
    }
}

.responsive-desktop #appTechBanner {
    margin-bottom: 60px;
}

.responsive-desktop #appTechBanner {
    margin-bottom: 70px;
}

.responsive-mobile .conversion-calc-sm-input {
    width: auto;
}

.responsive-mobile .calculator-title {
    font-size: 30px;
}

.responsive-mobile .resistor-calc-parameter {
    width: 100%;
}

.responsive-mobile #resistor-calculator-viewAll {
    width: 100%;
}

#trcBreadcrumb {
    margin-left: -15px;
}

.all-calculators {
    margin-bottom: 128px;
}

.calculate-button {
    padding: 6px 20px;
    margin-bottom: 32px;
}

.calculator-link {
    font-size: 14px;
    padding: 2px 0;
    width: 100%;
}

.calculator-header {
    height: auto;
    margin-top: -10px;
    background-color: #e0e4e9;
    padding: 15px 15px 0 15px;
}

.calculator-header-inner {
    height: auto;
}

.calculator-header-nojumbo {
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.calculator-introduce {
    padding: 0;
    margin-top: 20px;
}

.calculator-title {
    font-size: 34px !important;
    margin: 0;
}

.calculator-subtitle {
    font-size: 16px;
    margin-bottom: 32px;
    margin-top: 10px;
}

.calculator-options {
    width: 100%;
    height: 45px;
}

.calculator-options-text {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: inherit;
}

.calculator-tab {
    margin-left: 0;
    margin-right: 10px;
    cursor: pointer;
}

.conversion-calculator-hide {
    display: none !important;
}

.resistor-calc-parameter {
    width: 50%;
    float: left;
    padding: 5px 0 5px 5px;
}

.conversion-calculator-parameter {
    margin-bottom: 15px;
}

.conversion-calc-labels {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
}

.resistor-calc-labels {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
}

.resistor-calc-input {
    border-radius: 4px;
    width: 100%;
    height: 40px;
    font-size: 16px;
    padding: 4px 6px;
}

.conversion-calc-input {
    border-radius: 4px;
    height: 40px;
    font-size: 16px;
    padding: 4px 6px;
    border: 1px solid #a9a9a9;
}

.conversion-calc-sm-input {
    width: 80%;
}

.calculator-results {
    background-color: #e0e4e9;
    border: 1px solid #a9a9a9;
    color: #333 !important;
}

.dot::before {
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

.dot::before .black {
    background-color: #000;
}

.dot::before .brown {
    background-color: #a52a2a;
}

.dot::before .red {
    background-color: #f00;
}

.dot::before .orange {
    background-color: #ffa500;
}

.dot::before .yellow {
    background-color: #ff0;
}

.dot::before .green {
    background-color: #008000;
}

.dot::before .blue {
    background-color: #00f;
}

.dot::before .violet {
    background-color: #ee82ee;
}

.dot::before .grey {
    background-color: #808080;
}

.dot::before .white {
    background-color: #fff;
}

.dot::before .gold {
    background-color: #ffd700;
}

.dot::before .silver {
    background-color: #c0c0c0;
}

.resistor-container {
    border: 1px solid #000;
    border-radius: 4px;
    padding: 20px 0;
    margin-top: 20px;
}

.resistor {
    margin-left: 10%;
}

.resistor > * {
    display: inline-block;
    margin-left: -4px;
    background-color: #e1e5ea;
}

.resistor .resistor-stick {
    width: 9%;
    padding-top: 2%;
    margin-bottom: 9.5%;
}

.resistor .resistor-stick.left {
    border-radius: 10px 0 0 10px;
}

.resistor .resistor-stick.right {
    border-radius: 0 10px 10px 0;
}

.resistor .left-left, .resistor .right-left {
    border-radius: 8px 0 0 8px;
    width: 9%;
    padding-top: 20%;
}

.resistor .left-right, .resistor .right-right {
    border-radius: 0 8px 8px 0;
    width: 9%;
    padding-top: 20%;
}

.resistor .left-band, .resistor .right-band {
    padding-top: 20% !important;
    margin-bottom: 0 !important;
}

.resistor .band, .resistor .band-spacing {
    position: relative;
    width: 3%;
    padding-top: 15.5%;
    margin-bottom: 2%;
}

.resistor .band.none, .resistor .band-spacing.none {
    background-color: #e1e5ea;
}

.resistor .band.black, .resistor .band-spacing.black {
    background-color: #000;
}

.resistor .band.brown, .resistor .band-spacing.brown {
    background-color: #944a00;
}

.resistor .band.red, .resistor .band-spacing.red {
    background-color: #f00;
}

.resistor .band.orange, .resistor .band-spacing.orange {
    background-color: #ff8000;
}

.resistor .band.yellow, .resistor .band-spacing.yellow {
    background-color: #ff0;
}

.resistor .band.green, .resistor .band-spacing.green {
    background-color: #0f0;
}

.resistor .band.blue, .resistor .band-spacing.blue {
    background-color: #00f;
}

.resistor .band.violet, .resistor .band-spacing.violet {
    background-color: #9100ff;
}

.resistor .band.grey, .resistor .band-spacing.grey {
    background-color: #808080;
}

.resistor .band.white, .resistor .band-spacing.white {
    background-color: #fff;
}

.resistor .band.gold, .resistor .band-spacing.gold {
    background-color: #d4af35;
}

.resistor .band.silver, .resistor .band-spacing.silver {
    background-color: #bfbfbf;
}

.resistor .band.band-hide, .resistor .band-spacing.band-hide {
    background-color: #e0e4e9;
}

.conversion-calc-symbols {
    padding-left: 1px;
}

.calculator-button-row {
    margin-bottom: 16px;
    margin-top: 16px;
}

.resistor-calculator-button {
    float: right;
    margin-left: 20px;
    margin-top: 20px;
}

.conversion-calculator-button {
    padding: 6px 15px;
}

.conversion-calculator-button-link {
    border-bottom: 1px solid #0070bb;
    padding: 4px 3px 0;
    color: #0070bb;
}

.conversion-calculator-button-link:hover {
    text-decoration: none;
    border-bottom: 1px solid #0070bb;
}

.tooltip-wrapper {
    display: inline-block;
}

.tooltip-wrapper .conversion-calculator-button[disabled] {
    pointer-events: none;
}

.tooltip-wrapper.disabled {
    cursor: not-allowed;
}

.ohms-law-calculator-button {
    margin-left: 25px;
    float: right;
}

.resistor-chart {
    border: 1px solid #000;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 16px;
}

.conversion-calculator-chart-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.resistor-chart-img {
    width: 630px;
}

.ohmslaw-chart-img {
    width: 610px;
}

.conversion-calculator-feedback-link {
    float: right;
    margin-bottom: 20px;
    cursor: pointer;
}

.conversion-calculator-feedback {
    padding: 0;
}

.conversion-calculator-feedback-header {
    font-weight: bold;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.conversion-calculator-feedback-comments {
    height: 137px !important;
}

.conversion-calculator-back {
    margin-top: 16px;
    margin-bottom: 16px;
    font-weight: bold;
}

.conversion-calculator-formula {
    border: 1px solid #999;
    border-radius: 6px;
    padding: 45px;
    margin-top: 20px;
}

.time-constant-calculator-formula {
    padding: 110px;
}

.battery-life-calculator-formula {
    padding: 65px;
}

.conversion-calculator-formula-header {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}

.conversion-calculator-formula-text {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

.batterylife-formula-text {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.conversion-calculator-formula-parameter-text {
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}

.conversion-calculator-formula-highlight {
    color: #0070bb;
}

.conversion-calculator-formula-bar {
    border-bottom: 5px solid #e0e4e9;
    margin-left: 16px;
    margin-right: 16px;
}

.conversion-calculator-formula-row {
    text-align: center;
}

.conversion-calculator-formula-col {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.batterylife-formula-col {
    margin-left: auto;
    margin-right: auto;
}

.conversion-calculator-alert {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
}

.conversion-calculator-title {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 8px;
    margin-top: 0;
}

.battery-life-calculator-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.battery-life-input {
    width: 74%;
}




.p_select{ width:100%; height:40px; line-height:38px; box-sizing:border-box; padding:0 5px; border:1px solid #000; border-radius:5px; font-size:18px; color:#000; position:relative; background:url("icon1.png") no-repeat right center; background-size: 24px 24px;}
.p_select_in{ width:100%; height:auto; border:1px solid #000; background:#fff; position:absolute; top:38px; left:0; z-index:999; display:none;}
.p_select_in a{ width:100%; line-height:32px; display:block; color:#000; text-decoration:none; padding:0 5px;border-radius: 5px;margin: 1px 0;}
.p_select_in a:hover{ background:#09f; color:#fff;}
.p_select_in .black{ background-color:#000;}
.p_select_in .brown{ background-color:#944a00;}
.p_select_in .red{ background-color:#f00;}
.p_select_in .orange{ background-color:#ff8000;}
.p_select_in .yellow{ background-color:#ff0;}
.p_select_in .green{ background-color:#0f0;}
.p_select_in .blue{ background-color:#00f;}
.p_select_in .violet{ background-color:#9100ff;}
.p_select_in .grey{ background-color:#808080;}
.p_select_in .white{ background-color:#fff;}
.p_select_in .gold{ background-color:#d4af35;}
.p_select_in .silver{ background-color:#bfbfbf;}
.p_select_in .hide{ background-color:#e0e4e9;}

.gongju_wenzhang{ width:100%;height:auto; overflow:hidden; border-top:1px solid #f5f5f5; padding-top:25px;}
.gongju_wenzhang_a{ width:100%;height:auto; overflow:hidden; line-height:50px; color:#ea5512; font-size:28px;}
.gongju_wenzhang_a span{ display:block; width:5px; background:#ea5512; float:left; margin-right:10px;height: 25px;margin-top: 11px; border-radius:5px;}
.gongju_wenzhang_b{ width:100%;height:auto; overflow:hidden; padding:15px 0; line-height:32px; color:#000; font-size:16px; word-break:break-word;}
.gongju_wenzhang_b img{ max-width:100%;}
.gongju_wenzhang_b table{ max-width:100%;}
.gongju_wenzhang_b video{ max-width:100%;}
.gongju_wenzhang_c{ width:100%;height:auto; overflow:hidden; line-height:38px; color:#2196f3; font-size:24px;}
.gongju_wenzhang_d{ width:100%;height:auto; overflow:hidden; padding:0 0 5px 0; line-height:32px; color:#000; font-size:16px; word-break:break-word;}
.gongju_wenzhang_d img{ max-width:100%;}
.gongju_wenzhang_d table{ max-width:100%;}
.gongju_wenzhang_d video{ max-width:100%;}