.pr { position: relative; }
/*  Dynamsoft Web TWAIN Download */
#DWTDownload { margin: 0 auto; padding: 30px; padding-top: 5%; padding-bottom: 10%; }
    #DWTDownload h1 img { display: inline-block; height: 64px; }
    #DWTDownload .desc { font-size: 18px; margin-bottom: 20px; }
    #DWTDownload .ant-tabs-tabpane { padding: 20px 0; }
    #DWTDownload .ant-tabs-nav .ant-tabs-tab:hover,
    #DWTDownload .ant-tabs-nav .ant-tabs-tab-active { color: #FE8E14; }
    #DWTDownload .ant-tabs-ink-bar { background-color: #FE8E14; }
    #DWTDownload .item .icon { position: relative; display: inline-block; width: 50px; height: 50px; vertical-align: middle; border: 2px solid #ccc; border-radius: 3px; line-height: 46px; text-align: center; font-size: 27px; color: #aaa; margin-right: 30px; }
    #DWTDownload .item .detail { display: inline-block; margin-left: 20px; margin-top: 8px; vertical-align: top; }
    #DWTDownload .item .tag { display: block; font-size: 14px; }
    #DWTDownload .noteBox p { position: relative; }
        #DWTDownload .noteBox p:before { content: "\A"; width: 7px; height: 7px; border-radius: 50%; background: #fe8e14; position: absolute; transform: rotate( 180deg ); left: -18px; top: 6px }

    /* 2022/09/05 Frank */
    #DWTDownload .bookAMeetingBtn { margin-top: 40px; height: 110px; background-color: #F5F5F5; padding: 0 35px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
        #DWTDownload .bookAMeetingBtn p { margin: 0 0; font-size: 16px; }
        #DWTDownload .bookAMeetingBtn a { border: 2px solid #fe8e14; background-color: transparent; line-height: 38px; height: 42px; width: 170px; text-align: center; padding: 0 0; }
