﻿.newsMain .subhead { margin-top: 15px; color: #999; font-size: 16px; font-size: 1.6rem; line-height: 26px; }
.newsMain .type { margin: 28px 0 15px; font-family: OpenSans-Semibold; font-size: 18px; font-size: 1.8rem; line-height: 27px; }
.newsMain .note { margin-top: 20px; font-size: 14px; font-size: 1.4rem; line-height: 24px; }
.newsMain .go-back { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; }
.newsMain { padding-top: 40px; padding-bottom: 40px; }

    .newsMain ul, .newsMain ul li { list-style: disc; font-size: 18px }
    .newsMain ul { padding-left: 20px; }
        .newsMain ul li { margin-bottom: 10px }
    .newsMain .applyBtn { font-size: 18px; height: 45px; line-height: 45px; transition: ease-in 0.2s all; }
        .newsMain .applyBtn:hover { box-shadow: -8px 8px 0 0 #000; transform: translate(8px,-8px); }

#newsBanner { height: 270px; padding-top: 70px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #f8f1eb; }
#newsContent .news-inner { padding: 0; }
    #newsContent .news-inner .circle { height: 10px; width: 10px; border: solid 1px #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: absolute; }
    #newsContent .news-inner .circle-top { left: -6px; top: -10px; }
    #newsContent .news-inner .circle-bottom { left: -6px; bottom: -10px; }
#newsContent .news { padding: 0; }
    #newsContent .news li { width: 100%; height: auto; overflow: hidden; clear: both; padding-bottom: 40px; }
#newsContent .products-logo { font-size: 16px; font-size: 1.6rem; line-height: 26px; font-family: OpenSans-Semibold; color: #aaa; }
    #newsContent .products-logo span.icon { display: inline-block; margin: 0 8px 2px 0; width: 8px; height: 8px; border-radius: 50%; background-color: #aaa; }
#newsContent .dwt .products-logo span.icon { background-color: #fe8e14; }
#newsContent .dlr .products-logo span.icon { background-color: #cb3241; }
#newsContent .dbr .products-logo span.icon { background-color: #606060; }
#newsContent .dnt .products-logo span.icon { background-color: #42bec1; }
#newsContent .saw .products-logo span.icon { background-color: #feb420; }
#newsContent .dcs .products-logo span.icon { background-color: #899ce6; }
#newsContent .ddc .products-logo span.icon { background-color: #5eb7e4; }
#newsContent .events .products-logo span.icon { background-color: #fc6621; }
#newsContent .content { padding: 15px 0 0 0; }
#newsContent .date { margin-top: 8px; font-size: 14px; font-size: 1.4rem; line-height: 24px; }
#newsContent .content a { color: #50a8e1; font-size: 16px; font-size: 1.6rem; }

#customers .customerLists .customerCard .featureBoxBottom .featureTag { position: absolute; top: 12px; left: 0; display: inline-block; width: auto; padding: 0 20px; height: 40px; line-height: 40px; text-align: center; background: #6AC4BB; color: #ffffff; font-size: 20px; }
#customers .customerLists .customerCard .featureBoxBottom .industry { display: block; }

#customers .customerLists .customerCard .featureBoxBottom .customerLogo img[alt='prweb logo'] { background-color: #063369; padding: 5px; }

.d-select.resourceType .d-select-main label { width: 135px; }
.d-select.productType .d-select-main label { width: 250px; }
.d-select.yearType .d-select-main label { width: 50px; }
#dynamsoft-header { position: fixed; }

#customers .news-title { display: flex; align-items: center; margin-left: 25px; flex-wrap: wrap; gap: 10px 20px; }
    #customers .news-title .d-btn-wrap { --height: 38px; }

@media(max-width: 1679px) {
    #customers .news-title { margin-left: 0; }
    .d-select.resourceType .d-select-main label { width: 105px; }
    .d-select.productType .d-select-main label { width: 193px; }
    .d-select.yearType .d-select-main label { width: 40px; }

    .newsMain ul, .newsMain ul li { list-style: disc; font-size: 16px }
        .newsMain ul li { margin-bottom: 7px }
}

@media (min-width: 768px) {
    #newsBanner { padding-top: 90px; }
    .sm-tr { text-align: right; }
    #newsContent .news-nav { width: 100px; padding-top: 108px; float: left; z-index: 2; }
        #newsContent .news-nav li { text-align: right; position: relative; height: 45px; line-height: 45px; padding-right: 35px; }
            #newsContent .news-nav li > a { color: #aaa; display: block; font-size: 14px; }
            #newsContent .news-nav li.on a { color: #fe8e14; }
    #newsContent .news-inner { position: relative; border-left: solid 1px #ccc; float: right; width: calc(100% - 100px); }
        #newsContent .news-inner h2 { padding: 0 0 15px 70px; margin-top: -22px; text-align: left; }
    #newsContent .news li { padding-left: 70px; }
    #newsContent .date { padding-left: 0; line-height: 30px; }
    #newsContent .news-nav li.on .icntop { position: absolute; z-index: 2; right: -17px; top: 5px; display: inline-block; width: 35px; height: 35px; background: url(../../images/icons/bg-news-navLi-icntop22x22.png) no-repeat center center; }
    #newsContent .news-nav li.on .icnbottom { position: absolute; opacity: .5; right: -17px; top: 5px; display: inline-block; width: 35px; height: 35px; background: url(../../images/icons/bg-news-navLi-icnbottom-34x34.png) no-repeat center center; }
    #newsContent .news-nav.fixed { position: fixed; top: -68px; }
}



@media (max-width: 991px) {
    .newsMain .social-media { padding: 40px 0; border-top: 1px solid #eee; }
        .newsMain .social-media li { float: left; margin-left: 17px; height: 35px; line-height: 32px; list-style: none; }
            .newsMain .social-media li:first-child { margin: 0 5px 0 0; color: #aaa; font-family: OpenSans-Semibold; }
            .newsMain .social-media li a { display: inline-block; width: 35px; height: 35px; background: url(../../images/icons/pr-socialmedia-35x35.png) no-repeat center top; }
            .newsMain .social-media li .tw { background-position: center -35px; }
            .newsMain .social-media li .gg { background-position: center -70px; }
            .newsMain .social-media li .in { background-position: center -105px; }
            .newsMain .social-media li:nth-child(4) { display: none; }
    .addthis-smartlayers { display: none; }
    #newsContent { padding-top: 40px; }

    #customers .customerLists .customerCard { height: 280px; }
        #customers .customerLists .customerCard .featureBoxBottom { padding: 75px 30px 30px 40px; height: 280px; }
            #customers .customerLists .customerCard .featureBoxBottom .customerLogo { height: 35px; width: 240px; text-align: left; }
                #customers .customerLists .customerCard .featureBoxBottom .customerLogo img.KMWorld { width: 156px; }
            #customers .customerLists .customerCard .featureBoxBottom .featureTag { padding: 0 35px; height: 38px; line-height: 38px; font-size: 18px; }
    #paginationDiv .pagination .paginationItem { display: inline-block; color: #323234; cursor: pointer; vertical-align: top; width: 30px; height: 30px; font-size: 16px; line-height: 30px; margin: 0 5px; }

    .newsMain ul, .newsMain ul li { list-style: disc; font-size: 14px }
        .newsMain ul li { margin-bottom: 7px }
}

@media (max-width: 767px) {
    #customers .customerLists .customerCard { height: auto; }
        #customers .customerLists .customerCard .featureBoxBottom { height: auto; }
    #customers .customerOptions { margin-top: 20px; }
}

@media (min-width: 992px) {
    .newsMain { padding-top: 60px; padding-bottom: 60px; }
        .newsMain p { margin-bottom: 20px; }
        .newsMain .type { margin: 42px 0 20px; }
        .newsMain .social-media { display: none; }
    #newsBanner { padding-top: 90px; }
    #newsContent { padding-top: 60px; }
    #newsBanner h1 { padding-right: 50px; margin-bottom: 0; margin-top: 10px; }
    #newsContent .content a { font-size: 18px; font-size: 1.8rem; line-height: 27px; }
    #newsContent .news-nav li > a { font-size: 18px; font-size: 1.8rem; }
    #newsContent .news-nav.fixed { top: -33px; }

    #customers .customerLists .customerCard { height: 300px; }
        #customers .customerLists .customerCard .featureBoxBottom { padding: 75px 30px 30px 40px; height: 300px; }
            #customers .customerLists .customerCard .featureBoxBottom .customerLogo { height: 35px; width: 240px; text-align: left; }
                #customers .customerLists .customerCard .featureBoxBottom .customerLogo img.KMWorld { width: 156px; }
            #customers .customerLists .customerCard .featureBoxBottom .featureTag { padding: 0 30px; height: 36px; line-height: 36px; font-size: 18px; }
}

@media (min-width: 1200px) {
    #newsBanner { padding-top: 85px; }
    #newsContent { padding-top: 60px; }

    #customers .customerLists .customerCard { height: 330px; }
        #customers .customerLists .customerCard .featureBoxBottom { padding: 75px 30px 30px 40px; height: 330px; }
            #customers .customerLists .customerCard .featureBoxBottom .customerLogo { height: 35px; width: 266px; text-align: left; }
                #customers .customerLists .customerCard .featureBoxBottom .customerLogo img.KMWorld { width: 156px; }
            #customers .customerLists .customerCard .featureBoxBottom .featureTag { padding: 0 35px; height: 38px; line-height: 38px; font-size: 18px; }
}

@media (min-width: 1680px) {
    .newsMain { padding-top: 80px; padding-bottom: 80px; }
        .newsMain .go-back { font-size: 18px; font-size: 1.8rem; }
    #newsContent { padding-top: 80px; }

    #customers .customerLists .customerCard { height: 400px; }
        #customers .customerLists .customerCard .featureBoxBottom { padding: 85px 38px 57px 44px; height: 400px; }
            #customers .customerLists .customerCard .featureBoxBottom .featureTag { padding: 0 45px; height: 40px; line-height: 40px; font-size: 20px; }
            #customers .customerLists .customerCard .featureBoxBottom .customerLogo { height: 60px; width: 360px; text-align: left; }
                #customers .customerLists .customerCard .featureBoxBottom .customerLogo img.KMWorld { width: 268px; }

    #customers .customerLists .featureMain:nth-child(3n+3) .featureBox { float: none; }
    #customers .customerLists .featureMain:nth-child(3n+2) .featureBox { margin: auto; }
    #customers .customerLists .featureMain .featureBox { float: none; margin: 0 auto; }
    .customerSelects { margin-left: 25px; }
}