.bookMeeting { background-color: #F5F5F5; margin-top: 40px; display: none; }
    .bookMeeting p:first-child { margin: 0 0; text-align: center; font-size: 32px; font-family: Oswald-Regular; padding: 29px 0; }
#DWTDownload .bookMeeting .bookMeetingInputBox { padding-bottom: 0; }
.bookMeeting .timeInputChoose, .bookMeeting .bookMeetingForm { display: flex; justify-content: center; flex-wrap: wrap; }
    .bookMeeting .bookMeetingForm .basicFormGroup:nth-child(7).oneline { margin-right: 0; width: 725px; }

#DWTDownload .ant-tabs-nav-wrap { border-bottom: 1px solid #ddd; margin-top: 50px; margin-bottom: 30px; }
#DWTDownload .ant-tabs-tab { display: inline-block; padding: 5px 10px; font-size: 16px; margin-right: 30px; cursor: pointer; }
    #DWTDownload .ant-tabs-tab.on { color: #FE8E14; }
#DWTDownload .tab-pane { display: none; }
    #DWTDownload .tab-pane.on { display: block; }
#DWTDownload .noteBox { margin-top: 40px }
    #DWTDownload .noteBox p { margin-bottom: 8px; font-size: 14px; line-height: 20px; }
        #DWTDownload .noteBox p:last-child { margin-bottom: 0; }

#DWTDownload.plus { padding-top: 70px; padding-bottom: 100px; }
#DWTDownload h1.title img { vertical-align: top; }
#DWTDownload h1.title span.titleVersion { margin-left: 0; padding: 0; font-size: 30px; display: inline-block; height: 60px; line-height: 60px; vertical-align: top; }
    #DWTDownload h1.title span.titleVersion:before { display: none; }
#DWTDownload .proxyItem { margin-top: 60px; position: relative; }
    #DWTDownload .proxyItem:first-child { margin-top: 50px; }
    #DWTDownload .proxyItem h2 { font-size: 24px; line-height: 30px; margin-bottom: 26px; }
    #DWTDownload .proxyItem .editionItem { margin-bottom: 20px; background: #F5F5F5; padding: 14px 34px 14px 40px; }
        #DWTDownload .proxyItem .editionItem:last-child { margin-bottom: 0; }
        #DWTDownload .proxyItem .editionItem.linux { padding-top: 25px; padding-bottom: 25px; }
        #DWTDownload .proxyItem .editionItem .icon { position: relative; display: inline-block; width: 45px; height: 45px; vertical-align: middle; border-radius: 3px; line-height: 46px; text-align: center; font-size: 46px; color: #606060; margin-right: 30px; margin-top: 10px; }
            #DWTDownload .proxyItem .editionItem .icon .macos { display: inline-block; width: 45px; height: 45px; background: url(../../images/icons/macOS.svg) no-repeat center center; }
        #DWTDownload .proxyItem .editionItem .editionName { display: inline-block; height: 45px; line-height: 45px; vertical-align: middle; font-size: 18px; margin-top: 10px; }
        #DWTDownload .proxyItem .editionItem .versionName { display: inline-block; height: 45px; line-height: 45px; vertical-align: middle; font-size: 18px; margin-top: 10px; }

        #DWTDownload .proxyItem .editionItem .detail { display: inline-block; float: right; margin-top: 8px; vertical-align: top; }
            #DWTDownload .proxyItem .editionItem .detail a { font-size: 20px; color: #FE8E14; }
                #DWTDownload .proxyItem .editionItem .detail a:hover { opacity: 0.7 }
            #DWTDownload .proxyItem .editionItem .detail .icon-download-circle { fill: none; width: 20px; height: 20px; stroke: #FE8E14; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; margin-top: -2px; margin-left: 6px; transition: stroke 0.3s; -webkit-transition: stroke 0.3s; -moz-transition: stroke 0.3s; -ms-transition: stroke 0.3s; -o-transition: stroke 0.3s; }
            #DWTDownload .proxyItem .editionItem .detail a:hover .icon-download-circle { stroke: #fbaf5c; }
            #DWTDownload .proxyItem .editionItem .detail .packageSize { display: block; width: auto; height: 30px; text-align: right; font-size: 14px; line-height: 30px; color: #606060; vertical-align: top; }
        #DWTDownload .proxyItem .editionItem .tag { display: block; font-size: 14px; }
        #DWTDownload .proxyItem .editionItem .proxyList { display: inline-block; vertical-align: top; width: calc(100% - 79px); }
        #DWTDownload .proxyItem .editionItem .proxyLine { height: 30px; font-size: 18px; line-height: 30px; margin-bottom: 12px; }
            #DWTDownload .proxyItem .editionItem .proxyLine:last-child { margin-bottom: 0; }
            #DWTDownload .proxyItem .editionItem .proxyLine .detail { margin-top: 0; }
        #DWTDownload .proxyItem .editionItem .detail a.grayDownloadBtn .icon-download-circle { stroke: #606060; }
        #DWTDownload .proxyItem .editionItem .detail a.grayDownloadBtn:hover .icon-download-circle { stroke: #999999; }
#DWTDownload .noteBox.proxyNote { padding: 25px 40px 25px 60px; font-size: 16px; background: #F5F5F5; }
    #DWTDownload .noteBox.proxyNote p:before { width: 9px; height: 9px; }
#DWTDownload .proxyItem .editionItem .downloadName, #DWTDownload .proxyItem .editionItem .proxyName { cursor: pointer }
    #DWTDownload .proxyItem .editionItem .downloadName:hover, #DWTDownload .proxyItem .editionItem .proxyName:hover { opacity: 0.7 }
#DWTDownload.plus .proxyItem .editionItem .icon { position: relative; display: inline-block; width: 45px; height: 45px; vertical-align: middle; border-radius: 3px; line-height: 46px; text-align: center; font-size: 46px; color: #606060; margin-right: 30px; }
#DWTDownload.plus .proxyItem .editionItem .detail .packageSize { display: inline-block; width: 77px; height: 30px; text-align: right; font-size: 16px; line-height: 30px; color: #606060; vertical-align: top; }
#DWTDownload.plus .proxyItem .editionItem .editionName { display: inline-block; height: 45px; line-height: 45px; vertical-align: middle; font-size: 18px; }
#DWTDownload.plus .proxyItem .editionItem .versionName { display: inline-block; height: 45px; line-height: 45px; vertical-align: middle; font-size: 18px; }

#DWTDownload .main { max-width: 850px; margin: 0 auto; }
    #DWTDownload .main .download-btn { display: flex; align-items: center; gap: 13px; }
        #DWTDownload .main .download-btn > a { display: flex; align-items: center; gap: 30px; padding: 0 28px; font-size: clamp(14px, 2vw, 24px); }
        #DWTDownload .main .download-btn > p { margin: 0; font-size: 14px; color: #606060; }

    #DWTDownload .main .otherInstallers { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; }
        #DWTDownload .main .otherInstallers > div { flex: 1 1 220px; border: 1px solid #CCCCCC; background-color: #F5F5F5; padding: 30px 40px; }
            #DWTDownload .main .otherInstallers > div p { font-size: 16px; font-family: "OpenSans-Semibold"; }
#DWTDownload .main .otherInstallers > div a { font-size: 14px; vertical-align: middle; color: #323234; }
                #DWTDownload .main .otherInstallers > div a img { vertical-align: top; margin-top: 3px; }
                #DWTDownload .main .otherInstallers > div a:hover { color: #f38e14; }
#DWTDownload .main .otherInstallers > div a:hover img { opacity: 0.7 }
#DWTDownload .main .note { padding: 24px 40px; border: 1px solid #CCCCCC; }
        #DWTDownload .main .note p { margin-bottom: 0; }
        #DWTDownload .main .note ul { padding-left: 20px; }
            #DWTDownload .main .note ul li { font-size: 14px; list-style: disc; }
                #DWTDownload .main .note ul li::marker { font-size: 18px; color: #fe8e14; }
                #DWTDownload .main .note ul li:not(:last-child) { margin-bottom: 5px; }

    #DWTDownload .main .booking { display: flex; gap: 20px 70px; align-items: center; flex-wrap: wrap; }
        #DWTDownload .main .booking p { flex: 1 1 340px; font-size: 14px; }

#DWTDownload .main .note.ocr_note .title { font-size: 16px; line-height: 26px; margin-bottom: 10px; }
#DWTDownload .main .note.ocr_note .title span { display: inline-block; vertical-align: top; margin-left: 14px; font-size: 12px; line-height: 26px; background: #F5F5F5; color: #3E7397; padding: 0 12px; }
#DWTDownload .main .note.ocr_note .title span .icon-info { display: inline-block; width: 17px; height: 17px; margin-right: 5px; }
#DWTDownload .main .note.ocr_note div { display: flex; gap: 100px; }
#DWTDownload .main .note.ocr_note div p { width: 440px; font-size: 14px; line-height: 24px; }
#DWTDownload .main .note.ocr_note div a { flex: 1; color: #323234; font-size: 14px; }
#DWTDownload .main .note.ocr_note div a:hover { color: #f38e14; }
#DWTDownload .main .note.ocr_note div a:hover img { opacity: 0.7 }

@media (max-width: 1199px) { #DWTDownload.plus { padding-top: 60px; padding-bottom: 80px; }
    #DWTDownload .proxyItem .editionItem .editionName, #DWTDownload .proxyItem .editionItem .versionName, #DWTDownload .proxyItem .editionItem .proxyLine { font-size: 16px; }
    #DWTDownload .proxyItem .editionItem .detail a { font-size: 18px; }
    #DWTDownload .proxyItem .editionItem .detail .packageSize { font-size: 14px; }
    #DWTDownload .main .note.ocr_note div { gap: 50px; }
}

@media (max-width: 991px) {
    #DWTDownload .main .otherInstallers > div { padding: 30px 30px; }
    #DWTDownload .main .note.ocr_note div { gap: 20px; }
    #DWTDownload .main .note.ocr_note div p { width: 330px; }
}


@media (max-width: 768px) {
    #DWTDownload.plus { padding-top: 50px; padding-bottom: 60px; }
    #DWTDownload .desc { font-size: 14px; }
    #DWTDownload .ant-tabs-tab { margin-right: 10px; }
    #DWTDownload .item .icon { margin-bottom: 10px; }

    #DWTDownload .proxyItem .editionItem .proxyLine { height: auto; line-height: 20px; }
    #DWTDownload .proxyItem .editionItem .icon { margin-right: 20px; }
    #DWTDownload .proxyItem .editionItem .detail { float: none; display: block; padding-left: 68px; }
    #DWTDownload .proxyItem .editionItem .proxyLine .detail { padding-left: 0; margin-top: 10px; }
    #DWTDownload .proxyItem .editionItem .detail .packageSize { line-height: 26px; text-align: left; }
    #DWTDownload .proxyItem .editionItem .proxyLine .detail .packageSize { height: 24px; line-height: 20px; }
    #DWTDownload .proxyItem .editionItem .versionName { float: none; padding-left: 68px; line-height: 20px; margin-right: 0; }
}

@media (max-width: 575px) {
    #DWTDownload .proxyItem h2 { font-size: 18px; line-height: 26px; margin-bottom: 20px; }
    #DWTDownload .proxyItem .editionItem { padding: 14px 28px 14px 20px; }
        #DWTDownload .proxyItem .editionItem .icon { display: none; }
        #DWTDownload .proxyItem .editionItem .detail { float: none; display: block; padding-left: 0; }
        #DWTDownload .proxyItem .editionItem .editionName, #DWTDownload .proxyItem .editionItem .versionName { height: auto; }
        #DWTDownload .proxyItem .editionItem .editionName, #DWTDownload .proxyItem .editionItem .versionName, #DWTDownload .proxyItem .editionItem .proxyName { line-height: 20px; word-break: break-all }
    #DWTDownload .noteBox.proxyNote { padding: 20px 30px; }
        #DWTDownload .noteBox.proxyNote p::before { width: 7px; height: 7px; }
    #DWTDownload h1 img { width: 210px; }
    #DWTDownload h1.title span.titleVersion { font-size: 20px; }
    #DWTDownload .proxyItem { margin-top: 40px; }
        #DWTDownload .proxyItem:first-child { margin-top: 20px; }
        #DWTDownload .proxyItem .editionItem .proxyList { width: 100%; }
}

/*  SourceAnywhere Download */
#sawDownload { color: #606060; font-size: 16px; }
    #sawDownload p { font-size: 16px; }
    #sawDownload .mb5 { margin-bottom: 5px; }
    #sawDownload .pr { position: relative; }
    #sawDownload .f14 { font-size: 14px }
    #sawDownload .f16 { font-size: 16px }
    #sawDownload .f18 { font-size: 18px }
    #sawDownload ul { list-style: none; padding-left: 0; }
    #sawDownload .d-btn { display: inline-block; padding: 0 25px; height: 38px; line-height: 32px; font-family: OpenSans-Semibold; font-size: 14px; text-align: center; cursor: pointer; border: 2px solid #fe8e14; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; transition: all .2s ease-in-out; }
        #sawDownload .d-btn, #sawDownload .d-btn:link, #sawDownload .d-btn:visited { color: #fe8e14; }
            #sawDownload .d-btn.bgOrange { background: #fe8e14; color: #fff; }
#sawDownloadTop .applications { position: relative; height: auto; padding: 40px 30px; border: solid 1px #ddd; }
#sawDownloadTop p { font-size: 14px; line-height: 24px; }
#sawDownloadTop .type { margin-bottom: 15px; font-family: OpenSans-Semibold; font-size: 18px; line-height: 27px; color: #444; }
#sawDownloadTop .downloadlink { margin-top: 20px; }
    #sawDownloadTop .downloadlink .size { margin-left: 15px; font-size: 14px; color: #999; }
#sawDownloadMid { font-size: 14px; line-height: 24px; }
    #sawDownloadMid .type { font-family: OpenSans-Semibold; font-size: 18px; line-height: 27px; color: #444; }
    #sawDownloadMid .cutLine { margin: 35px 0 30px; border-color: #ddd; }
    #sawDownloadMid .clickshow { display: inline-block; margin-bottom: 5px; font-family: OpenSans-Semibold; color: #444; }
        #sawDownloadMid .clickshow i { font-weight: bold; color: #444; }
    #sawDownloadMid .slide li { position: relative; margin-top: 10px; padding-left: 15px; font-size: 16px; }
        #sawDownloadMid .slide li:before { position: absolute; top: 10px; left: 0; content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #999; }
    #sawDownloadMid .name { font-family: OpenSans-Semibold; color: #444; }
    #sawDownloadMid .size { margin-left: 15px; color: #444; }
    #sawDownloadMid li .d-btn { margin-top: 13px; margin-bottom: 23px; }
#sawDownloadBottom .history-version li { margin-bottom: 20px; }
    #sawDownloadBottom .history-version li p { margin-bottom: 0; }
    #sawDownloadBottom .history-version li a { display: inline-block; margin-top: 5px; font-size: 14px; }
#sawDownloadBottom .notes li { padding: 3px 0; margin-bottom: 8px; }
#sawDownload .h1, #sawDownload h1 { font-size: 24px; line-height: 36px; }
#sawDownloadBottom .fa-download { font-size: 14px; }
#sawDownloadBottom .list-disc { list-style: disc; padding-left: 20px; }

@media (min-width: 768px) {
    #sawDownloadTop .applications { padding: 40px 45px; }
    #sawDownloadTop .downloadlink { margin-top: 25px; }
    #sawDownloadMid li .d-btn { float: right; margin: 0; }
    #sawDownloadMid li { min-height: 55px; line-height: 32px; }
    #sawDownloadMid .gui-client li { min-height: 24px; line-height: 24px; }
    #sawDownloadMid .slide { margin-bottom: 35px; }
    #sawDownloadMid .cutLine { margin: 40px 0 35px; }
    #sawDownload .h1, #sawDownload h1 { font-size: 36px; line-height: 48px; }
}

@media (min-width: 992px) {
    #sawDownloadTop .applications { padding: 40px 35px; min-height: 337px; }
    #sawDownloadTop .server-side .left { float: left; width: 57%; padding-right: 30px; }
    #sawDownloadTop .server-side .right { float: left; width: 43%; height: 205px; padding-left: 35px; margin-top: 50px; border-left: 1px dashed #ddd; }
        #sawDownloadTop .server-side .right .fontBold { margin-top: -7px; }
    #sawDownloadBottom .history-version li { margin-bottom: 25px; }
        #sawDownloadBottom .history-version li p { margin-bottom: 3px; }
        #sawDownloadBottom .history-version li a { font-size: 16px; }
    #sawDownload .md-mt20 { margin-top: 20px; }
    #sawDownload .h1, #sawDownload h1 { font-size: 40px; line-height: 54px; }
}

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

/*  Dynamsoft .NET TWAIN Download */
#DNTDownload ul { padding: 0; list-style: none; }
#dntDownloadTop h1 span { display: block; color: #606060; margin-top: 15px; font-size: 24px; line-height: 36px; color: #606060; font-family: OpenSans-Semibold; }
#dntDownloadTop { font-size: 14px; justify-content: center; }
    #dntDownloadTop .f18 { font-size: 18px; }
#dntDownloadBtm { font-size: 16px; color: #606060; justify-content: space-around; }
    #dntDownloadBtm .ct-lt dl { width: 230px; }
    #dntDownloadBtm .ct-lt dt a { display: inline-block; }
    #dntDownloadBtm .ct-lt dt span { display: inline-block; position: absolute; top: 32%; left: 35%; width: 60px; height: 60px; background: url(https://www.dynamsoft.com/assets/img-icon/icn-video-60x60.png) no-repeat center top; }
    #dntDownloadBtm .ct-lt dt a:hover span { background-position: center -60px; }
    #dntDownloadBtm .f14, #dntDownloadTop .f14 { font-size: 14px; }

@media (max-width: 767px) {
    #dntDownloadTop h1 img.visible-xs { display: inline-block !important; }
}

@media (min-width: 768px) {
    #dntDownloadTop h1 a { float: left; }
    #dntDownloadTop h1 span { position: relative; float: left; padding-left: 17px; margin: 20px 0 0 19px; height: 25px; font-size: 18px; line-height: 25px; font-family: OpenSans-Semibold; color: #444; }
        #dntDownloadTop h1 span:before { display: block; content: ''; width: 1px; height: 17px; background: #aaa; position: absolute; top: 4px; left: 0; }
    #dntDownloadBtm .ct-rt { padding-left: 45px; }
    #dntDownloadBtm .ct-lt { padding-left: 60px; border-left: solid 1px #eee; }
    #dntDownloadBtm .sm-f16 { font-size: 16px; }
}

@media (min-width: 992px) {
    #dntDownloadBtm .ct-lt { padding-left: 15px; border-left: none; }
    #dntDownloadBtm .ct-rt { padding-left: 80px; }
    #dntDownloadTop .md-f16 { font-size: 16px; }
}

@media (min-width: 1200px) {
    #dntDownloadBtm p.mb5 { margin-bottom: 5px; }
    #dntDownloadBtm .ct-rt { padding-left: 115px; }
    #DWTDownload .noteBox { margin-top: 40px }
}

@media (min-width: 1680px) {
    #dntDownloadBtm .ct-rt { padding-left: 165px; }
    #DWTDownload .noteBox { margin-top: 50px }
        #DWTDownload .noteBox p { margin-bottom: 10px; font-size: 16px; }
}


/* Dynamsoft Barcode Reader Downloads */
#dbrDownload .downloadHeader .applicationType { text-align: center; }
    #dbrDownload .downloadHeader .applicationType span { vertical-align: top; height: 60px; line-height: 60px; }
    #dbrDownload .downloadHeader .applicationType .application-nav { display: inline-block; vertical-align: top; }

@media (max-width: 767px) {
    #dntDownloadTop h1 img.visible-xs { display: inline-block !important; }
}

@media (min-width: 768px) {
    #dbrDownload .downloadHeader .applicationType span { font-size: 18px; }
}

@media (min-width: 992px) {
    #dbrDownload .downloadHeader .applicationType span { font-size: 20px; }
}

@media (min-width: 1200px) {
    #dbrDownload .downloadHeader .applicationType span { font-size: 20px; }
}

@media (min-width: 1600px) {
    #dbrDownload .downloadHeader .applicationType span { font-size: 24px; }
}


/* Title */
.downloadHeader h2 { margin-bottom: 45px; }


p.dlr-panel-title { font-size: 30px; margin: 0 0 50px 45px; }
.dlrDemoPanel .item .links { display: flex; flex-wrap: wrap; justify-content: space-between; width: 80%; height: 80px; }
#dlrPanel.dlrDemoPanel .item .text { height: auto; margin: 0 0 20px 0; }
.dlrDemoPanel .item .links a { margin-top: 10px; }


/* Panels */
#dlrPanel { width: 100%; }
    #dlrPanel a { color: #50A8E1; }
    #dlrPanel .item { display: inline-block; width: 450px; text-align: left; border: 0; background: #F5F5F5; vertical-align: middle; position: relative; padding: 38px 0 38px 53px; margin: 10px 45px 30px; }
        #dlrPanel .item .title { font-size: 30px; margin-bottom: 25px; }
        #dlrPanel .item .text { font-size: 18px; line-height: 26px; margin-bottom: 25px; height: 52px; }
        #dlrPanel .item .orangeLink { font-size: 20px; }
            #dlrPanel .item .orangeLink i.download-arrow { vertical-align: top; margin-top: 6px; }
            #dlrPanel .item .orangeLink:hover i.download-arrow { background: url(../../images/icons/download_arrow_hover.png) no-repeat; background-size: cover; }
    #dlrPanel .oneOne { border: none; background: #F5F5F5; line-height: 160px; }
    #dlrPanel .oneOneBtn { border: 2px solid #FE8E14; color: #FE8E14; width: 295px; height: 45px; display: inline-block; font-size: 20px; line-height: 41px; }
.dlr-download .dlrDownloadDesc { padding: 0 55px; }
    .dlr-download .dlrDownloadDesc div { border: 2px solid #EEEEEE; padding: 18px 44px; }
.dlr-download .title { font-size: 20px; }
.dlr-download .desc { font-size: 16px; margin-bottom: 0px; }
    .dlr-download .desc i.fa-check { font-size: 14px; margin-bottom: 0px; margin-right: 10px; }
/* media query */
@media (max-width: 1679px) {
    #dlrPanel .item { display: inline-block; width: 328px; text-align: left; border: 0; background: #F5F5F5; vertical-align: middle; position: relative; padding: 35px 0 35px 40px; margin: 10px 24px 20px; }
        #dlrPanel .item .title { font-size: 24px; margin-bottom: 20px; }
        #dlrPanel .item .text { font-size: 16px; line-height: 26px; margin-bottom: 20px; height: 52px; }
        #dlrPanel .item .orangeLink { font-size: 18px; }
            #dlrPanel .item .orangeLink i.download-arrow { width: 18px; height: 18px; margin-top: 4px; }
    .dlr-download .dlrDownloadDesc div { padding: 15px 30px; }
    .dlr-download .title { font-size: 18px; }
    .dlr-download .desc { font-size: 14px; margin-bottom: 0px; }
        .dlr-download .desc i.fa-check { font-size: 12px; margin-bottom: 0px; margin-right: 8px; }

    .dlrDemoPanel .item .links { width: 88%; }
    p.dlr-panel-title { font-size: 24px; margin: 0 0 50px 24px; }
}

@media (max-width: 1199.98px) {
    #dlrPanel .item { display: inline-block; width: 400px; text-align: left; border: 0; background: #F5F5F5; vertical-align: middle; position: relative; padding: 35px 0 35px 40px; margin: 10px 39px 20px; }
        #dlrPanel .item .title { font-size: 24px; margin-bottom: 20px; }
        #dlrPanel .item .text { font-size: 16px; line-height: 26px; margin-bottom: 20px; height: 52px; }
        #dlrPanel .item .orangeLink { font-size: 18px; }
            #dlrPanel .item .orangeLink i.download-arrow { width: 18px; height: 18px; margin-top: 4px; }
    .dlr-download .dlrDownloadDesc div { padding: 15px 25px; }
    .dlr-download .title { font-size: 18px; }
    .dlr-download .desc { font-size: 14px; margin-bottom: 0px; }
        .dlr-download .desc i.fa-check { font-size: 12px; margin-bottom: 0px; margin-right: 8px; }

    p.dlr-panel-title { font-size: 20px; margin: 0 0 50px 39px; }
}

@media (max-width: 991.98px) {
    #dlrPanel { text-align: center; }
    .dlr-download .dlrDownloadDesc { padding: 0px; }
    .dlr-download .title { font-size: 16px; }
    .dlr-download .dlrDownloadDesc div { padding: 15px 20px; }
    p.dlr-panel-title { font-size: 20px; margin: 0 auto; margin-bottom: 50px; text-align: center; }
    .dlrDemoPanel .item .links { height: auto; }

    /* 2022/09/05 Frank */
    #DWTDownload .bookAMeetingBtn a { font-size: 16px; }
    #DWTDownload .bookAMeetingBtn p { width: 50%; }

    .bookMeeting p:first-child { font-size: 24px; }
    .bookMeeting .timeInputChoose, .bookMeeting .bookMeetingForm { display: block; }
        .bookMeeting .bookMeetingForm .basicFormGroup:nth-child(7).oneline { width: 100%; }
    #DWTDownload #txtPreferredTime { width: 250px; }
}

@media (max-width: 767.98px) {
    /* 2022/09/05 Frank */
    #DWTDownload .bookAMeetingBtn { justify-content: center; padding: 20px; height: auto; }
        #DWTDownload .bookAMeetingBtn a { font-size: 16px; margin-top: 20px; }
        #DWTDownload .bookAMeetingBtn p { width: 100%; }
    #DWTDownload #txtPreferredTime { width: 100%; }
    .bookMeeting .bookMeetingForm .basicFormGroup { margin-bottom: 20px; }
        .bookMeeting .bookMeetingForm .basicFormGroup .basicFormInput { border: 1px solid rgb(204, 204, 204); }
}

@media (max-width: 575.98px) {
    #dlrPanel .oneOne { border: none !important; }
    #dlrPanel .item { border: none; width: 100%; margin: 0px; margin-bottom: 40px; }
        #dlrPanel .item .title { font-size: 26px; margin-bottom: 21px; }

        #dlrPanel .item .text { font-size: 14px; line-height: 26px; }

    /* 2022/09/05 Frank */
    .bookMeeting p:first-child { font-size: 18px; }
}

#dbrDownload .windows, #dbrDownload .linux { display: inline-block; background: none; background-size: cover; width: auto; height: auto; }
#dbrDownload .bgOrange { background: #fe8e14; }
#dbrDownload .d-btn { display: inline-block; padding: 0 25px; height: 38px; line-height: 32px; font-family: OpenSans-Semibold; font-size: 14px; text-align: center; cursor: pointer; border: 2px solid #fe8e14; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; transition: all .2s ease-in-out; }
    #dbrDownload .d-btn.bgOrange { background: #fe8e14; color: #fff; }
    #dbrDownload .d-btn.lgBtn { height: 46px; line-height: 40px; }



#dbrDownload ul { padding: 0; list-style: none; }
#dbrDownload h1 a, #dbrDownload h1 img { display: inline-block; }
#dbrDownload h1 { padding-bottom: 10px; margin-bottom: 5px; }
#dbrDownload .ct-top .cutLine { margin: 18px 0 40px; border-color: #eee; }
#dbrDownload .section { display: none; }
    #dbrDownload .section.on { display: block; }
    #dbrDownload .section .item { position: relative; padding: 50px 20px 45px; margin-top: 30px; border: 1px solid #ddd; border-radius: 3px; }
    #dbrDownload .section .java .item { padding-bottom: 21px; padding-top: 30px }
    #dbrDownload .section .item:first-child { margin-top: 0; }
    #dbrDownload .section .item .tag { display: inline-block; position: absolute; top: -1px; right: 10%; padding: 0 12px; width: auto; height: 24px; font-size: 13px; line-height: 22px; color: #fff; text-align: center; background-color: #febd01; border-radius: 0 0 3px 3px; }
    #dbrDownload .section .platform { position: absolute; left: -1px; top: -1px; width: 45px; height: 45px; color: #fe8e14; border: 1px solid #ddd; border-radius: 3px 0 0; }
#dbrDownload .windows .platform { padding: 7px 12px; font-size: 20px; }
#dbrDownload .linux .platform { background: url(https://www.dynamsoft.com/assets/img-icon/icon-platform-45x45.png) no-repeat center 7px; }
#dbrDownload .section p { font-size: 14px; line-height: 22px; margin-bottom: 8px; width: 100%; }
#dbrDownload .js .platform { background: url(https://www.dynamsoft.com/assets/img-icon/icon-platform-45x45.png) no-repeat center -37px; }
#dbrDownload .ios .platform { padding: 8px 14px; font-size: 21px; }
#dbrDownload .android .platform { padding: 7px 14px; font-size: 23px; }
#dbrDownload .raspberryPi .platform { background: url(https://www.dynamsoft.com/assets/img-icon/icon-platform-45x45.png) no-repeat center -90px; }
#dbrDownload .section .item li { margin-bottom: 4px; font-size: 14px; line-height: 24px; text-align: center; }
    #dbrDownload .section .item li.title { margin-bottom: 14px; font-size: 18px; line-height: 27px; color: #444; font-family: OpenSans-Semibold; }
    #dbrDownload .section .item li.link { margin-top: 25px; }
    #dbrDownload .section .item li.lang { margin-top: 20px; color: #999; }
    #dbrDownload .section .item li.verPackage .ver { margin-right: 20px; }
#dbrDownload .ct-rt { padding-top: 20px; }
    #dbrDownload .ct-rt .schedule { font-size: 14px; line-height: 24px; }
    #dbrDownload .ct-rt hr { margin: 22px 0; border-color: #eee; }
    #dbrDownload .ct-rt ul li { position: relative; padding-left: 15px; margin-bottom: 18px; }
        #dbrDownload .ct-rt ul li:before { content: ''; display: inline-block; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #aaa; }
        #dbrDownload .ct-rt ul li:last-child { margin-bottom: 0; }
    #dbrDownload .ct-rt li p { margin-bottom: 0; font-size: 14px; line-height: 24px; color: #444; }
    #dbrDownload .ct-rt ul li a { font-size: 14px; line-height: 24px; }
    #dbrDownload .ct-rt ul li.on { display: none; }
.dbr-download .java .maven .title i { float: right; width: 37px; height: 37px; line-height: 36px; text-align: center; border-radius: 50%; border: 1px solid #606060; font-size: 32px; font-style: normal; cursor: pointer; }

#dwtDownloadModal { display: none }
#dwtDownloadModal .modal-mask { position: fixed; top: 0; bottom: 0; left: 0; width: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.5); z-index: 1000; }
#dwtDownloadModal .modal-content { position: fixed; width: 80%; max-width: 750px; height: auto; padding: 40px; background: #ffffff; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001; border: 0; border-radius: 0; }
#dwtDownloadModal .modal-content p.title { font-size: 24px; }
#dwtDownloadModal .modal-content .note { background: #f5f5f5; padding: 30px 40px; margin-top: 20px; font-size: 18px; }
#dwtDownloadModal .modal-content .modal-close { position: absolute; top: -39px; right: 0; cursor: pointer; }
#dwtDownloadModal .modal-content .modal-close .fa-close { font-size: 28px; color: #ffffff; }

@media (max-width: 767px) {
    .dbr-download .java .maven { border: 1px solid #ddd; padding: 10px 30px; border-top: 0; margin-top: 0; }
    #detail { flex-direction: column; }
    #left-wrapper { padding-bottom: 60px; width: 80%; margin-right: 0px; }
    #img-wrapper { width: 100% !important; padding-bottom: 60% !important; }
    #dbrDownload .section .java { margin-top: 30px; }
    #dbrDownload .section .item { width: 100%; }
}

@media (min-width: 768px) {
    .dbr-download .java .maven { border: 1px solid #ddd; margin-top: -30px; padding: 10px 20px; position: absolute; width: 100%; background: #FFFFFF; z-index: 11; }
    #dbrDownload h1 span { position: relative; top: 2px; margin: 0 0 0 15px; padding: 0 0 0 15px; display: inline-block; font-size: 18px; font-size: 1.8rem; line-height: 34px; color: #444; font-family: OpenSans-Semibold; vertical-align: text-bottom; }
        #dbrDownload h1 span:before { display: block; content: ''; width: 1px; height: 17px; background: #aaa; position: absolute; top: 9px; left: 0; }
    #dbrDownload .ct-top { padding-bottom: 25px; }
        #dbrDownload .ct-top p { margin: 12px 0 5px; }

    #dbrDownload .ct-rt { padding-top: 0; }
        #dbrDownload .ct-rt ul li { float: left; width: 33.33%; }
    #dbrDownload .section .item { margin-top: 0; margin-bottom: 25px; }
        #dbrDownload .section .item.span5, #dbrDownload .section .span5 { display: inline-block; width: 48%; float: left; }
        #dbrDownload .section .item.windows, #dbrDownload .section .item.linux { margin-right: 4%; }
        #dbrDownload .section .item.ios { margin-right: 4%; }
        #dbrDownload .section .item.python { min-height: 235px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; }
        #dbrDownload .section .item.linux { min-height: 235px; }
        #dbrDownload .section .item.windows { min-height: 241px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    #dbrFeatureOptional .bgMask { position: absolute; width: 200vw; height: 100%; top: 0; left: -50vw; background: #606060; }
    #dbrDownload .ct-rt ul li { min-height: 75px; }
}

@media (min-width: 992px) {
    #dbrDownload h1 span { top: 0px; }
    #dbrDownload .ct-top { padding-bottom: 35px; }
    #dbrDownload .section .item { margin-bottom: 30px; }
    #dbrDownload .section.js, #dbrDownload .section.raspberryPi { padding-right: 60px; }
        #dbrDownload .section.raspberryPi .item { padding-bottom: 80px; }
    #dbrDownload .ct-rt { margin-top: -5px; padding-left: 20px; padding-right: 10px; }
        #dbrDownload .ct-rt hr { margin: 22px 0 18px; }
        #dbrDownload .ct-rt ul li { float: none; width: 100%; }

    .dbr-download .java .maven { padding: 10px 30px; }
    #dbrDownload .section .item { margin-top: 0; margin-bottom: 25px; }
        #dbrDownload .section .item.span5, #dbrDownload .section .span5 { display: inline-block; width: 47%; float: left; }
        #dbrDownload .section .item.windows, #dbrDownload .section .item.linux { margin-right: 6%; }
        #dbrDownload .section .item.ios { margin-right: 6%; }
        #dbrDownload .section .item.python { min-height: 235px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; }
        #dbrDownload .section .item.linux { min-height: 235px; }
        #dbrDownload .section .item.windows { min-height: 241px; }
    #dbrDownload .section .java .item { min-height: 186px; }
}

@media (min-width: 1200px) {
    #dbrDownload h1 span { top: 16px; }
    #dbrDownload .ct-rt { padding-left: 60px; padding-right: 15px; }

    #dbrDownload .section .item { margin-top: 0; margin-bottom: 25px; }
        #dbrDownload .section .item.span5, #dbrDownload .section .span5 { display: inline-block; width: 45%; float: left; }
        #dbrDownload .section .item.windows, #dbrDownload .section .item.linux { margin-right: 10%; }
        #dbrDownload .section .item.ios { margin-right: 10%; }
        #dbrDownload .section .item.python { min-height: 235px; padding-bottom: 20px; }
        #dbrDownload .section .item.linux { min-height: 235px; }
        #dbrDownload .section .item.windows { min-height: 241px; }
    #dbrDownload .section .java .item { min-height: 186px; }
    #dbrDownload h1 span { vertical-align: text-top; }
}

#JavaHiddenBtn { line-height: 34px; }
    #JavaHiddenBtn.hide { line-height: 28px }