.bgOrange { background: #FE9816; } .mt100 { margin-top: 100px; } .mt120 { margin-top: 120px; } /*================================= WebTWAIN_Overview.aspx ================================*/ @font-face { font-family: Oswald-Regular; src: local('☺'), url('../font-face/Oswald-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: Oswald-Bold; src: local('☺'), url('../font-face/Oswald-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: Oswald-ExtraLight; src: local('☺'), url('../font-face/Oswald-ExtraLight.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: Oswald-Light; src: local('☺'), url('../font-face/Oswald-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: Oswald-SemiBold; src: local('☺'), url('../font-face/Oswald-SemiBold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: Oswald-Medium; src: local('☺'), url('../font-face/Oswald-Medium.ttf') format('truetype'); font-weight: normal; font-style: normal; } .fontOswald { font-family: Oswald-Regular; } .fontOswaldBold { font-family: Oswald-Bold; } .fontOswaldExtraLight { font-family: Oswald-ExtraLight; } .fontOswaldLight { font-family: Oswald-Light; } .fontOswaldMedium { font-family: Oswald-Medium; } .fontOswaldSemiBold { font-family: Oswald-SemiBold; } .textUpperCase { text-transform: uppercase; } h3.fontNormal { font-family: OpenSans-Regular; } a.orangeLink { color: #FE8E14 } a.orangeLink:hover { color: #FEA543 } a.orangeLink:active { color: #FEA543 } /*#dwtOverviewBanner { padding-top: 30px; padding-bottom: 30px; min-height: 240px; height: auto; background: #F9FBFE; overflow: hidden; } #dwtOverviewBanner .ct-lt { z-index: 1; } #dwtOverviewBanner .logo-dwt { height: 50px; } #dwtOverviewBanner .link { display: block; margin-top: 15px; } #dwtOverviewBanner .ibm { position: relative; margin-right: 30px; } #dwtOverviewBanner .ibm:before { content: ''; display: block; width: 1px; height: 20px; background: #aaa; position: absolute; top: 3px; left: -23px; } #dwtOverviewBanner .ibm img { width: 48px; } #dwtOverviewBanner .martin img { height: 40px; }*/ #dwtOverviewBanner { padding-top: 30px; padding-bottom: 30px; background: #402b16; /*background: url(../images/img-banner/dwt_bg.png) no-repeat; background-size: cover;*/ min-height: 240px; height: auto; overflow: hidden; } #dwtOverviewBanner .ct-lt { z-index: 1; } #dwtOverviewBanner .logo-dwt { height: 50px; } #dwtOverviewBanner .link { display: block; margin-top: 15px; } #dwtOverviewBanner .ibm { position: relative; margin-right: 30px; } #dwtOverviewBanner .ibm:before { content: ''; display: block; width: 1px; height: 20px; background: #aaa; position: absolute; top: 3px; left: -23px; } #dwtOverviewBanner .ibm img { width: 48px; } #dwtOverviewBanner .martin img { height: 40px; } #dwtOverviewCompany { margin-top: 80px; } #dwtOverviewCompany .caseStudys { display: inline-block; width: 27%; border-right: 1px solid #ddd; } #dwtOverviewCompany .caseStudys span { margin-right: 30px; } #dwtOverviewCompany .caseStudys img.ibm { height: 31px; margin-right: 30px; } #dwtOverviewCompany .caseStudys img.lm { height: 40px; } #dwtOverviewCompany .companys { display: inline-block; width: 66%; margin-left: 6%; } #dwtOverviewCompany .companys img { width: 100%; } #dwtOverviewReliable { margin-top: 80px; } #dwtOverviewReliable .functionList { margin-top: 170px; } #dwtOverviewReliable .functionBox { width: 100%; min-height: 275px; margin: 0 auto; background: #F5F5F5; padding: 39px 45px 0 40px; } #dwtOverviewReliable .functionBox.f3 { padding-right: 10px; } #dwtOverviewReliable .functionBox p { font-size: 16px; line-height: 26px; min-height: 114px; } #dwtOverviewReliable .functionBox .icon { position: absolute; width: 64px; height: 64px; text-align: center; border: 1px solid #39393B; left: 57px; top: -32px; background: #FFFFFF; } #dwtOverviewReliable .functionBox .icon .icon-scanner { display: inline-block; width: 40px; height: 40px; margin-top: 10px; background: url('../images/dwt16/scanner.png') no-repeat center center; background-size: 100%; } #dwtOverviewReliable .functionBox .icon .icon-edit { display: inline-block; width: 40px; height: 40px; margin-top: 10px; background: url('../images/dwt16/image-file-edit.png') no-repeat center center; background-size: 100%; } #dwtOverviewReliable .functionBox .icon .icon-export { display: inline-block; width: 40px; height: 40px; margin-top: 10px; background: url('../images/dwt16/export.png') no-repeat center center; background-size: 100%; } #dwtOverviewSupport { margin-top: 150px; } #dwtOverviewSupport table { width: 100%; } #dwtOverviewSupport table tr td { padding: 10px 30px; border: 1px solid #707070 } #dwtOverviewSupport table tr.title td { background: #323234; color: #FFFFFF } #dwtOverviewSupport table tr.title td:last-child { padding: 5px 0; text-align: center; } #dwtOverviewSupport table tr td:nth-child(1) { width: 21.7%; } #dwtOverviewSupport table tr td:nth-child(2) { width: 22%; } #dwtOverviewSupport table tr td:nth-child(4) { width: 16.7%; } #dwtOverviewSupport table tr td p { padding: 0; margin: 0; } #dwtOverviewSupport table tr td .browser { display: inline-block; width: 67px; text-align: center; margin-right: 10px; line-height: 22px; } #dwtOverviewSupport table tr td .ieBrowser { width: 120px; margin-right: 15px; } #dwtOverviewSupport table tr td .browser:last-child { margin-right: 0 } #dwtOverviewStrength { margin-top: 160px; } #dwtOverviewStrength .disc-li { list-style: disc; padding-left: 20px; } #dwtOverviewStrength .disc-li li { list-style: disc; } #dwtOverviewStrength .strengthLine { position: relative; color: #323234; height: 400px; background: url(../images/dwt16/colorF5bg.png) repeat-y; background-size: 61.5%; margin-bottom: 120px; } #dwtOverviewStrength .strengthLine.bgLeft { background: url(../images/dwt16/colorF5bg.png) repeat-y right; background-size: 61.5%; } #dwtOverviewStrength .strengthLine:last-child { margin-bottom: 0; } #dwtOverviewStrength .strengthLine .strengthImg { display: inline-block; width: 480px; height: 300px; margin-top: 60px; margin-left: 50px; } #dwtOverviewStrength .strengthLine.bgLeft .strengthImg { margin-left: 0px; } #dwtOverviewStrength .strengthImg.hide-sm { display: inline-block !important } #dwtOverviewStrength .strengthImg.show-sm { display: none!important } #dwtOverviewStrength .strengthLine .strengthImg img { width: 100%; } #dwtOverviewStrength .strengthLine .disc { display: inline-block; width: 480px; vertical-align: top; margin-left: 115px; } #dwtOverviewStrength .strengthLine .disc ul { margin-top: 10px } #dwtOverviewStrength .strengthLine .disc ul li { margin-bottom: 10px } #dwtOverviewStrength .strengthLine.three .strengthImg { margin-top: 76px; } #dwtOverviewVolume { height: 430px; background: #F5F5F5; margin-top: 210px; } #dwtOverviewVolume .volumeLeft { padding-left: 52px; padding-top: 80px; padding-right: 35px; } #dwtOverviewVolume .volumeLeft h3 { padding-right: 60px; } #dwtOverviewVolume .volumeList { padding: 0; list-style: none; } #dwtOverviewVolume .volumeList li { display: inline-block; width: 231px; margin-right: 16px; font-size: 16px; line-height: 28px; vertical-align: top; } #dwtOverviewVolume .volumeList li:nth-child(3), #WebTwainOverview .dwtOverviewVolume .volumeList li:nth-child(6) { margin-right: 0; } #dwtOverviewVolume .volumeList li span.icon { display: inline-block; width: 60px; height: 60px; border: 1px solid #323233; margin-bottom: 10px; } #dwtOverviewVolume .volumeList li:nth-child(1) span.icon { background: url(../images/dwt16/vectors-add-anchor.png) #FFFFFF no-repeat center center; background-size: 70% !important; } #dwtOverviewVolume .volumeList li:nth-child(2) span.icon { background: url(../images/dwt16/vectors-anchor-rectangle.png) #FFFFFF no-repeat center center; background-size: 70% !important; } #dwtOverviewVolume .volumeList li:nth-child(3) span.icon { background: url(../images/dwt16/cursor-double-click.png) #FFFFFF no-repeat center center; background-size: 70% !important; } #dwtOverviewVolume .volumeList li:nth-child(4) span.icon { background: url(../images/dwt16/computer-chip-core.png) #FFFFFF no-repeat center center; background-size: 60% !important; } #dwtOverviewVolume .volumeList li:nth-child(5) span.icon { background: url(../images/dwt16/computer-chip-64.png) #FFFFFF no-repeat center center; background-size: 70% !important; } #dwtOverviewVolume .volumeList li:nth-child(6) span.icon { background: url(../images/dwt16/paginate-filter-picture.png) #FFFFFF no-repeat center center; background-size: 70% !important; } #dwtOverviewAction { height: 330px; padding-top: 60px; margin-top: 200px; } #dwtOverviewAction .actionLeft { padding-right: 48px; padding-left: 48px; } #dwtOverviewAction img { width: 100%; margin-top: -90px; } #dwtOverviewPowerful { height: 380px; background: #F5F5F5; margin-top: 220px; } #dwtOverviewPowerful .powerfulLeft { padding-left: 50px; padding-top: 102px; } #dwtOverviewPowerful .powerfulList { padding: 0; list-style: none; padding-left: 30px; } #dwtOverviewPowerful .powerfulList li { display: inline-block; position: relative; width: 300px; height: 210px; padding: 45px 30px 0; margin-right: 30px; color: #FFFFFF; font-size: 16px; line-height: 28px; vertical-align: top; background: #306877; } #dwtOverviewPowerful .powerfulList li:nth-child(2), #WebTwainOverview .dwtOverviewPowerful .powerfulList li:nth-child(4) { margin-right: 0; } #dwtOverviewPowerful .powerfulList li span.icon { position: absolute; width: 60px; height: 60px; border: 1px solid #323233; top: -30px; left: 30px; } #dwtOverviewPowerful .powerfulList li:nth-child(1) span.icon { background: url(../images/dwt16/barcode-search.svg) #FFFFFF no-repeat center center; background-size: 35px; } #dwtOverviewPowerful .powerfulList li:nth-child(2) span.icon { background: url(../images/dwt16/webcam-2.svg) #FFFFFF no-repeat center center; background-size: 30px; } #dwtOverviewPowerful .powerfulList li:nth-child(3) span.icon { background: url(../images/dwt16/office-file-text.svg) #FFFFFF no-repeat center center; background-size: 32px; } #dwtOverviewPowerful .powerfulList li:nth-child(4) span.icon { background: url(../images/dwt16/common-file-text-search.svg) #FFFFFF no-repeat center center; background-size: 35px; } #dwtOverviewFeature { padding-bottom: 110px; margin-top: 180px; } #dwtOverviewFeature .featureBox { width: 100%; } #dwtOverviewFeature .featureBox .featureBoxTop { height: 181px; background: #f3e46f; padding-top: 16px; } #dwtOverviewFeature .featureBox .featureBoxTop.fbt1 { background: url(../images/dwt16/DWT_Featured_1.png) #FFFFFF no-repeat center center; background-size: contain; } #dwtOverviewFeature .featureBox .featureBoxTop.fbt2 { background: url(../images/dwt16/DWT_Featured_2.png) #FFFFFF no-repeat center center; background-size: contain; } #dwtOverviewFeature .featureBox .featureBoxTop.fbt3 { background: url(../images/dwt16/DWT_Featured_3.png) #FFFFFF no-repeat center center; background-size: contain; } #dwtOverviewFeature .featureBox .featureBoxTop .featureTag { display: inline-block; width: 127px; height: 32px; line-height: 32px; text-align: center; background: #6AC4BB; color: #ffffff; font-size: 16px; } #dwtOverviewFeature .featureBox .featureBoxBottom { height: 305px; background: #F5F5F5; padding: 25px 30px 0; position: relative; } #dwtOverviewFeature .featureBox .featureBoxBottom .title { font-size: 20px; line-height: 32px; color: #323234; margin-bottom: 12px; } #dwtOverviewFeature .featureBox .featureBoxBottom .cnt { font-size: 16px; line-height: 28px; color: #323234; } #dwtOverviewFeature .featureBox .featureBoxBottom a { position: absolute; bottom: 30px; } /*#WebTwainOverview .dwtOverviewSupport table tr td .browser i { display: block; width: 29px; height: 29px; margin: 0 auto 6px; }*/ /*#WebTwainOverview .dwtOverviewSupport table tr td .browser i.firefox { width: 30px; height: 3.6rem; } #WebTwainOverview .dwtOverviewSupport table tr td .browser i.chrome { width: 20px; height: 3.6rem; } #WebTwainOverview .dwtOverviewSupport table tr td .browser i.ie { width: 29px; height: 3.6rem; } #WebTwainOverview .dwtOverviewSupport table tr td .browser i.edge { width: 3.3rem; height: 3.6rem; } #WebTwainOverview .dwtOverviewSupport table tr td .browser i.safari { width: 3.4rem; height: 3.6rem; }*/ #dwtOverviewSupport table tr td .platform { display: inline-block; margin-right: 1.5rem; margin-top: 2rem; } #dwtOverviewSupport table tr td .platform:last-child { margin-right: 0; } /*#WebTwainOverview .dwtOverviewSupport table tr td .windows { width: 3.6rem; height: 3.6rem; } #WebTwainOverview .dwtOverviewSupport table tr td .linux { width: 3.1rem; height: 3.6rem; }*/ #dwtOverviewSupport .fab { color: #999; } #dwtOverviewSupport table tr td .macos { display: inline-block; width: 30px; height: 30px; background: url(../images/dwt16/macOs.png) no-repeat center center; background-size: 100%; margin: 0 30px; vertical-align: bottom; margin-bottom: 2px; } #dwtOverviewSwiper { margin-top: 150px } #dwtOverviewSwiper .swiper-container { position: relative; width: calc(100% - 120px); margin: 0 auto; } #dwtOverviewSwiper .swiper-container .swiper-slide { overflow: hidden; } #dwtOverviewSwiper .swiper-button-prev { z-index: 1; background: url(../images/dwt16/arrow-left.png) no-repeat left top; left: 0px; background-size: 100%; width: 30px; height: 30px; } #dwtOverviewSwiper .swiper-button-next { z-index: 1; background: url(../images/dwt16/arrow-right.png) no-repeat left bottom; right: 0px; background-size: 100%; width: 30px; height: 30px; } #dwtOverviewSwiper .swiper-button-prev:focus, #dwtOverviewSwiper .swiper-button-next:focus { outline: none; } #dwtOverviewSwiper a:hover .slide-left { color: #606060; } #dwtOverviewSwiper .slide-left { width: 60%; height: 226px; text-align: left; display: flex; flex-direction: column; justify-content: center; } #dwtOverviewSwiper .slide-left .personWords { font-size: 18px; line-height: 32px; padding-left: 40px; position: relative; } #dwtOverviewSwiper .slide-left .personWords .preQuote { display: inline-block; width: 30px; height: 120px; background: url('../images/dwt16/pre_quote.png') no-repeat; background-size: contain; position: absolute; top: -36px; left: 0rem; } #dwtOverviewSwiper .slide-left .personWords .afterQuote { display: inline-block; width: 13px; height: 53px; background: url('../images/dwt16/after_quote.png') no-repeat; background-size: contain; margin-left: 8px; position: absolute; } #dwtOverviewSwiper .slide-left .personName { font-size: 16px; line-height: 30px; padding-left: 40px; } #dwtOverviewSwiper .slide-right { width: 35%; } #dwtOverviewSwiper .slide-right div { position: relative; width: 320px; height: 220px; background: #F5F5F5; } #dwtOverviewSwiper .slide-right div.LockheadMartin { background: url('../images/dwt16/customerLM.png') #F5F5F5 no-repeat center center; } #dwtOverviewSwiper .slide-right div.IBM { background: url('../images/dwt16/customerIBM.png') #F5F5F5 no-repeat center center; } #dwtOverviewSwiper .slide-right div.GermanRedCross { background: url('../images/dwt16/GermanRedCross.png') #F5F5F5 no-repeat center center; } #dwtOverviewSwiper .slide-right div i { position: absolute; left: 152px; top: -24px; width: 35px; height: 45px; } #dwtOverviewReliable.webcamCaptureReliable { margin-top: 0 } #dwtOverviewReliable.webcamCaptureReliable .functionList { margin-top: 10px } #dwtOverviewReliable.webcamCaptureReliable .functionBox { width: 100%; height: 350px; margin: 0 auto; background: #F5F5F5; padding: 39px 45px 0 40px; } #dwtOverviewReliable.webcamCaptureReliable .functionBox h3 { min-height: 72px; } #dwtOverviewReliable .functionBox .icon .icon-pdf { display: inline-block; width: 64px; height: 64px; background: url('../images/dwt16/office-file-pdf-1.svg') no-repeat center center; background-size: 65%; } #dwtOverviewReliable .functionBox .icon .icon-account { display: inline-block; width: 64px; height: 64px; background: url('../images/dwt16/browser-page-account.svg') no-repeat center center; background-size: 65%; } #dwtOverviewReliable .functionBox .icon .icon-laptop { display: inline-block; width: 64px; height: 64px; background: url('../images/dwt16/laptop-approve.svg') no-repeat center center; background-size: 65%; } #dwtOverviewScan dt > a { display: inline-block; position: relative; height: 78px; } #dwtOverviewScan .control dt > a { width: 100%; } #dwtOverviewScan .image dt > a { width: 170px; } #dwtOverviewScan .save dt > a { width: 190px; } #dwtOverviewScan dt { height: 73px; background: url(../img-icon/icn-dwt-overview-scan-35x35.png) no-repeat center 0; margin-bottom: 10px; text-align: center; } #dwtOverviewScan dt span { position: absolute; bottom: 4px; left: 0; text-align: center; color: #444; width: 100%; font-size: 14px; font-family: OpenSans-Semibold; } #dwtOverviewScan a:hover span { color: #61c2ec; } #dwtOverviewScan .control dt { background-position: center 0; } #dwtOverviewScan .image dt { background-position: center -184px; } #dwtOverviewScan .save dt { background-position: center -368px; } #dwtOverviewScan dd { font-size: 14px; line-height: 24px; text-align: center; } #dwtOverviewScan .dataSheet { position: relative; border-top: 1px solid #eee; padding-top: 38px; margin-top: 15px; font-size: 14px; line-height: 24px; text-align: center; } #dwtOverviewScan .dataSheet:before { content: ''; display: inline-block; position: absolute; top: -10px; left: 50%; margin-left: -10px; width: 20px; height: 20px; border-bottom: solid 1px #eee; border-right: solid 1px #eee; background: #fff; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #dwtOverviewScan ul li { display: inline-block; cursor: pointer; width: 32%; height: 362px; padding: 0 30px; float: left; margin-right: 2%; text-align: center; border: 1px solid #eee; } #dwtOverviewScan ul li p.topic { margin: 58px 0 25px; font-family: OpenSans-Semibold; } #dwtOverviewScan ul li:last-child { margin-right: 0; } #dwtOverviewScan ul li img { margin-top: 50px; } #dwtOverviewScan ul li:hover { border: 0; box-shadow: 0px 10px 24px 0px rgba(221,221,221,1); /*box-shadow: 0 0 16px #ccc;*/ -moz-box-shadow: 0px 10px 24px 0px rgba(221,221,221,1); -webkit-box-shadow: 0px 10px 24px 0px rgba(221,221,221,1); } #dwtOverviewScan ul li a { display: block;width: 100%;height: 100%; } #dwtOverviewScan ul li a:hover { color: #606060; } /*#dwtOverviewSupport .row div { position: relative; }*/ /*#dwtOverviewSupport .ct-rt { margin-top: 55px; padding-top: 33px; border-top: 1px solid #ddd; } #dwtOverviewSupport .ct-lt { margin-top: 10%; margin-bottom: 4%; } #dwtOverviewSupport .three { margin-bottom: 15%; }*/ /*#dwtOverviewSupport .row div img.illus-left { position: absolute; left: -70%; width: 50%; } #dwtOverviewSupport .row div img.illus-right { position: absolute; right: -55%; width: 50%; }*/ #dwtOverviewSecurity { padding: 100px 0 180px; background: url(../images/imgo.jpg) top left; background-size: 100% 100%; } #dwtOverviewSecurity .white-li li { width: 65%; margin-bottom: 10px; } #dwtOverviewSecurity .absoluteImgBox { position: absolute; right: 2%; top: 10%; } #dwtOverviewSecurity .absoluteImgBox img.bk1 { width: 100%; } #dwtOverviewSecurity .absoluteImgBox .pdfBox { width: 256px; height: 284px; background: #ffffff; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.28); border-radius: 3px; text-align: center; padding-top: 34px; position: absolute; top: 32%; left: -30%; } #dwtOverviewSecurity .absoluteImgBox .pdfBox img { margin: 0 auto 25px; } #dwtOverviewSecurity .absoluteImgBox .pdfBox p { padding: 0; margin: 0; font-size: 14px; color: #444; } #dwtOverviewSecurity .absoluteImgBox .pdfBox a.d-btn { margin-top: 12px; width: 180px; height: 38px; line-height: 34px; font-size: 14px; } #dwtOverviewAdvanced table { width: 100%; margin-top: 50px; } #dwtOverviewAdvanced table td { vertical-align: top; } #dwtOverviewAdvanced table td p { width: 260px; line-height: 26px; margin: 0 auto;} .icon-api { display: inline-block; width: 32px; height: 32px; background: url(../images/icon_api.png) no-repeat; } .icon-delection { display: inline-block; width: 32px; height: 32px; background: url(../images/icon_detection.png) no-repeat; } .icon-code { display: inline-block; width: 32px; height: 32px; background: url(../images/icon_code.png) no-repeat; } .icon-memoryusage { display: inline-block; width: 32px; height: 32px; background: url(../images/icon_memoryusage.png) no-repeat;} .icon-64bit { display: inline-block; width: 32px; height: 32px; background: url(../images/icon_64bit.png) no-repeat; } #dwtOverviewAdvanced table td i { display: block; width: 255px; margin: 0 auto 10px; } #dwtOverviewSolution .solution-ul li { display: inline-block; width: 25%; float: left; position: relative; margin-top: 60px; } #dwtOverviewSolution .solution-ul li a { display: block; width: 100%; height: 100%; } #dwtOverviewSolution .solution-ul li a:hover { color: inherit; } #dwtOverviewSolution .solution-ul li img { width: 100%; } #dwtOverviewSolution .solution-ul li div.imgBox { position: relative; } #dwtOverviewSolution .solution-ul li div.name { width: 100%; height: 100px; line-height: 100px; font-size: 24px; text-align: center; border: 1px solid #ddd; border-right: 0; border-top: 0; } #dwtOverviewSolution .solution-ul li:last-child div.name { border-right: 1px solid #ddd; } #dwtOverviewSolution .solution-ul li:hover div.name { background: #50A8E1; color: #fff; } /*#dwtOverviewSolution .solution-ul li:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }*/ #dwtOverviewSolution .solution-ul li:hover div.imgBox:before { content: ' '; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: rgba(80,168,225,.3); } #dwtOverviewSolution .solution-ul li:hover div.imgBox:after { content: ' '; position: absolute; display: block; top: 50%; left: 50%; width: 118px; height: 118px; margin-left: -59px; margin-top: -59px; background: url(../images/btn.png);background-size: cover; cursor: pointer; } #dwtOverviewIntegration li { font-size: 14px; line-height: 24px; margin-top: 6px; } #dwtOverviewIntegration .sideGrp { margin-top: 25px; padding-top: 3px; border-top: 1px solid #ddd; } #dwtOverviewIntegration .sideGrp .item { margin-top: 12px; } #dwtOverviewIntegration .sideGrp .item p { margin-bottom: 3px; font-size: 14px; line-height: 24px; } #dwtOverviewFeatures .item { position: relative; padding: 40px 20px 25px; margin-top: 56px; font-size: 14px; line-height: 24px; background: #fff; border: 1px solid #ddd; border-radius: 3px; } #dwtOverviewFeatures .item .icon { display: inline-block; width: 55px; height: 55px; position: absolute; top: -27px; left: 40px; background: url(../img-icon/icn-roundness-54x54.png) no-repeat center -1800px; } #dwtOverviewFeatures .formats .icon { background-position: center -1920px; } #dwtOverviewFeatures .item p { margin-bottom: 5px; } #dwtOverviewFeatures .item p:nth-child(2) { margin-bottom: 10px; font-size: 16px; line-height: 26px; font-family: OpenSans-Semibold; color: #444; } #dwtOverviewAddon .item { padding: 40px 35px; margin-top: 20px; background: #fff; border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #dwtOverviewAddon .pdf .item { padding: 40px 45px; } #dwtOverviewAddon .item p { margin-bottom: 15px; text-align: left; font-size: 14px; font-size: 1.4rem; line-height: 24px; } #dwtOverviewAddon .item p.fontSb { margin-top: 20px; margin-bottom: 6px; text-align: center; } #dwtOverviewAddon .item p.fontSb a { font-size: 16px; font-size: 1.6rem; line-height: 26px; } #dwtOverviewAddon .item .icon { height: 54px; background: url(../img-icon/icn-roundness-54x54.png) no-repeat center -660px; } #dwtOverviewAddon .webcam .icon { background-position: center -720px; } #dwtOverviewAddon .pdf .icon { background-position: center -780px; } #dwtOverviewAddon .ocr .icon { background-position: center -1680px; } #dwtOverviewAddon .item a { font-size: 14px; font-size: 1.4rem; font-family: OpenSans-Semibold; } #dwtOverviewRequest p { margin-bottom: 3px; } #dwtOverviewCustomers .item { margin: 23px -30px 0; padding-top: 45px; background: #f5f5f5; } #dwtOverviewCustomers .avision { padding: 0 30px; margin-bottom: 40px; } #dwtOverviewCustomers .avision img { width: 130px; } #dwtOverviewCustomers .avision p:nth-child(2) { margin: 15px 0 8px; font-size: 14px; line-height: 24px; color: #444; font-family: OpenSans-Light; } #dwtOverviewCustomers .avision p:nth-child(3) { font-size: 14px; line-height: 24px; color: #777; } #dwtOverviewCustomers .csGroup { width: 100%; height: 250px; } #dwtOverviewCustomers .csGroup a { display: inline-block; float: left; width: 50%; height: 50%; background: no-repeat center center; background-size: cover; } #dwtOverviewCustomers .csGroup a:hover { opacity: .8; } #dwtOverviewDnt p { padding: 0; } #dwtOverviewTryFree { background: #fe8e14; } #dwtOverviewTryFree .d-btn { margin: 15px 15px 0; padding: 0 10px; min-width: 175px; } /*================================== WebTWAIN_License.aspx ================================*/ #dwtLicenseContent h1 { padding-bottom: 20px; } #dwtLicenseContent ul.list-num > li { padding-bottom: 10px; font-size: 14px; font-size: 1.4rem; line-height: 24px; } #dwtLicenseContent .list-numbers > li { margin-bottom: 20px; } #dwtLicenseContent .orange-li > li { margin-top: 10px; } #dwtLicenseContent h3 { margin: 0 0 12px 0; font-size: 16px; font-size: 1.6rem; line-height: 26px; color: #444; font-family: OpenSans-Light; } #dwtLicenseContent .revision-date { font-size: 18px; font-size: 1.8rem; line-height: 27px; color: #999; font-family: OpenSans-Light; } #dwtLicenseContent .links { margin: 2px 0 20px; font-size: 14px; font-size: 1.4rem; line-height: 24px; } #dwtLicenseContent .links a:last-child { display: inline-block; margin-top: 8px; } #dwtLicenseContent .list-numbers { padding-left: 16px; } /*============================= web-twain-html5-document-scanning.aspx =======================*/ #dwt-tips-banner { padding-top: 80px; height: 360px; background: #5fb1e5; background-repeat: no-repeat; background-position: center center; background-size: cover; } #dwt-tips-content .container { border: solid 1px #ccc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: url(../images/bg-dbr-tips-content.png) repeat-x left top; } #dwt-tips-content form { font-size: 14px; font-size: 1.4rem; color: #606060; } #dwt-tips-content form span { display: block; padding-bottom: 3px; } #dwt-tips-content form span.fontOrange { display: inline-block; width: 25px; line-height: 33px; text-align: center; } #dwt-tips-content form p { line-height: 22px; } #dwt-tips-content form input[type='text'] { float: left; width: 220px; height: 35px; padding-left: 3px; outline: none; border: solid 1px #e7e7e7; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } #dwt-tips-content form textarea { width: 250px; height: 120px; max-width: 250px; outline: none; border: solid 1px #e7e7e7; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } #dwt-tips-content form input[type='checkbox'] { width: 18px; height: 18px; float: left; cursor: pointer; } #dwt-tips-content form .sec-subscribe span { padding-left: 10px; width: 350px; color: #777; } /*============================ WebTwain_GovernmentCustomers.aspx ============================*/ #dwt-government-Customers-banner { padding-top: 110px; height: 300px; background: #2b4f74; background-repeat: no-repeat; background-position: center center; background-size: cover; } #dwt-government-Customers td { padding: 15px 30px; } /*================================ WebTWAIN-Barcode-Reader.aspx =============================*/ #dwt-addOn-dbr-supported .item { padding: 40px 30px 20px; margin-top: 75px; position: relative; border: solid 1px #ddd; background: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #dwt-addOn-dbr-supported .item .icon { position: absolute; left: 30px; top: -27px; width: 54px; height: 54px; background: url(../img-icon/icn-dbr-ActiveX-features-54x54.png) no-repeat center -432px; } #dwt-addOn-dbr-supported .item.barcode2d .icon { background-position: center -486px; } #dwt-addOn-dbr-features .orange-li > li { margin-top: 10px; } /*============================== .net-pdf-rasterizer-sdk.aspx ===============================*/ #dwt-pdf-image-sample ul li { font-family: "Courier New", Courier, monospace; } #dwt-pdf-image-sample ul li.fontSb { font-family: OpenSans-Semibold; } #dwt-pdf-image-feature .orange-li li { font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 6px; } /*============================== WebTWAIN-Webcam-Capture.aspx ===============================*/ #dwt-webcam-works .code-top { position: relative; padding: 50px 30px 30px; height: auto; border: solid 1px #ddd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #fff; } #dwt-webcam-works .code-client { position: absolute; left: 43%; top: -27px; width: 54px; height: 54px; background: url(../img-icon/icn-dbr-ActiveX-features-54x54.png) no-repeat center -378px; } #dwt-webcam-works .code-server { position: absolute; left: 43%; top: -27px; width: 54px; height: 54px; background: url(../img-icon/icn-dbr-ActiveX-features-54x54.png) no-repeat center -108px; } #dwt-webcam-flexible .note img { margin: -2px 4px 0 0; vertical-align: middle; } #dwt-webcam-benefits .orange-li li, #dwt-webcam-flexible .orange-li li { margin-top: 8px; } /*====================== /Downloads/FAWEFIIEFEIJSG_Linux_WebTWAIN.aspx ======================*/ #dwtLinuxDownload #top_contain .ct-lt h3 { margin-top: 20px; font-size: 24px; font-size: 2.4rem; line-height: 36px; color: #444; text-align: center; font-family: OpenSans-Light; } #dwtLinuxDownload #top_contain .item { padding: 58px 0 55px; margin: 0 auto; margin-top: 50px; width: 220px; } #dwtLinuxDownload .Questionnaire_option_group label { padding: 2px 0; } #dwtLinuxDownload .Q2 textarea { width: 100%; max-width: 100%; min-height: 70px; margin: 8px 0 13px 0; border: solid 1px #ccc; font-size: 14px; font-size: 1.4rem; line-height: 24px; } #dwtLinuxDownload .Q3 label input[type='text'], #dwtLinuxDownload .Q1 input[type='text'] { padding-left: 3px; width: 150px; height: 30px; border: solid 1px #ddd; outline: none; } #dwtLinuxDownload .comment textarea { width: 100%; max-width: 100%; min-height: 100px; border: solid 1px #ccc; outline: none; } /*====================== WebTWAIN-with-HTML5-WebSocket-for-chrome.aspx ====================*/ #dwtWebsocketDemo a.mdBtn span { display: none; } #dwtWebsocketFeatures .orange-li li { margin-bottom: 10px; } #dwtWebsocketWorks h2 { margin-top: 0; } #dwtWebsocketWorks:after { content: ''; display: block; position: relative; bottom: -45px; margin: 0 auto; width: 50px; height: 50px; background: #fff; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #dwtWebsocketCode .content-rt .code { margin-top: 25px; margin-bottom: 0; background: #434445; border: solid 1px #ccc; border-top-width: 28px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #dwtWebsocketCode .content-rt .code p { padding: 20px 15px 0 15px; font-size: 12px; line-height: 18px; color: #feb420; } #dwtWebsocketCode .content-rt .code pre { padding: 5px 15px 0 15px; margin-bottom: 0; line-height: 26px; background: #434445; color: #fff; border: none; } #dwtWebsocketMobile .row { padding-top: 73px; } #dwtWebsocketMobile .row p { padding-top: 20px; padding-right: 93px;} #dwtWebsocketMobile .row .icon-mobile-platform { background: url(../img-icon/icon-platforms.png) no-repeat; background-position: -182px 0px; height: 42px; } /*================================ ocr-pro-languages.aspx ================================*/ #dwt-ocrPro-language-content .section { margin-bottom: 40px; } #dwt-ocrPro-language-content .section ul { padding: 0; } #dwt-ocrPro-language-content .section li { padding: 4px 0 4px 40px; font-size: 14px; font-size: 1.4rem; line-height: 24px; } #dwt-ocrPro-language-content .section li.fontSb:first-child { margin-top: 0; background: #f5f5f5; } #dwt-ocrPro-language-content .section li.fontSb { padding: 0 0 0 40px; margin-top: 20px; margin-bottom: 13px; height: 40px; line-height: 40px; font-size: 18px; } /*============================ /Survey/DWT-Survey-Mobile.aspx ============================*/ .dwt-surveyMobile .subNav-ct, .dwt-surveyMobile .subNav-rt { display: none; } .dwt-surveyMobile #subNav { display: none; } #dwt-surveyMobile-content .error { font-weight: 100; color: #F00; display: block; } #dwt-surveyMobile-content #form2 input { float: left; margin-top: 6px; outline: none; } #dwt-surveyMobile-banner { overflow: hidden; } #dwt-surveyMobile-content .emailGroup span { display: block; float: left; height: 35px; line-height: 35px; vertical-align: middle; } #dwt-surveyMobile-content .emailGroup input[type='text'] { float: left; padding-left: 5px; margin-top: 0 !important; display: inline-block; width: 100%; height: 36px; border: solid 1px #ddd; border-radius: 3px; } #dwt-surveyMobile-content .btn { padding: 0 40px; } #dwt-surveyMobile-content ul.list-numbers > li { margin-top: 20px; font-size: 14px; line-height: 24px; } #dwt-surveyMobile-content ul.list-numbers > li ul { margin-top: 10px; } #dwt-surveyMobile-content ul.list-numbers > li ul li { margin-bottom: 6px; } #dwt-surveyMobile-content ul.list-numbers > li ul label { padding-left: 7px; font-weight: normal; max-width: 95%; } #dwt-surveyMobile-content label.error { color: #ff0000; clear: both; } #dwt-surveyMobile-content .emailGroup .error span { margin-left: 15px; } /*================================ cpp-ocr-library.aspx ===================================*/ #dwtCppOcrBanner { min-height: 270px; height: auto; } #dwtCppOcrOverview li { margin-top: 10px; font-size: 14px; line-height: 24px; } #dwtCppOcrOverview .ct-rt .item { margin-top: 35px; } #dwtCppOcrOverview .ct-rt p { font-size: 14px; line-height: 24px; } #dwtCppOcrOverview .ct-rt h3 { margin-bottom: 10px; font-size: 16px; line-height: 26px; color: #606060; font-family: OpenSans-Semibold; } #dwtCppOcrOverview .item .icon { display: inline-block; margin-bottom: 10px; width: 55px; height: 55px; background: url(../img-icon/icon-dwtCppOcrOverview-54x54.png) no-repeat center top; } #dwtCppOcrOverview .item.b .icon { background-position: center -60px; } #dwtCppOcrSupport .ct-lt p { margin-bottom: 5px; } #dwtCppOcrDeployment .ct-lt li { margin-top: 10px; font-size: 14px; line-height: 24px; } #dwtCppOcrIO li { font-size: 14px; line-height: 24px; margin-top: 8px; } #dwtCppOcrBenefits li { font-size: 14px; line-height: 24px; margin-top: 8px; } #dwtCppOcrBtm .d-btn { margin: 10px 10px 0; padding: 0 15px; min-width: 168px; } /*============================= web-twain-ocrpro-quote.aspx ===============================*/ #ocrPro-quote-banner { padding-top: 100px; height: 360px; background-color: #ddd; background-repeat: no-repeat; background-position: center center; background-size: cover; } #ocrPro-quote-content { margin-top: -115px; margin-bottom: 65px; } #ocrPro-quote-content .formWrapper { padding: 50px 10px 25px 20px; border: solid 1px #ddd; border-top: none; background-color: #fff; background-image: url(../img-banner/bg-quote-content.png); background-repeat: repeat-x; background-position: left top; } #ocrPro-quote-content .formWrapper .icon { position: relative; } #ocrPro-quote-content .formWrapper .icon:after { content: '*'; position: relative; top: 2px; left: 4px; color: #fe8e14; font-size: 18px; } #ocrPro-quote-content .formWrapper input[type='text'] { border: solid 1px #ddd; min-height: 36px; outline: none; } #ocrPro-quote-content .formWrapper input[type='text']::-webkit-input-placeholder { color: #aaa; font-size: 14px; } #ocrPro-quote-content .formWrapper input[type='text']:-moz-placeholder { color: #aaa; font-size: 14px; } #ocrPro-quote-content .formWrapper input[type='text']::-moz-placeholder { color: #aaa; font-size: 14px; } #ocrPro-quote-content .formWrapper input[type='text']:-ms-input-placeholder { color: #aaa; font-size: 14px; } #ocrPro-quote-content .formWrapper li { margin-bottom: 40px; } #ocrPro-quote-content .formWrapper .section-yourself .item { margin-top: 20px; } #ocrPro-quote-content .formWrapper .section-yourself input { padding-left: 8px; height: 44px; width: 90%; } #ocrPro-quote-content .formWrapper li label { margin-bottom: 10px; display: table; font-weight: normal; font-size: 14px; font-size: 1.4rem; line-height: 24px; } #ocrPro-quote-content .formWrapper li label input[type='radio'] { margin-right: 5px; height: 15px; width: 15px; vertical-align: top; outline: none; } #ocrPro-quote-content .formWrapper li label input[type='text'] { margin-left: 5px; padding-left: 6px; } #ocrPro-quote-content .formWrapper li p.fontSb { margin-bottom: 18px; } /*=========================== professional-arabic-ocr-sdk.aspx ============================*/ #dwtArabicOcrDemo .orange-li li { line-height: 28px; } #dwtArabicOcrDemo a.demolink img.link, #dwtArabicOcrDemo a.demolink:hover img.hover { display: block; } #dwtArabicOcrDemo a.demolink img.hover, #dwtArabicOcrDemo a.demolink:hover img.link { display: none; } #dwtArabicOcrFeatures .content-rt ul.orange-li > li { margin-top: 13px; font-size: 14px; font-size: 1.4rem; line-height: 24px; } #dwtArabicOcrFeatures .content-rt li p.fontSb { margin-bottom: 5px; font-size: 16px; font-size: 1.6rem; line-height: 26px; } /*=================================== WebTWAIN_How.aspx =====================================*/ #dwtHowBanner { padding-top: 45px; height: 270px; background-color: #898989; background-repeat: no-repeat; background-position: center center; background-size: cover; } #dwtHowContent li { position: relative; padding: 24px 30px 24px 0; height: auto; color: #444; } #dwtHowContent li.licenseKey { border-bottom: none; } #dwtHowContent li.pr0 { padding-right: 0; } #dwtHowContent li.maintenance { border-bottom: none; } #dwtHowContent li > .icn-toggle { position: absolute; top: 0; left: 0; z-index: 2; height: 75px; width: 97%; cursor: pointer; background: url(../img-icon/icn-switch-12x8.png) no-repeat right -75px; } #dwtHowContent li > .icn-toggle.on { background-position: right 35px; } #dwtHowContent .subcontent { position: relative; z-index: 3; display: block; margin-top: 20px; line-height: 24px; font-size: 14px; font-size: 1.4rem; font-family: OpenSans-Regular; color: #606060; } #dwtHowContent a[name] { display: inline-block; height: 1px; margin-top: -120px; padding-top: 120px; } #dwtHowLeftMenu { padding-right: 20px; padding-top: 35px; width: 230px; } #dwtHowLeftMenu dd { position:relative; padding-bottom: 30px; font-size: 14px; color: #444; padding-left: 24px; } #dwtHowLeftMenu dd.on { color:#FE8E14; } #dwtHowLeftMenu dd .numberFlag { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background: #EEEEEE; color: #444; vertical-align: top; text-align: center; line-height: 24px; margin-right: 5px; position: absolute; top: -2px; left: -7px; } #dwtHowLeftMenu dd:hover .numberFlag { background: #FE8E14; color: #ffffff; } #dwtHowLeftMenu dd.on .numberFlag { background: #FE8E14; color: #ffffff; } #dwtHowLeftMenu dd.on a { color: #FE8E14 !important; } /*============================ zonal-ocr-scanning-engine.aspx =============================*/ #dwtZonalOcrBanner { min-height: 330px; padding-top: 45px; } #dwtZonalOcrScanning dl.video dt { padding: 0; border: none; } #dwtZonalOcrScanning dl.video dt a { display: inline-block; position: relative; padding: 10px; border: solid 1px #ddd; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; box-shadow: 2px 2px 6px #ddd; } #dwtZonalOcrScanning dt > a .icon { display: inline-block; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; background: url(../img-icon/icn-video-60x60.png) no-repeat center top; } #dwtZonalOcrScanning dt > a:hover .icon { background-position: center -60px; } #dwtZonalOcrScanning dl.video dd { max-width: 320px; margin: 0 auto; margin-top: 15px; font-size: 14px; font-size: 1.4rem; line-height: 24px; } #dwtZonalOcrScanning dl.video dd a { display: inline-block; padding-left: 22px; font-size: 14px; font-size: 1.4rem; line-height: 24px; background: url(../img-icon/icn-video-16x16.png) no-repeat left 4px; } #dwtZonalOcrScanning dl.video dd a:hover { color: #61c2ec; } /*=========================== control-scanner-in-php-app.aspx =============================*/ #scannerPhpBanner { position: relative; height: auto; min-height: 360px; padding-top: 30px; background: #bba1e0; overflow: hidden; } #scannerPhpApp ul.orange-li li { margin-top: 7px; } #scannerPhpApp .ct-rt .form { margin: 0 auto; width: auto; max-width: 332px; padding: 35px 40px 50px; border: solid 1px #cecece; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 3px 3px 20px #ddd; } #scannerPhpApp .ct-rt .form .theme-white { float: none; } #scannerPhpApp .ct-rt .form .star { position: absolute; right: 8px; bottom: 3px; color: #fe8e14; font-size: 16px; } #scannerPhpApp .ct-rt .form input { padding-left: 8px; /*margin-top: 25px;*/ width: 100%; max-width: 250px; height: 36px; font-size: 14px; font-size: 1.4rem; border: solid 1px #cecece; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; outline: none; } #scannerPhpApp .ct-rt .form .holder input { margin-top: 20px; } #scannerPhpApp .ct-rt .form .btn { width: 100%; max-width: 250px; /*margin-top: 30px;*/ } #scannerPhpApp .ct-rt .form .button-area { padding-left: 5px; padding-right: 5px; } #scannerPhpBtm .container:before { content: '“'; display: block; height: 35px; line-height: 50px; font-size: 70px; color: #ff9f1f; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; } #scannerPhpBtm .container:after { content: '”'; display: block; height: 30px; line-height: 80px; font-size: 70px; color: #ff9f1f; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; } /*=============================== javascript-ocr-api.aspx =================================*/ #dwtOcrApiTop h1, #dwtOcrApiTop h3 { color: #333; } #dwtOcrApiTop .section { margin-top: 50px; } #dwtOcrApiTop .benefits li { margin-top: 12px; } #dwtOcrApiTop .use h3 { margin-bottom: -5px; } #dwtOcrApiTop .use p.item { margin-top: 25px; font-family: OpenSans-Semibold; color: #444; font-size: 14px; font-size: 1.4rem; line-height: 24px; } /*========================= web-document-scanning-sdk-linux.aspx ==========================*/ #dwtLinuxAccess .item { padding: 25px 27px; margin-top: 20px; border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #fff; } #dwtLinuxAccess .browser .btm span { display: inline-block; margin-right: 19px; width: 35px; height: 35px; background: url(../img-icon/icn-browsers-34x34.png) no-repeat center top; } #dwtLinuxAccess .browser .btm span.ff { background-position: center -50px; } #dwtLinuxAccess .item .top { font-size: 18px; font-size: 1.8rem; color: #444; } #dwtLinuxAccess .item .top:after { content: ''; display: block; margin-top: 8px; height: 2px; width: 30px; background: #fe8e14; } #dwtLinuxAccess .item .mid { margin: 25px 0 13px; font-size: 14px; font-size: 1.4rem; line-height: 24px; } #dwtLinuxFeatures .orange-li li { margin-top: 8px; } #dwtLinuxVideo .videoWrapper { width: 100%; height: 480px; margin: 20px auto 0; } /*================================= WebTWAIN_Features.aspx ================================*/ #dwtFeatureSupport h1 { font-size: 24px; font-size: 2.4rem; line-height: 39px; } #dwtFeatureSupport dl { float: left; } #dwtFeatureSupport .os-icon { width: 45px; height: 45px; margin: 0 auto; background: url(../img-icon/logo-browsers-45X45.png) no-repeat center top; } #dwtFeatureSupport .ms { background-position: center -225px; } #dwtFeatureSupport .mac { background-position: center -270px; } #dwtFeatureSupport .linux { background-position: center -360px; } #dwtFeatureSupport .icon { width: 30px; height: 40px; margin: 0 auto; background: url(../img-icon/logo-browsers-30x30.png) no-repeat center top; } #dwtFeatureSupport .edge { background-position: center -120px; } #dwtFeatureSupport .ie { background-position: center -80px; } #dwtFeatureSupport .ff { background-position: center top; } #dwtFeatureSupport .chrome { background-position: center -40px; } #dwtFeatureSupport .safari { background-position: center -160px; } #dwtFeatureSupport i.ios { display: inline-block; width: 40px; height: 40px; margin: 0 auto; background: url(../img-icon/icon-platform-40x40.png) no-repeat center top; background-position: 0 -50px; } #dwtFeatureSupport i.android { display: inline-block; width: 40px; height: 40px; margin: 0 auto; background: url(../img-icon/icon-platform-40x40.png) no-repeat center top; background-position: 0 -100px; } #dwtFeatureSupport dd { margin-top: 2px; text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 20px; } /*Mobile Content begin*/ .mobileContent .section { margin-top: 45px; border: solid 1px #ddd; } .mobileContent .section .top { padding-top: 12px; height: 80px; text-align: center; border-bottom: solid 1px #ddd; background: #f6f9fc; } .mobileContent .section .top h3 { margin: 0; font-size: 18px; line-height: 27px; color: #444; font-family: OpenSans-Semibold; } .mobileContent .section .top p { font-size: 14px; line-height: 24px; } .mobileContent .section .title { font-size: 14px; line-height: 24px; color: #444; text-align: center; font-family: OpenSans-Semibold; } .mobileContent .section dl { width: 33.33%; } .mobileContent .linux dl { width: 50%; } .mobileContent .mac dl { width: 33.33%; } .mobileContent .section .mid { padding: 25px 0 10px; } .mobileContent .section .mid:after { content: ''; display: block; clear: both; } .mobileContent .section .mid .title { margin-bottom: 25px; } .mobileContent .section .btm .item { padding: 20px 0 25px; margin: 0 auto; border-top: solid 1px #ddd; text-align: center; } .mobileContent .section .btm .item P:nth-child(1) { margin-bottom: 15px; color: #444; font-family: OpenSans-Semibold; } .mobileContent .section .btm .item P:nth-child(2) { margin: 0 auto; max-width: 175px; font-size: 14px; font-size: 1.4rem; line-height: 24px; text-align: center; } .mobileContent .section .btm .item .os-icon { display: inline-block; } #dwtFeatureSupport .mobileContent .section .btm .linux { margin: 5px 10px 0; } #dwtFeatureSupport .mobileContent .section .btm .icon { margin-top: 5px; margin-left: 10px; margin-right: 10px; } #dwtFeatureSupport .mobileContent .section .btm .macos { display: inline-block; width: 32px; height: 32px; background: url(../img-icon/macOs.png) no-repeat center center; background-size: 100%; margin: 0 15px; vertical-align: bottom; margin-bottom: 2px; } /*Mobile Content end*/ #dwtFeatureSupport .note { padding-left: 32px; font-size: 14px; font-size: 1.4rem; line-height: 24px; background: url(../images/icn-bulb.png) no-repeat 15px 5px; } /*#dwtFeatureTechnical li { padding: 35px 0 38px; margin: 0; border-bottom: solid 1px #eee; } #dwtFeatureTechnical li:after { content: ''; display: block; clear: both; } #dwtFeatureTechnical li.noborder { padding-bottom: 0; } #dwtFeatureTechnical li.pt0 { padding-top: 0; } #dwtFeatureTechnical li li ul { margin-left: 20px; }*/ #dwtFeatureTechnical .ct-lt { padding-bottom: 10px; font-size: 16px; font-size: 1.6rem; line-height: 26px; color: #444; font-family: OpenSans-Semibold; } #dwtFeatureTechnical .ct-rt { float: left; } #dwtFeatureTechnical .ct-rt li { margin-top: 10px; padding: 0; border-bottom: none; font-size: 14px; font-size: 1.4rem; line-height: 24px; } #dwtFeatureTechnical .ct-rt span { text-indent: 20px; display: inline-block; } #dwtFeatureTechnical .ct-rt li p { margin: 0; } /*============================== /Secure/web-twain-form-quote.aspx ===========================*/ #formQuoteContent table { float: none; margin-bottom: 0; } .form-quote h1 { font-size: 24px; line-height: 36px; } .form-quote label { margin-bottom: 0; font-weight: normal; } .form-quote .divide { width: 100%; height: 35px; } .form-quote .warnMsg { margin-top: 4px; margin-bottom: 5px; font-size: 14px; line-height: 24px; } .form-quote .water { color: #ccc; } .form-quote input { outline: none; } .form-quote .holding { position: relative; } .form-quote .holding.last { margin-right: 0; } .form-quote .holder { position: absolute; z-index: 0; top: 0; left: 10px; font-size: 14px; color: #aaa; line-height: 40px; cursor: text; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .form-quote span.chkEdition { padding: 0; } #chkBrowsers label { margin-bottom: 12px; } #chkBrowsers label:last-child { margin-bottom: 0px; } input#txtName, input#txtEmail, input#txtCompanyName2, input#txtPhone, input#txtApplication, #txtLinuxDistro { border: solid 1px #323234; height: 36px; width: 100%; padding-left: 8px; border-radius: 0; } .form-quote .fields { display: inline; padding-top: 10px; } .form-quote .table td { border-top: none; padding: 0 0 12px; font-size: 14px; } .form-quote .table td.pb0 { padding-bottom: 0; } .form-quote .table td.title { padding-bottom: 10px; font-size: 16px; line-height: 26px; color: #444; font-family: Oswald; } #formQuoteContent input[type='radio'], #formQuoteContent input[type='checkbox'] { outline: none; height: 18px; width: 18px; vertical-align: sub; margin-right: 10px; } #formQuoteContent input#chkCallback { margin-right: 10px; } input#txtCloud[disabled], input#txtNumCPU[disabled], input#txtProduction[disabled], input#txtFailover[disabled], input#txtEstimated[disabled] { color: gray; } input#txtCloud, input#txtNumCPU, input#txtProduction, input#txtFailover, input#txtEstimated { border: solid 1px #ccc; height: 30px; width: 70px; padding-left: 6px; color: #aaa; } #txtAdditional { padding: 3px 0 0 5px; width: 95%; height: 140px; border: 1px solid #323234; border-radius: 0px; outline: none; } #txtOther, #txtEndUserOther, #monthChooseOther { outline: none; width: 87%; padding: 3px 0 0 5px; border: 1px solid #323234; border-radius: 0px; } .form-quote table.table td.callback { float: right; } #formQuoteContent .fontOrange { padding: 0 0 0 5px; vertical-align: middle; } .tip-required-selection { color: red; padding-top: 10px; display: inline-block; font-size: 14px; line-height: 24px; } .tip-required-selection.pt0 { padding-top: 0; } #formQuoteContent label, #formQuoteContent td { white-space: normal; } .table-responsive { border: none; } #formQuoteContent .addonOCRWrap { display: none; margin-top: 5px; } #formQuoteContent .addonOCRWrap .holder { padding: 5px 10px 0 8px; left: 30px; line-height: 20px; width: 90%; } #formQuoteContent .addonOCRWrap textarea { padding: 2px 0 0 5px; margin: 0 0 0 30px; max-width: 90%; width: 90%; min-width: 90%; min-height: 80px; font-size: 1.4rem; line-height: 2.4rem; border: 1px solid #ccc; outline: none; } #formQuoteContent table.one td { padding-bottom: 7px; } #formQuoteContent table.one td.title { margin-bottom: 10px; } #formQuoteContent table.one .holding { padding-right: 12px; } #formQuoteContent table.one .holding .fontOrange { padding: 0; position: absolute; right: 0; top: 12px; } /*====================================== WebTWAIN_News.aspx ==================================*/ .release-notes .tag { display: inline-block; margin-top: 15px; height: 30px; line-height: 30px; padding: 0 15px; border-radius: 3px; text-transform: uppercase; text-align: center; color: #fff; font-size: 14px; font-size: 1.4rem; font-family: OpenSans-Semibold; } .release-notes .tag-new { background-color: #feb420; } .release-notes .tag-changed { background: #5bbfff; } .release-notes .tag-improved { background-color: #39bec2; } .release-notes .tag-fixed { background-color: #2ecc71; } .release-notes .tag-resources { background: #50a8e1; } .release-notes .tag-notice { background: #c6a9f2; } .release-notes ul.new li, .release-notes ul.improved li, .release-notes ul.changed li, .release-notes ul.resources li, .release-notes ul.fixed li, .release-notes ul.gray li, .release-notes ul.notice li { padding-left: 15px; position: relative; } .release-notes ul.new > li:before, .release-notes ul.improved > li:before, .release-notes ul.changed > li:before, .release-notes ul.resources > li:before, .release-notes ul.fixed li:before, .release-notes ul.gray li:before, .release-notes ul.notice li:before { content: '.'; display: inline-block; position: absolute; left: 0; top: -12px; font-size: 40px; } .release-notes ul.new > li:before { color: #feb420; } .release-notes ul.changed > li:before { color: #5bbfff; } .release-notes ul.improved > li:before { color: #39bec2; } .release-notes ul.fixed li:before { color: #2ecc71; } .release-notes ul.resources > li:before { color: #50a8e1; } .release-notes ul.notice li:before { color: #c6a9f2; } .release-notes ul.gray > li:before { color: #ccc; } .release-notes .item li ul { margin-top: 2px; margin-bottom: 8px; } .release-notes .item { margin-top: 35px; } .release-notes .content .item:first-child { margin-top: 0; } .release-notes li, .release-notes p { font-size: 14px; font-size: 1.4rem; line-height: 24px; } .release-notes .content li { margin-bottom: 7px; } .release-notes h1 span { display: block; margin-top: 20px; padding-top: 10px; font-size: 24px; line-height: 36px; border-top: 1px solid #eee; } .release-notes .item h3 { line-height: 33px; } #xsDwtNewsTabNav { margin: 10px 0 22px; } #addonNav { display: none; margin-bottom: 5px; } #addonNav li { float: left; margin: 0 10px 15px 0; } #addonNav li label { padding: 0 10px; margin: 0; height: 36px; line-height: 34px; font-family: OpenSans-Semibold; color: #777; background-color: #f5f5f5; border-radius: 3px; cursor: pointer; font-weight: normal; } #addonNav li.on label { background-color: #637280; color: #fff; cursor: default; } #addonNav li:last-child { margin-right: 0; } #addonNav li:last-child label { padding: 0 15px; } #addonNav li input { display: none; } .optional-addon .addon-section { display: none; } .optional-addon .addon-section.on { display: block; } /*================= WebTWAIN_FAQ.aspx && image-capture-sdk-purchase-FAQ.aspx ===============*/ #dwtFaqContent .title { padding-bottom: 5px; } #dwtFaqContent h2 { margin: 20px 0 0 0; } #dwtFaqContent .dwt-faq-ul > li { height: auto; border-bottom: solid 1px #e7e7e7; padding: 24px 0; color: #444; } #dwtFaqContent li.pr0 { padding-right: 0; } #dwtFaqContent li > .toggle { position: relative; padding-right: 25px; cursor: pointer; } #dwtFaqContent li > .toggle.defult { cursor: default; } #dwtFaqContent li > .toggle .icon { position: absolute; right: 0; top: 10px; width: 12px; height: 10px; background: url(../img-icon/icon-triangle-12x8.png) no-repeat center top; } #dwtFaqContent li > .toggle.on .icon { background-position: right -15px; } .subcontent { display: none; padding: 15px 18px 0 0; font-size: 14px; font-size: 1.4rem; line-height: 24px; font-family: OpenSans-Regular; color: #606060; } .subcontent p:last-child { margin-bottom: 5px; } #dwtFaqContent .orange-li.pl20 { padding-left: 20px; } #dwtFaqContent a[name] { display: inline-block; padding-top: 100px; margin-top: -100px; } .subcontent img.on { position: fixed; z-index: 9999; } #dwtFaqContent .orange-li li, #dwtFaqContent .list-numbers li { margin-top: 10px; } /*============================ image-capture-sdk-purchase-FAQ.aspx =========================*/ #dwtFaqContent table.edition-comparison td { padding-top: 10px; padding-bottom: 10px; text-align: center; font-size: 14px; font-size: 1.4rem; } #dwtFaqContent table.edition-comparison td.f26 { padding: 28px 0 0 15px; font-size: 26px; font-family: OpenSans-Light; text-align: left; } #dwtFaqContent table.edition-comparison td.support { padding-top: 25px; padding-bottom: 25px; background: url(../images/icn-checked-17X12.png) no-repeat center center; border-right: none; } #dwtFaqContent table.edition-comparison td.nonsupport { padding-top: 25px; padding-bottom: 25px; background: url(../img-icon/icn-nonsupport-14x5.png) no-repeat center center; border-right: none; } #dwtFaqContent table.edition-comparison td.fontSb { text-align: left; padding-left: 15px; padding-top: 25px; padding-bottom: 25px; } #dwtFaqContent table.edition-comparison td.bgBlue, #dwtFaqContent table.edition-comparison tr.bgBlue td { background-color: #f6f9fc; } #dwtFaqContent table.edition-comparison td.br-none { border: none; } #dwtFaqContent table.edition-comparison td.br-rt-none { border: 1px solid #fff; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; } #dwtFaqContent table.edition-comparison td .icon { display: inline-block; width: 33px; height: 33px; background: url(../img-icon/logo-browsers-45X45.png) no-repeat center -231px; vertical-align: middle; } #dwtFaqContent table.edition-comparison td .icon.ios { background-position: center -276px; width: 38px; } /*======================= bootcamp-twain-document-scanning-sdk.aspx =========================*/ #dwtBootcampCt h1 { margin-bottom: 5px; } #dwtBootcampCt .bootcamp > li { height: auto; padding: 24px 0; color: #444; } #dwtBootcampCt li.pr0 { padding-right: 0; } /*#dwtBootcampCt li > .toggle { position: relative; padding-right: 25px; cursor: pointer; } #dwtBootcampCt li > .toggle.defult { cursor: default; } #dwtBootcampCt li > .toggle .icon { position: absolute; right: 0; top: 10px; width: 12px; height: 10px; background: url(../img-icon/icon-triangle-12x8.png) no-repeat center top; } #dwtBootcampCt li > .toggle.on .icon { background-position: right -15px; }*/ #dwtBootcampCt .subcontent { display: block; padding: 15px 18px 0 0; font-size: 14px; font-size: 1.4rem; line-height: 24px; font-family: OpenSans-Regular; color: #606060; } #dwtBootcampCt .subcontent p:last-child { margin-bottom: 5px; } #dwtBootcampCt .orange-li.pl20 { padding-left: 20px; } #dwtBootcampCt a[name] { display: inline-block; padding-top: 100px; margin-top: -100px; } #dwtBootcampCt .subcontent img.on { position: fixed; z-index: 9999; } #dwtBootcampCt .subcontent li:not(.mt0) { margin-top: 8px; } /*======================= /Downloads/WebTWAIN-Sample-Download.aspx ========================*/ #dwtSampleBanner { padding-top: 60px; padding-bottom: 40px; min-height: 360px; height: auto; background: url(../images/bg-dwt-sample-banner.png) no-repeat center center; background-size: cover; } #dwtSampleBanner a { display: inline-block; } #dwtSampleBanner a span:last-child { margin-left: 15px; font-size: 14px; color: #aaa; } #dwtSampleBanner a:hover span:last-child { color: #fe8e14; } #dwtSampleTitle .mainContent { position: relative; } .demoName { font-size: 24px; color: #444; margin: 10px 0 5px 0; } #dwtSampleTitle .tagGroups { width: 100%; } #dwtSampleTitle .tagGroupName { width: 30%; margin-right: 0; } #dwtSampleTitle .tagGroup { width: 70%; float: left; } #dwtSampleTitle .demo { padding: 50px 0; width: 100%; border-bottom: solid 1px #ccc; } #dwtSampleTitle .demo .demo-screenshot-thumbnail { margin-right: 0; margin-bottom: 30px; } #dwtSampleTitle .demo .demo-info { width: 100%; } .TagList a { font-size: 14px; } .TagList li { float: left; } .TagList li a { height: 15px; color: #aaa; padding: 0 15px; line-height: 15px; border-right: solid 1px #aaa; } .TagList li:nth-last-child(1) a { border-right: none; } .TagList li a:hover { color: #fe8e14; } .demo .TagList { margin-left: -15px; } .demo .demo-info .TagList { margin-left: 0; margin-top: 0px; } .demoDescription { margin-top: 30px; clear: both; } .demoLinks { margin-top: 30px; margin-bottom: 5px; } .TagList { clear: both; margin-top: 25px; } #request { display: none; } #CodeListByTags_lblCount { color: #aaa; } /*#pagination { float: right; width: auto; overflow: hidden; height: 30px; padding-top: 20px; margin-right: 12px; } #pagination li { float: left; } #pagination li a { float: left; width: 20px; height: 20px; margin-right: 10px; color: #ccc; text-align: center; line-height: 20px; border: solid 1px #ccc; } #pagination .current a { color: #fe8e14; } #pagination li a:hover { color: #fe8e14; text-decoration: underline; } */ /*=============================== WebTWAIN_CodingService.aspx =============================*/ #dwtCodingService li { margin-top: 30px; } #dwtCodingService li h3 { margin-bottom: 10px; font-size: 24px; font-size: 2.4rem; line-height: 36px; font-family: OpenSans-Light; } #dwtCodingService li p { font-size: 14px; font-size: 1.4rem; line-height: 24px; } /*========================== /Secure/WebTWAIN_ProductKeyGen.aspx ==========================*/ #dwtProductKey { padding-top: 40px; padding-bottom: 60px; } #dwtProductKey .ct-rt .box { margin: 0; border: none; } #dwtProductKey .box-header-black { padding: 0; background: none; border: none; box-shadow: none; } #dwtProductKey .box-header h3 { font-size: 18px; font-size: 1.8rem; color: #444; font-family: OpenSans-Semibold; } #dwtProductKey .box-content { padding: 0; } #dwtProductKey .box-content > div { width: 100% !important; } #dwtProductKey .box-content table { width: 100% !important; } #dwtProductKey .AddSerialNumber .box-content td { display: inline-block; padding: 0 !important; border-collapse: separate; width: 100% !important; } #dwtProductKey .serial-Number td:nth-child(1) { margin-top: 17px; height: 27px; font-size: 14px; font-size: 1.4rem; color: #444; } #dwtProductKey .AddSerialNumber .holding { float: none; margin: 0 !important; height: 37px; z-index: 5; } #dwtProductKey .holding .holder { left: 72px; margin: 0; height: 37px; line-height: 36px; z-index: 4; } #dwtProductKey .box-content input[type='text'] { padding-left: 6px; width: 94% !important; height: 37px; font-size: 14px; font-size: 1.4rem; border: solid 1px #ccc; border-radius: 3px; outline: none; } #dwtProductKey .box-content td > div { position: relative; } #dwtProductKey .box-content .fntRed { position: absolute; right: 8%; top: 8px; color: #fe8e14; } #dwtProductKey .holding input[type='text'] { padding-left: 67px; position: absolute; left: 0; top: 0; } #dwtProductKey .domain-tooltip { position: absolute; top: 0; right: 0; color: #aaa; } #dwtProductKey .rowSerialNo .domain-tooltip { top: 36px; right: 20px; } #dwtProductKey .domain-tooltip:hover { color: #fe8e14; } #ProductKeyGenerator1_UpdatePanel4 { position: relative; padding-left: 10px; height: 37px; font-size: 14px; font-size: 1.4rem; line-height: 37px; cursor: text; } #ProductKeyGenerator1_UpdatePanel4 .lbl { position: absolute; z-index: 2; } #dwtProductKey .ct-rt .serial-Number .d-btn { margin-top: 18px; outline: none; } #dwtProductKey td a { color: #50a8e1; } #dwtProductKey td a:hover { color: #61c2ec; } #dwtProductKey .ct-rt .AddedSerialNos { } #dwtProductKey .AddedSerialNos .box-top { position: relative; padding-top: 50px; margin-top: 50px; height: 123px; border-top: 1px solid #ddd; text-align: center; } #dwtProductKey .AddedSerialNos .box-top:before { display: inline-block; content: ''; position: absolute; left: 50%; top: -15px; margin-left: -15px; width: 30px; height: 30px; border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; background: #fff; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #dwtProductKey .AddedSerialNos .box-mid { border: 1px solid #ccc; background: #f8f8f8; border-radius: 3px; } #dwtProductKey .AddedSerialNos .box-header-black { height: 65px; padding-left: 20px; background: #fff; border-bottom: 1px solid #ddd; } #dwtProductKey .AddedSerialNos .box-header-black h3 { margin: 0; font-size: 16px; font-size: 1.6rem; line-height: 65px; } #dwtProductKey .AddedSerialNos .rowSerialNo { padding: 0; margin: 0; border: none; background: none; } #dwtProductKey .AddedSerialNos .rowSerialNo tr { display: inline-block; width: 100%; } #dwtProductKey .AddedSerialNos .rowSerialNo td { padding: 3px 20px; width: 100%; display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 24px; white-space: normal; } #dwtProductKey .AddedSerialNos .rowSerialNo td.f16 { font-size: 16px; font-size: 1.6rem; line-height: 26px; } #dwtProductKey .AddedSerialNos .rowSerialNo td .copy { margin-top: 5px; text-align: right; } #dwtProductKey .AddedSerialNos .rowSerialNo tr.license-type, #dwtProductKey .AddedSerialNos .rowSerialNo tr.dashed-br { padding: 15px 0; border-bottom: 1px dashed #ddd; } #dwtProductKey .AddedSerialNos .rowSerialNo tr.domains td { padding-top: 15px; padding-bottom: 15px; } #dwtProductKey .AddedSerialNos .rowSerialNo tr.domain-name { margin-top: 10px; } #dwtProductKey .AddedSerialNos .rowSerialNo tr.add-domain { border-top: 1px dashed #ddd; margin-top: 20px; padding-top: 6px; padding-bottom: 12px; } #dwtProductKey .AddedSerialNos .box-content { padding: 0; background: none; } /*====================== /Secure/WebTWAIN_ProductKeyDataString.aspx =======================*/ #dwtDataString p { margin-top: 25px; } /*============================= /Secure/WebTWAIN-Upgrade.aspx =============================*/ .dwt-upgrade #dwtUpgradeTitle p { margin: 20px 0 0; line-height: 24px; } #dwtUpgradeTitle a.moneyBack { display: inline-block; margin-top: 10px; } #dwtUpgradeTitle .selectVersion { margin: 15px 0 0; font-size: 16px; font-size: 1.6rem; color: #444; } #dwtUpgradeTitle .selectVersion select { padding: 3px 5px; padding: 0px \9 \0; border-radius: 4px; background: #f5f5f5; } #dwtUpgradeTb { padding: 0 15px 40px; } #dwtUpgradeTb .icn-tooltip-gray-sml { vertical-align: bottom; } #dwtUpgradeTb .m-content .table { margin: 30px 0 0; border: 1px solid #ddd; border-radius: 3px; border-collapse: separate; } #dwtUpgradeTb .m-content td { padding: 25px 0; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 26px; color: #444; } #dwtUpgradeTb .m-content td span { display: block; margin: 13px 0 0; font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #606060; } #dwtUpgradeTb .m-content td span.inUSD { margin: 0; } #dwtUpgradeTb .m-content .addons td span { margin: 0; } #dwtUpgradeTb .m-content tr:first-child td { padding: 20px 0; background: #f5fafe; border-top: none; } #dwtUpgradeTb .m-content tr:first-child td span { margin: 0; color: #999; } #dwtUpgradeTb .m-content tr:last-child td { border-top-style: dashed; } #dwtUpgradeTb .m-content .addons td { padding: 7px 0 7px 15px; text-align: left; font-size: 14px; font-size: 1.4rem; line-height: 24px; border-top: none; vertical-align: middle; } #dwtUpgradeTb .m-content .addons tr:last-child td { border: none; } #dwtUpgradeTb .m-content .addons tr:first-child td { font-size: 16px; font-size: 1.6rem; line-height: 26px; text-align: center; background: #fdf6e8; border-bottom: 1px solid #ddd; } #dwtUpgradeTb .m-content .addons tr td:first-child { width: 60%; } #dwtUpgradeTb .m-content .addons tr td:first-child { width: 60%; } #dwtUpgradeTb .m-content .addons tr:nth-child(2) td { padding-top: 22px; } #dwtUpgradeTb .m-content .addons tr:last-child td { padding-bottom: 25px; } #dwtUpgradeTb #serial-num p { margin: 30px 0 15px; line-height: 24px; } #dwtUpgradeTb #serial-num textarea { width: 100%; max-width: 100%; height: 120px; border: 1px solid #ddd; border-radius: 3px; } #dwtUpgradeTb .note { padding-bottom: 23px; margin: 10px 0 0; line-height: 24px; border-bottom: 1px solid #ddd; } #dwtUpgradeTb .note i { font-size: 16px; font-size: 1.6rem; color: #fe8e14; } #dwtUpgradePayment .row { /*overflow: auto;*/ } #dwtUpgradePayment .circle li.details ul { margin: 0; } #dwtUpgradePayment .circle li.details ul li { padding: 0 0 10px 15px; list-style: none; background: url(../images/icn-orange-li.png) no-repeat left 10px; } #dwtUpgradePayment .circle li.details ul li:last-child { margin: 20px 0 0; text-align: center; background: none; } #dwtUpgradePayment .circle li.details ul li:last-child img { display: inline-block; } /*========================= /Downloads/FAWEFIIEFEIJSG_WebTWAIN.aspx =========================*/ #dwtDownloadTitle h1 span { display: none; } #dwtDownloadTitle h1 img { display: inline-block; height: 64px; } #dwtDownloadTitle .platformNav { margin: 28px 0 12px; border-top: 1px solid #ddd; } #dwtDownloadTitle .platformNav li { float: left; padding: 13px 10px; margin: -1px 8px 0; cursor: pointer; } #dwtDownloadTitle .platformNav li.on { padding-top: 11px; border-top: 2px solid #fe8e14; font-family: OpenSans-Semibold; color: #fe8e14; cursor: default; } #dwtDownloadTitle .platformNav li:first-child { padding-left: 0; margin-left: 0; } #dwtDownloadTitle .item { display: none; } #dwtDownloadTitle .item.on { display: block; } #dwtDownloadTitle .item .icon { float: left; position: relative; display: inline-block; width: 50px; height: 50px; vertical-align: middle; background: url(../img-icon/icon-platform-gray-46x46.png) no-repeat left top; } #dwtDownloadTitle .linux .icon { background-position: left -50px; } #dwtDownloadTitle .macos .icon { background-position: left -100px; } #dwtDownloadTitle .item .detail { float: left; margin-top: 8px; width: 100%; } #dwtDownloadTitle .item .tag { position: relative; padding: 0 0 0 20px; margin: 0 0 0 21px; vertical-align: middle; font-size: 14px; font-size: 1.4rem; line-height: 24px; background: url(../img-icon/icon-right-gray-15x10.png) no-repeat left center; } #dwtDownloadTitle .item .tag:first-child { margin-left: 0; } #dwtDownloadTitle .item .d-btn { float: left; margin: 0 0 0 15px; min-width: 195px; } #dwtDownloadModules .item { text-align: center; } #dwtDownloadModules .item .tl { text-align: left; } #dwtDownloadModules .item .title { padding: 33px 0 43px; margin: 45px 0 20px; font-size: 14px; line-height: 24px; background: #f5f5f5; border: 1px solid #ddd; border-radius: 3px; } #dwtDownloadModules .item .title p { width: 215px; margin: 0 auto 20px; } #dwtDownloadModules .item .title .d-btn { min-width: 180px; } #dwtDownloadModules .item p:last-child { margin: 0; } #dwtDownloadModules .item ul { padding: 28px 0 35px; background: #fff; border: 1px solid #ddd; border-radius: 3px; } #dwtDownloadModules .item li { position: relative; padding-left: 15px; width: 245px; margin: 5px auto 0; text-align: left; } #dwtDownloadModules .item li:after { content: ''; display: inline-block; position: absolute; top: 11px; left: 0; width: 6px; height: 6px; background: #bbb; border-radius: 50%; } #dwtDownloadModules .item li:first-child { padding-left: 0; color: #444; } #dwtDownloadModules .item li:first-child:after { display: none; } #dwtDownloadModules .item li:last-child:after { top: 9px; } #dwtDownloadModules .item li a { display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 24px; } #dwtDownloadModules hr.cutLine { margin: 25px 0 45px; border-color: #eee; } /*================================== dwt-for-developers.aspx ================================*/ #dwtForDeveloper .ct-top { padding: 60px 0 35px; } #dwtForDeveloper .title { color: #444; font-family: OpenSans-Semibold; } #dwtForDeveloper .ct-mid { margin: 0 0 20px; } #dwtForDeveloper .ct-mid p { margin-bottom: 8px; } #dwtForDeveloper .ct-btm { font-size: 14px; font-size: 1.4rem; line-height: 24px; } #dwtForDeveloper .ct-btm p:nth-child(2) { margin-bottom: 0; } /*============================= scan-documents-mac-browsers.aspx ============================*/ #dwtScanDocBanner { padding-top: 50px; padding-bottom: 90px; } #dwtScanDocSupport li { margin-bottom: 6px; } #dwtScanDocSupport li p { margin-bottom: 0; font-size: 14px; line-height: 24px; } #dwtScanDocTrusted .item { padding: 40px 35px; font-size: 14px; line-height: 24px; } #dwtScanDocTrusted .ct-lt .item { background: #fff; } #dwtScanDocTrusted .ct-rt .item { position: relative; z-index: 1; height: 340px; overflow: hidden; } #dwtScanDocTrusted .ct-rt .bg { position: absolute; right: 0; top: 0; z-index: -1; } #dwtScanDocTrusted .item img { margin-bottom: 30px; } #dwtScanDocFeatures li { font-size: 14px; line-height: 24px; margin-top: 5px; } #dwtScanDocTry .d-btn { padding: 0; min-width: 170px; } /*========================== barcode-recognition-document.aspx ==============================*/ #dwtDocBanner { padding: 40px 15px 63px; } #dwtDocApi:after { content: ''; display: block; position: absolute; bottom: -20px; left: 50%; margin-left: -20px; width: 40px; height: 40px; border-top: solid 1px #f5f5f5; border-left: solid 1px #f5f5f5; background: #f5f5f5; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #dwtDocEasy li { font-size: 14px; font-size: 1.4rem; line-height: 24px; margin: 0 0 6px 0; } #dbrJavaScript .itemGrp .item { position: relative; padding: 40px 26px 33px; border: 1px solid #ddd; } #dbrJavaScript .itemGrp .js { margin-top: 45px; } #dbrJavaScript .itemGrp .windows { position: relative; padding-top: 85px; padding-bottom: 85px; } #dbrJavaScript .itemGrp .windows .icon-transform { position: absolute; font-size: 22px; font-size: 2.2rem; color: #aaa; } #dbrJavaScript .itemGrp .windows .transform-left { top: 20px; left: 50%; margin-left: -5px; } #dbrJavaScript .itemGrp .windows .transform-right { bottom: 40px; right: 50%; margin-right: -5px; } #dbrJavaScript .itemGrp .item .icon { display: inline-block; position: absolute; left: 25px; top: -27px; width: 54px; height: 54px; background: url(../img-icon/icn-roundness-50x50.png) no-repeat center top; } #dbrJavaScript .itemGrp .js .icon { display: inline-block; position: absolute; left: 25px; top: -27px; width: 54px; height: 54px; background: url(../images/dwt16/1.png) no-repeat center top; } #dbrJavaScript .itemGrp .barcode .icon { display: inline-block; position: absolute; left: 25px; top: -27px; width: 54px; height: 54px; background: url(../images/dwt16/3.png) no-repeat center top; } #dbrJavaScript .itemGrp .windows .icon { background-position: center -120px; } #dbrJavaScript .itemGrp .dll .icon { background-position: center -180px; } #dbrJavaScript .itemGrp .item p { margin: 0 0 5px 0; } #dbrJavaScript .itemGrp li { margin: 18px 0 0; font-size: 14px; font-size: 1.4rem; line-height: 24px; } #dwtDocCode .codeWrap { height: 400px; overflow: auto; border-top: 25px solid #ccc; border-radius: 3px 3px 0 0; } #dwtDocCode .codeWrap pre { margin: 0; padding: 23px 20px; line-height: 24px; background: #434445; color: #fff; border: none; border-radius: 0 0 3px 3px; white-space: pre-line; } #dwtDocCode hr { border-color: #eee; margin-bottom: 40px; } /*============================= dwt-web-scanning-webinar.aspx =============================*/ #dwtWebinar .ct-lt h1 { font-size: 28px; line-height: 42px; } #dwtWebinar .watchVideo { margin: 20px auto 20px; width: 300px; } #dwtWebinar .watchVideo dt { padding: 5px; height: 198px; } #dwtWebinar .watchVideo dd { margin-top: 10px; text-align: center; } #dwtWebinar .watchVideo dt img { border: 1px solid #eee; } #dwtWebinarVideoWrap { position: fixed; z-index: 10; display: none; } #dwtWebinarVideoWrap .close { display: inline-block; position: absolute; right: -30px; top: -50px; opacity: 1; background-image: none; } #dwtWebinar .ct-lt p { font-size: 14px; line-height: 24px; } #dwtWebinar .ct-lt h3 { margin: 30px 0 10px; font-family: OpenSans-Semibold; } #dwtWebinar .timeGrp { margin: 15px 0; } #dwtWebinar .timeGrp p { margin-bottom: 5px; } #dwtWebinar .ct-lt .orange-li li { margin-top: 6px; font-size: 14px; line-height: 24px; } #dwtWebinar .ct-rt { display: none; margin-top: 25px; } #dwtWebinar .ct-rt .item { margin-top: 20px; } #dwtWebinar .ct-rt .lbl { margin-bottom: 2px; font-size: 14px; line-height: 24px; } #dwtWebinar .ct-rt .lbl span { position: relative; left: 3px; top: 3px; color: #fe8e14; } #dwtWebinar .ct-rt .warnMsg { font-size: 13px; line-height: 24px; } #dwtWebinar .ct-rt input[type='text'], #dwtWebinar .ct-rt select { padding: 0 5px; width: 100%; height: 38px; font-size: 14px; border: 1px solid #ddd; outline: none; } #dwtWebinar .ct-rt .item:last-child p { margin: 20px 0 0; font-size: 14px; line-height: 24px; color: #999; } #dwtWebinar .ct-rt #btnSubmit { padding: 0 40px; margin-top: 15px; } #dwtDocTechnical2 table { margin: 30px 0 0; border: 1px solid #ccc; background: #F5F5F5; } #dwtDocTechnical2 td { font-size: 14px; line-height: 24px; border: none; vertical-align: middle; padding-left: 20px; } #dwtDocTechnical2 tr:first-child td { height: 52px; border-left: none; border-bottom: 1px solid #ddd; color: #444; } #dwtDocTechnical2 tr td:first-child { border-right: 1px solid #ddd; } #dwtDocTechnical2 tr:first-child td:first-child { border-right: 0; } #dwtDocTechnical2 tr td:last-child { width: 55%; } #dwtDocTechnical2 tr:nth-child(even) td { background: #fff; } @media (max-width: 1200px) { /*#dwtOverviewBanner .bannerImg { display: none; } #dwtOverviewBanner .btns { margin-top: 20px }*/ #dwtOverviewReliable .functionBox { height: 298px; } #dwtOverviewSupport table tr.title td:last-child { padding: 5px 17px; } #dwtOverviewStrength .strengthLine .strengthImg { display: inline-block; width: 432px; height: 289px; margin-top: 80px; margin-left: 50px; } #dwtOverviewStrength .strengthLine .disc { display: inline-block; width: 430px; vertical-align: top; margin-left: 20px; } #dwtOverviewStrength .strengthLine .disc.mt20 { margin-top: 10px; } #dwtOverviewStrength .strengthLine .disc ul li { margin-bottom: 10px; } #dwtOverviewVolume .volumeLeft { padding-top: 60px; } #dwtOverviewVolume .volumeList li { display: inline-block; width: 186px; margin-right: 16px; font-size: 14px; line-height: 28px; vertical-align: top; } #dwtOverviewVolume .volumeList li.mt50 { margin-top: 20px } #dwtOverviewAction img { width: 100%; margin-top: -20px; } #dwtOverviewPowerful .powerfulLeft { padding-left: 50px; padding-top: 75px; } #dwtOverviewPowerful .powerfulList li { display: inline-block; position: relative; width: 253px; height: 210px; padding: 40px 22px 0; margin-right: 30px; color: #FFFFFF; font-size: 14px; line-height: 28px; vertical-align: top; background: #306877; } #dwtOverviewFeature .featureBox .featureBoxBottom { height: 370px; background: #F5F5F5; padding: 25px 30px 0; position: relative; } #dwtOverviewFeature { padding-bottom: 43px; margin-top: 180px; } #dwtOverviewSwiper .slide-right div { position: relative; width: 272px; height: 174px; margin-top: 35px; background: #F5F5F5; } #dwtOverviewSwiper .slide-left { height: 296px; } #dwtOverviewCompany .caseStudys { display: block; width: 100%; text-align: center; border-right: 0; } #dwtOverviewCompany .companys { display: inline-block; width: 100%; margin-left: 0; text-align: center; margin-top: 40px; } #dwtOverviewCompany .companys img { width: auto; max-height: 40px; } #dwtOverviewReliable.webcamCaptureReliable .functionBox { width: 100%; height: 390px; margin: 0 auto; background: #F5F5F5; padding: 39px 45px 0 40px; } #dwtOverviewReliable .functionBox p { min-height: 140px; } #dwtOverviewFeature .featureBox .featureBoxTop { height: 148px; } } @media screen and (max-width:991px) { /*============================= /Secure/WebTWAIN-Upgrade.aspx =============================*/ #dwtUpgradePayment .circle > li { display: none; } #dwtUpgradePayment .circle > li.details { display: block; padding: 0; background: none; } #dwtUpgradePayment #paymentBullet { padding: 0; } #dwtUpgradePayment .payment-title { margin-bottom: 18px; font-family: OpenSans-Light; font-size: 24px; font-size: 2.4rem; line-height: 36px; color: #444; } /*======================== /Downloads/FAWEFIIEFEIJSG_WebTWAIN.aspx ==========================*/ #dwtWebsocketMobile h2 { padding-top: 0 } #dwtWebsocketMobile .row { padding-top: 60px; padding-bottom: 60px; } #dwtWebsocketMobile .row p { padding-top: 20px; padding-right: 0; } #dwtFeatureTechnical h2 { font-size: 30px; font-size: 3.0rem; line-height: 45px; } #dwtFeatureTechnical h2.tec { border-bottom: solid 1px #eee; padding-bottom: 45px; } #dwtFeatureTechnical .technicalBox { margin-bottom: 80px; } #dwtFeatureTechnical table { width: 100%; font-size: 14px; } #dwtFeatureTechnical table tr td { border: 1px solid #ddd; padding: 10px 0 10px 0; line-height: 28px; text-align: center; } #dwtFeatureTechnical table tr td:first-child { padding-left: 32px; padding-right: 32px; text-align: left; } #dwtFeatureTechnical table tr:nth-child(2) td { background: #eee; font-size: 16px; font-family: OpenSans-Semibold } #dwtFeatureTechnical table tr td:nth-child(2), #dwtFeatureTechnical table tr td:nth-child(3) { width: 20%; } #dwtFeatureTechnical table tr td i.fa { font-size: 18px; } #dwtOverviewReliable .functionList { margin-top: 0px; } #dwtOverviewReliable .functionBox { height: auto; min-height:auto; min-height: unset; max-width: 400px; position: relative; margin-top: 80px; padding-bottom: 40px; } #dwtOverviewReliable .functionBox p { min-height: auto; min-height: unset; } #dwtOverviewStrength .strengthLine { position: relative; color: #323234; height: auto; background: url(../images/dwt16/colorF5bg.png) repeat-y; background-size: 100%; margin-bottom: 64px; padding: 60px 0; } #dwtOverviewStrength .strengthLine.bgLeft { background: url(../images/dwt16/colorF5bg.png) repeat-y right; background-size: 100%; } #dwtOverviewStrength .strengthLine .strengthImg { display: block; width: 432px; height: 246px; margin-top: 80px; margin-left: 50px; margin: 40px auto 20px; } #dwtOverviewStrength .strengthLine.bgLeft .strengthImg { margin: 40px auto 20px; } #dwtOverviewStrength .strengthLine .disc { display: block; vertical-align: top; margin-left: 5px; margin: 0px auto 20px; } #dwtOverviewStrength .strengthImg.hide-sm { display: none !important } #dwtOverviewStrength .strengthImg.show-sm { display: block !important } #dwtOverviewAction { margin-top: 120px; } #dwtOverviewVolume { height: auto; background: #ffffff; margin-top: 120px; } #dwtOverviewVolume .volumeLeft { padding-left: 52px; padding-top: 0px; } #dwtOverviewVolume .volumeList { text-align: center; } #dwtOverviewVolume .col-md-8 { margin-top: 30px; } #dwtOverviewVolume .volumeList li { display: inline-block; text-align: left; width: 28%; margin: 0 1%; font-size: 14px; line-height: 28px; vertical-align: top; margin-top: 0 !important; } #dwtOverviewSwiper { margin-top: 80px; } #dwtOverviewSwiper .swiper-container .swiper-slide { overflow: hidden; height: 300px; } #dwtOverviewSwiper .slide-left { height: 300px; width: 100%; } #dwtOverviewPowerful { height: auto; background: #F5F5F5; margin-top: 80px; } #dwtOverviewPowerful .powerfulList { padding: 0; list-style: none; padding-left: 30px; margin-bottom: 60px; } #dwtOverviewPowerful .powerfulList li { display: inline-block; position: relative; width: 253px; height: 210px; padding: 40px 22px 0; margin-right: 85px; color: #FFFFFF; font-size: 14px; line-height: 28px; vertical-align: top; background: #306877; margin-top: 60px !important; } #dwtOverviewFeature .featureBox { width: 100%; max-width: 500px; margin: 0 auto; margin-bottom: 80px; } #dwtOverviewFeature .featureBox .featureBoxBottom { height: 275px; background: #F5F5F5; padding: 25px 30px 0; position: relative; } #dwtOverviewCompany .companys img { width: 100%; } #dwtOverviewReliable.webcamCaptureReliable .functionBox { width: 100%; height: auto; margin: 0 auto 80px; background: #F5F5F5; padding: 39px 45px 40px 40px; } #dwtOverviewFeature .featureBox .featureBoxTop { height: 250px; } #dwtOverviewSupport table tr td:nth-child(3) { text-align: center; } #dwtOverviewSupport table tr td .browser { margin-right: 5px; margin-left: 5px; } #dwtOverviewSupport table tr td .ieBrowser { margin-right: 5px; } } @media screen and (max-width:767px) { /*================================= WebTWAIN_Overview.aspx ================================*/ #dwtOverviewBanner h1 { width: 310px; margin: 15px auto 0; font-size: 30px; line-height: 48px; } #dwtOverviewBanner .link span { display: block; margin: 10px 0; } #dwtOverviewBanner .ibm:before { display: none; } #dwtOverviewAddon .item { max-width: 235px; margin: 20px auto 0; } #dwtOverviewBanner .ct-rt { position: absolute; bottom: -10%; padding: 0 25%; } /*============================ web-twain-html5-document-scanning.aspx =======================*/ #dwt-tips-banner h1 { font-size: 24px; line-height: 36px; } #dwt-tips-banner .container { max-width: 390px; } #dwt-tips-content .container { margin-left: 15px; margin-right: 15px; } #dwt-tips-content .content-left { padding-bottom: 50px; border-bottom: solid 1px #e7e7e7; } /*=========================== image-capture-sdk-purchase-FAQ.aspx =========================*/ #dwt-faq-banner .container { max-width: 360px; } #dwtFaqContent .subcontent.table-responsive { padding: 0; } /*============================== WebTwain_GovernmentCustomers.aspx ==========================*/ #dwt-government-Customers .table-responsive { padding: 0; } /*================================= ocr-pro-languages.aspx ================================*/ #dwt-ocrPro-language-content .section ul { margin-bottom: 45px; } #dwt-ocrPro-language-content .section .ul-O { height: 155px; } /*============================= /Survey/DWT-Survey-Mobile.aspx ============================*/ #dwt-surveyMobile-banner .content-rt { margin-top: 15px; margin-bottom: -48px; } #dwt-surveyMobile-content .emailGroup .error span { margin-left: 0; } /*=================================== WebTWAIN_How.aspx =====================================*/ #dwtHowBanner .container { max-width: 360px; } /*================================== WebTWAIN_News.aspx =====================================*/ #addonNav.xsOn { display: block !important; } /*============================ zonal-ocr-scanning-engine.aspx =============================*/ #dwtZonalOcrBanner { max-width: 350px; } /*=========================== control-scanner-in-php-app.aspx =============================*/ #scannerPhpBanner .ct-rt { position: absolute; bottom: 0; } #scannerPhpBanner .ct-lt { max-width: 535px; margin: 0 auto; float: none; } /*========================= /Downloads/FAWEFIIEFEIJSG_WebTWAIN.aspx =========================*/ /*============================ /Secure/web-twain-form-quote.aspx ============================*/ #formQuoteContent table.one td { display: block; } /*============================= scan-documents-mac-browsers.aspx ============================*/ #dwtScanDocTrusted .item { max-width: 485px; margin: 0 auto; } #dwtOverviewScan ul { margin-top: 40px; } #dwtOverviewScan ul li { display: block; width: 100%; max-width: 330px; height: unset; min-height: 331px; margin: 0 auto 40px; float: unset; padding: 0 25px; } #dwtOverviewScan ul li img { margin-top: 30px; } #dwtOverviewScan ul li:nth-child(2) img { margin-top: 55px; } #dwtOverviewScan ul li:nth-child(3) img { margin-top: 47px; } #dwtOverviewScan ul li p.topic { margin: 58px 0 10px; font-family: OpenSans-Semibold; } #dwtOverviewScan ul li:last-child { margin-right: auto; } /*#dwtOverviewSupport h2 { text-align: left; width: 80%; } #dwtOverviewSupport .orange-li > li { margin-bottom: 10px; } #dwtOverviewSupport .one, #dwtOverviewSupport .two, #dwtOverviewSupport .three { margin-top: 0px; } #dwtOverviewSupport img.img-responsive { margin: 50px auto; }*/ #dwtOverviewSecurity p { width: 100%!important; } #dwtOverviewSecurity .white-li li { width: 100%; margin-bottom: 10px; } #dwtOverviewSecurity .absoluteImgBox .pdfBox { width: 256px; height: 284px; background: #ffffff; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.28); border-radius: 3px; text-align: center; padding-top: 34px; position: relative; top: unset; left: unset; } #dwtOverviewSecurity .absoluteImgBox { position: relative; width: 256px; height: 284px; margin: 0 auto; float: left; left: 50%; margin-left: -128px; margin-top: 40px; } #dwtOverviewAdvanced table.table2 tr td p { margin-bottom: 40px; } #dwtOverviewAdvanced table.table2 tr:last-child td p { margin-bottom: 0; } #dwtOverviewSolution .solution-ul li { display: inline-block; width: 100%; float: left; position: relative; margin-top: 0px; } #dwtOverviewSolution h2 { margin-bottom: 40px; } /*#dwtOverviewSupport .three h2 { width: 100%; }*/ #dwtOverviewSecurity h2 { text-align: left; } #dwtOverviewAdvanced h2 { font-size: 30px; } #dwtOverviewSecurity { padding: 65px 0 85px; background: url(../images/imgo_mobile.png) top left; background-size: 100% 100%; } /*#dwtOverviewBanner { position: relative; height: auto; padding-bottom: 40px; color: #FFFFFF; background: url(../images/dwt16/color32bg.png) repeat-y; background-size: 100%; } #dwtOverviewBanner p { text-align: center; } #dwtOverviewBanner .btns { text-align: center; } #dwtOverviewBanner .btns a { margin-bottom: 30px; } #dwtOverviewBanner .btns a.tryBtn:hover, #dwtOverviewBanner .btns a.downloadBtn:hover, #dwtOverviewAction .tryBtn:hover{ box-shadow: none; position: static; }*/ #dwtOverviewSupport { margin-top: 80px; } #dwtOverviewSupport h3, #dwtOverviewVolume h3, #dwtOverviewPowerful h3 { font-size: 22px; } #dwtOverviewStrength { margin-top: 80px; } #dwtOverviewVolume { height: auto; background: #ffffff; margin-top: 120px; } #dwtOverviewVolume .volumeList li { display: inline-block; width: 40%; margin: 0 4%; font-size: 14px; line-height: 28px; vertical-align: top; margin-top: 30px !important; } #dwtOverviewVolume .volumeList li:nth-child(3), #WebTwainOverview .dwtOverviewVolume .volumeList li:nth-child(6) { margin-right: 4%; } #dwtOverviewAction { margin-top: 80px; } #dwtOverviewSwiper { margin-top: 100px; } #dwtOverviewSwiper .slide-left { width: 100%; } #dwtOverviewPowerful { margin-top: 100px; } #dwtOverviewPowerful .powerfulList li { display: inline-block; position: relative; width: 100%; height: auto !important; padding: 40px 22px 29px; margin-right: 5%; color: #FFFFFF; font-size: 14px; line-height: 28px; vertical-align: top; background: #306877; margin-top: 60px !important; } #dwtOverviewPowerful .powerfulList li p { height: auto!important; } #dwtOverviewSupport table { font-size: 14px; } #dwtOverviewSupport table .fontOswald { font-size: 16px; } #dwtOverviewSupport table p { font-size: 14px; } #dwtOverviewSupport table tr td { padding: 10px 5px; } #dwtOverviewReliable.webcamCaptureReliable .functionBox p { margin-top: 0; } #dwtOverviewReliable.webcamCaptureReliable .functionBox h3 { min-height: 36px; } #dwtOverviewSupport .fab { display: block; } #dwtOverviewStrength .strengthLine .disc { width: 100%; padding: 0 30px; } #dwtOverviewStrength .strengthLine { padding: 40px 0; } #dwtOverviewStrength .strengthLine .strengthImg { display: block; width: 100%; padding: 0 30px; margin: 40px auto 20px; text-align: center; } #dwtOverviewStrength .strengthLine .strengthImg img { height: 100%; width: auto; } #dwtFeatureSupport .mobileContent table tr td .macos { display: inline-block; width: 32px; height: 32px; background: url(../img-icon/macOs.png) no-repeat center center; background-size: 100%; margin: 0 30px; vertical-align: bottom; margin-bottom: 2px; } } @media (min-width:768px) { /*================================= WebTWAIN_Overview.aspx ================================*/ #dwtOverviewBanner { padding-top: 50px; padding-bottom: 40px; min-height: 440px; height: auto; overflow: hidden; } #dwtOverviewBanner .logo-dwt { margin: 0; } #dwtOverviewBanner .ct-lt { width: 60%; } #dwtOverviewBanner .ct-rt { width: 60%; float: right; position: absolute; top: 0px; right: 0; height: 100%; width: 459px; } #dwtOverviewBanner .ct-rt img { position: absolute; } #dwtOverviewBanner .ct-rt img.bk1 { top: 0; right: 0; } #dwtOverviewBanner .ct-rt img.bk2 { position: absolute; top: 14%; width: 380px; left: 11%; } #dwtOverviewBanner h1 { margin-top: 18px; } #dwtOverviewBanner .link { margin-top: 20px; } #dwtOverviewBanner .link span { display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-right: 40px; } #dwtOverviewBanner .ibm { margin-right: 35px; } #dwtOverviewBanner .ibm:after { right: -17px; } #dwtOverviewScan .desc { padding: 0 20px; } #dwtOverviewScan dl { padding: 0 20px; } #dwtOverviewScan .control { padding: 0; } #dwtOverviewScan .dataSheet { margin-top: 20px; font-size: 16px; line-height: 26px; } #dwtOverviewScan ul li { display: inline-block; width: 48%; height: 351px; padding: 0 36px; float: left; margin-right: 4%; text-align: center; border: 1px solid #eee; } #dwtOverviewScan ul li:nth-child(2) { margin-right: 0%; } #dwtOverviewScan ul li:nth-child(3) { margin-top: 60px; } #dwtOverviewScan ul li img { margin-top: 50px; } #dwtOverviewScan ul li p.topic { margin: 58px 0 10px; font-family: OpenSans-Semibold; } /*#dwtOverviewSupport { overflow: hidden; }*/ /*#dwtOverviewSupport .illus-top { position: absolute; left: 330px; top: 0; } #dwtOverviewSupport .illus-btm { position: absolute; left: -380px; bottom: -70px; } #dwtOverviewSupport .ct-lt { padding-right: 55px; } #dwtOverviewSupport .ct-lt p { margin-bottom: 6px; } #dwtOverviewSupport .ct-rt { margin-top: 40px; padding-top: 0; padding-left: 45px; border-top: none; }*/ #dwtOverviewIntegration h2 { padding-right: 40px; } #dwtOverviewIntegration .ct-lt { padding-top: 140px; padding-right: 35px; } #dwtOverviewFeatures .item { margin: 65px 25px 0; padding: 50px 55px 30px 40px; min-height: 243px; } #dwtOverviewAddon .item { padding: 35px 40px 40px; margin-top: 32px; } #dwtOverviewAddon .pdf .item { padding: 35px 50px 40px; } #dwtOverviewAddon .ocr .item { padding: 35px 33px 40px; } #dwtOverviewAddon .barcode, #dwtOverviewAddon .pdf { padding-left: 0; } #dwtOverviewAddon .item p.fontSb { margin-bottom: 8px; } #dwtOverviewAddon .webcam, #dwtOverviewAddon .ocr { padding-right: 0; } #dwtOverviewCustomers .item { margin: 25px 0 0; padding: 0; } #dwtOverviewCustomers .avision { float: left; width: 370px; padding: 42px 35px 0 50px; margin: 0; } #dwtOverviewCustomers .avision p:nth-child(2) { margin-top: 15px; font-size: 16px; line-height: 26px; } #dwtOverviewCustomers .csGroup { float: right; width: 348px; height: 315px; } /*================================= WebTWAIN_License.aspx =================================*/ #dwtLicenseContent h1 { padding-bottom: 25px; } #dwtLicenseContent ul.list-num > li { padding-bottom: 25px; } #dwtLicenseContent ul.list-num > li h3 { margin-bottom: 16px; font-size: 18px; font-size: 1.8rem; } #dwtLicenseContent .revision-date { margin-bottom: 25px; font-size: 24px; font-size: 2.4rem; line-height: 36px; } #dwtLicenseContent .links { position: absolute; right: 3px; top: 8px; width: 225px; } /*=========================== web-twain-html5-document-scanning.aspx ========================*/ #dwt-tips-banner { padding-top: 70px; } #dwt-tips-content .content-right { border-left: solid 1px #e7e7e7; padding-left: 30px; margin-left: 40px; } #dwt-tips-content form input[type='text'] { width: 250px; } #dwt-tips-content form textarea { width: 300px; max-width: 300px; } /*================================ WebTWAIN-Barcode-Reader.aspx =============================*/ #dwt-addOn-dbr-supported .item { width: 340px; height: 220px; } /*=============================== .net-pdf-rasterizer-sdk.aspx ==============================*/ #dwt-pdf-image-convert .Convert .content-lt { padding-right: 5px; } #dwt-pdf-image-convert .Convert .content-rt { padding-left: 50px; } #dwt-pdf-image-convert .Annotation .content-lt { padding-left: 55px; } #dwt-pdf-image-convert .Annotation .content-rt { padding-right: 40px; } #dwt-pdf-image-sample ul { padding-left: 90px; } /*============================= WebTWAIN-Webcam-Capture.aspx ================================*/ #dwt-webcam-works .code-top { padding: 50px 30px 30px; min-height: 200px; height: auto; } /*===================== WebTWAIN-with-HTML5-WebSocket-for-chrome.aspx =====================*/ #dwtWebsocketBanner .content-lt { padding-left: 40px; } #dwtWebsocketBanner .content-rt { margin-top: 27px; } #dwtWebsocketBanner li { float: left; position: relative; padding-left: 10px; text-align: center; } #dwtWebsocketBanner li.windows { padding-left: 20px; } #dwtWebsocketBanner li hr { position: absolute; left: 0; top: 11px; margin: 0; width: 1px; height: 20px; background: #ccc; } #dwtWebsocketBanner li .icon { display: inline-block; width: 45px; height: 45px; margin: 0 auto; background: url(../img-icon/logo-browsers-45X45.png) no-repeat center top; } #dwtWebsocketBanner li.windows .icon { background-position: center -228px; } #dwtWebsocketBanner li.macOS .icon { background-position: center -272px; } #dwtWebsocketBanner li.linux .icon { background-position: center -360px; } #dwtWebsocketFeatures .content-lt { padding: 185px 20px 0 15px; } #dwtWebsocketFeatures .content-rt { padding-left: 55px; } #dwtWebsocketWorks li { font-size: 14px; font-size: 1.4rem; line-height: 24px; } #dwtWebsocketWorks li:nth-child(1) { padding-left: 0; padding-right: 64px; } #dwtWebsocketWorks li:nth-child(2) { padding-left: 0; padding-right: 23px; } #dwtWebsocketWorks li:nth-child(3) { padding-left: 2px; padding-right: 0; } #dwtWebsocketWorks li:nth-child(4) { padding-left: 70px; } #dwtWebsocketCode .content-rt .code { margin-top: 10px; margin-left: 15px; padding-bottom: 20px; } /*================================= ocr-pro-languages.aspx ================================*/ #dwt-ocrPro-language-content .section li, #dwt-ocrPro-language-content .section li.fontSb { padding-left: 65px; } #dwt-ocrPro-language-content .section ul:first-child li, #dwt-ocrPro-language-content .section ul:first-child li.fontSb { padding-left: 50px; } /*============================= /Survey/DWT-Survey-Mobile.aspx ============================*/ #dwt-surveyMobile-banner .content-lt { padding-left: 40px; } #dwt-surveyMobile-content .emailGroup input[type='text'] { width: 280px; margin-left: 15px; } #dwt-surveyMobile-content ul.list-numbers > li { font-size: 16px; line-height: 26px; } #dwt-surveyMobile-content .emailGroup .error span { margin-left: 0; } /*================================ cpp-ocr-library.aspx ===================================*/ #dwtCppOcrOverview li { font-size: 16px; line-height: 26px; } #dwtCppOcrOverview .ct-rt .item { position: relative; padding-left: 68px; margin-top: 40px; } #dwtCppOcrOverview .ct-rt .item .icon { position: absolute; left: 0; top: -12px; } #dwtCppOcrIO .a .ct-rt { padding-top: 55px; } #dwtCppOcrIO .b .ct-lt { padding-right: 0; } #dwtCppOcrIO .b .ct-rt { padding-top: 70px; } #dwtCppOcrPricing .ct-lt { padding-left: 35px; } #dwtCppOcrPricing .ct-rt { margin-top: 5px; } #dwtCppOcrBenefits .ct-rt { padding: 55px 15px 0 0; } #dwtCppOcrBtm .d-btn { padding: 0 20px; min-width: 178px; } /*============================== web-twain-ocrpro-quote.aspx ==============================*/ #ocrPro-quote-content { margin-bottom: 100px; } #ocrPro-quote-content .formWrapper { padding: 60px 10px 50px 70px; } #ocrPro-quote-content .formWrapper .section-yourself input { width: 60%; } #ocrPro-quote-content .formWrapper li label { font-size: 16px; font-size: 1.6rem; line-height: 26px; } #ocrPro-quote-content .formWrapper li label input[type='radio'] { vertical-align: text-top; } /*====================== /Downloads/FAWEFIIEFEIJSG_Linux_WebTWAIN.aspx ======================*/ #dwtLinuxDownload #top_contain .ct-lt { padding-left: 65px; } #dwtLinuxDownload #top_contain .ct-rt .linux { padding: 0; } #dwtLinuxDownload #top_contain .ct-rt .item { margin-top: 33px; } #dwtLinuxDownload #top_contain .ct-lt h3 { margin-top: 20px; text-align: left; font-size: 30px; font-size: 3.0rem; line-height: 45px; } #dwtLinuxDownload #top_contain .note { padding: 0 70px 0 5px; margin-top: -65px; } #dwtLinuxDownload .Q2 textarea { width: 325px; max-width: 325px; font-size: 16px; font-size: 1.6rem; line-height: 26px; } #dwtLinuxDownload .Q3 label input[type='text'] { width: 160px; } #dwtLinuxDownload .comment textarea { width: 70%; max-width: 70%; } /*============================ professional-arabic-ocr-sdk.aspx ===========================*/ #dwtArabicOcrFeatures .content-lt { padding-top: 180px; } #dwtArabicOcrFeatures .content-rt { padding-left: 30px; } /*=================================== WebTWAIN_How.aspx =====================================*/ #dwtHowBanner { padding-top: 75px; } #dwtHowContent li { font-size: 18px; font-size: 1.8rem; line-height: 27px; color: #444; padding-right: 60px; } #dwtHowContent .subcontent { padding-left: 20px; } /*#dwtHowContent li.licenseKey p.title { padding-right: 120px; }*/ #dwtHowContent li.licenseKey p.title span { margin-left: 24px; } /*============================ zonal-ocr-scanning-engine.aspx =============================*/ #dwtZonalOcrBanner { height: 340px; padding-top: 60px; } #dwtZonalOcrScanning .ct-lt { padding-right: 5px; } #dwtZonalOcrScanning .ct-rt { padding-left: 50px; padding-top: 70px; } #dwtZonalOcrScanning .ct-rt .video { margin: 0; } #dwtZonalOcrImprove .ct-lt { padding-top: 60px; } /*=========================== control-scanner-in-php-app.aspx =============================*/ #scannerPhpBanner { padding-top: 62px; height: 360px; } #scannerPhpBanner .ct-rt img { margin: 28px 0 0 -6px; } #scannerPhpBanner .ct-lt { padding-left: 55px; } #scannerPhpApp ul.orange-li li { padding-right: 15px; } #scannerPhpApp .ct-rt .form { float: right; } #scannerPhpApp .ct-rt .form input { max-width: 250px; } #scannerPhpApp .ct-rt .form .btn { max-width: 250px; } #scannerPhpBtm .container:before { height: 55px; line-height: 60px; font-size: 70px; } #scannerPhpBtm .container:after { height: 50px; line-height: 110px; font-size: 70px; } /*=============================== javascript-ocr-api.aspx =================================*/ #dwtOcrApiTop .section { margin-top: 55px; } #dwtOcrApiTop .use h3 { margin-bottom: -12px; } #dwtOcrApiTop .use p.item { margin-top: 43px; margin-bottom: 20px; font-size: 16px; font-size: 1.6rem; line-height: 26px; } #dwtOcrApiBtm .btn { min-width: 165px; } /*========================= web-document-scanning-sdk-linux.aspx ==========================*/ #dwtLinuxAccess .language .item { padding-bottom: 22px; } #dwtLinuxFeatures .ct-lt { padding: 130px 15px 0 15px; } #dwtLinuxFeatures .ct-rt { padding-left: 48px; } #dwtLinuxVideo .videoWrapper { margin-top: 30px; height: 340px; } /*================================= WebTWAIN_Features.aspx ================================*/ #dwtFeatureSupport h1 { font-size: 30px; font-size: 3.0rem; line-height: 45px; } /*Mobile Content begin*/ .mobileContent .section { margin: 55px 50px 0; } .mobileContent .section dl { width: 20%; } .mobileContent .linux dl { width: 50%; } .mobileContent .mac dl { width: 33%; } .mobileContent .section .mid { padding: 25px 15px 10px; } .mobileContent .section .mid .title { margin-bottom: 30px; } .mobileContent .linux .mid { padding-left: 200px; padding-right: 200px; } .mobileContent .mac .mid { padding-left: 150px; padding-right: 150px; } .mobileContent .section .btm:after { content: ''; display: block; clear: both; } .mobileContent .section .btm .item { float: left; padding-top: 25px; width: 50%; } .mobileContent .section .btm .item:last-child { border-left: solid 1px #ddd; } .mobileContent .windows .section .btm .item:last-child { min-height: 162px; } .mobileContent .mac .btm .item:last-child P:nth-child(2) { text-align: center; } /*Mobile Content end*/ #dwtFeatureSupport .mobileContent table tr td .macos { display: inline-block; width: 32px; height: 32px; background: url(../img-icon/macOs.png) no-repeat center center; background-size: 100%; margin: 0 30px; vertical-align: bottom; margin-bottom: 2px; } #dwtFeatureTechnical .ct-lt { font-size: 18px; font-size: 1.8rem; line-height: 29px; } #dwtFeatureTechnical .ct-rt li { font-size: 16px; font-size: 1.6rem; line-height: 26px; } /*============================ /Secure/web-twain-form-quote.aspx ============================*/ .form-quote h1 { margin-bottom: 10px; font-size: 32px; line-height: 54px; } .form-quote .table td { font-size: 16px; line-height: 26px; } .form-quote .table td.title { padding-bottom: 15px; } #formQuoteContent table.one tr td:first-child { padding-right: 18px; } #formQuoteContent table.one tr td:last-child { padding-left: 18px; } #formQuoteContent table.one tr td.title { padding-bottom: 25px; padding-left: 0; } #formQuoteContent table.one .holding { padding-right: 17px; } #formQuoteContent table.one .holding .fontOrange { top: 11px; } /*================================== WebTWAIN_News.aspx =====================================*/ .release-notes .content { display: none !important; position: relative; padding-left: 65px; margin-left: 18px; border-left: solid 1px #ccc; } .release-notes .content.on { display: block !important; } .release-notes .content:before, .release-notes .content:after { content: ''; display: inline-block; position: absolute; left: -5px; width: 10px; height: 10px; background: #fff; } .release-notes .content:before { top: 0; } .release-notes .content:after { bottom: -10px; } .release-notes .content:after, .release-notes .optional-addon:before { border: solid 1px #ccc; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .release-notes .optional-addon:before { top: 0; } .release-notes .item { margin-top: 45px; } .release-notes .tag { margin-top: 20px; margin-bottom: 12px; padding: 0 18px; } .release-notes h1 img { display: inline-block; } .release-notes h1 span { display: inline-block; margin: 0 0 0 35px; padding: 0; position: relative; font-size: 36px; line-height: 48px; border-top: none; } .release-notes h1 span:before { display: inline-block; position: absolute; left: -16px; top: 14px; content: ''; width: 1px; height: 24px; background-color: #ddd; } .release-notes .item h3 { position: relative; font-size: 24px; line-height: 36px; font-family: OpenSans-Light; } .release-notes h3 .node { display: inline-block; position: absolute; top: 0; left: -84px; width: 35px; height: 35px; } .release-notes h3 .node:before { content: ''; position: absolute; opacity: .5; right: 0; top: 0; display: inline-block; width: 35px; height: 35px; background: url(../img-icon/bg-news-navLi-icnbottom-34x34.png) no-repeat center center; } .release-notes h3 .node:after { content: ''; position: absolute; z-index: 2; right: 0; top: 0; display: inline-block; width: 35px; height: 35px; background: url(../img-icon/icon-roundpoint-23x24.png) no-repeat center center; } .release-notes h3 .current:after { background: url(../img-icon/bg-news-navLi-icntop22x22.png) no-repeat center center; } .release-notes a.upgrade { position: absolute; right: 15px; top: 110px; font-size: 14px; line-height: 24px; } #dwtNewsTabNav { margin-bottom: 40px; } #dwtNewsTabNav { margin: 40px 0 30px; width: 100%; max-width: 100%; height: 38px; border-bottom: 1px solid #ddd; } #dwtNewsTabNav li { float: left; height: 38px; font-size: 14px; line-height: 38px; text-align: center; font-family: OpenSans-Semibold; border-bottom: none; cursor: pointer; } #dwtNewsTabNav li:first-child { width: 27%; } #dwtNewsTabNav li:nth-child(2) { width: 30%; } #dwtNewsTabNav li.on { line-height: 32px; color: #444; border-top: 3px solid #ff9f1f; border-bottom: 1px solid #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-radius: 3px 3px 0 0; cursor: default; } #addonNav { margin-bottom: 25px; } /*================= WebTWAIN_FAQ.aspx && image-capture-sdk-purchase-FAQ.aspx ===============*/ #dwtFaqContent .title { padding-bottom: 18px; } #dwtFaqContent h2 { margin-top: 15px; } .subcontent { padding: 18px 45px 0 21px; font-size: 16px; font-size: 1.6rem; line-height: 26px; font-family: OpenSans-Light; } #dwtFaqContent .row { padding-right: 30px; } #dwtFaqContent li > .toggle { padding-right: 60px; font-size: 18px; font-size: 1.8rem; line-height: 27px; color: #444; font-family: OpenSans-Light; } #dwtFaqContent li > .toggle .icon { right: 25px; } /*=========================== image-capture-sdk-purchase-FAQ.aspx =========================*/ #dwtFaqContent .item-server table tr td { padding: 15px; } #dwtFaqContent .item-server table tr td:nth-child(1) { width: 20%; } #dwtFaqContent .item-server table tr td:nth-child(2) { width: 50%; } #dwtFaqContent .item-server table tr td:nth-child(3) { width: 30%; } /*======================= bootcamp-twain-document-scanning-sdk.aspx =========================*/ #dwtBootcampCt h1 { margin-bottom: 10px; } #dwtBootcampCt .subcontent { padding: 18px 45px 0 21px; font-size: 16px; font-size: 1.6rem; line-height: 26px; font-family: OpenSans-Light; } #dwtBootcampCt .row { padding-right: 30px; } #dwtBootcampCt li > .toggle { padding-right: 60px; font-size: 18px; font-size: 1.8rem; line-height: 27px; color: #444; font-family: OpenSans-Light; } #dwtBootcampCt li > .toggle .icon { right: 25px; } /*======================= /Downloads/WebTWAIN-Sample-Download.aspx ========================*/ #dwtSampleBanner { padding-top: 70px; height: 360px; } #dwtSampleTitle .tagGroupName { width: 20%; } #dwtSampleTitle .tagGroup { width: 80%; } /*=============================== WebTWAIN_CodingService.aspx =============================*/ #dwtCodingService { padding-left: 30px; padding-right: 30px; } #dwtCodingService li { margin-top: 35px; padding-right: 105px; } /*========================== /Secure/WebTWAIN_ProductKeyGen.aspx ==========================*/ #dwtProductKey { padding-top: 60px; padding-bottom: 140px; } #dwtProductKey h1 { padding: 0; } #dwtProductKey .ct-lt { padding-left: 40px; padding-right: 50px; border-right: solid 1px #ddd; } #dwtProductKey .ct-rt { padding-left: 50px; padding-right: 15px; } #dwtProductKey .AddedSerialNos { position: relative; left: -125%; top: 60px; width: 700px; } #dwtProductKey .AddedSerialNos .box-top { margin-top: 20px; } #dwtProductKey .AddedSerialNos .box-header-black { padding-left: 30px; } #dwtProductKey .AddedSerialNos .rowSerialNo td { padding: 3px 30px; } /*============================= /Secure/WebTWAIN-Upgrade.aspx =============================*/ #dwtUpgradeTitle h1 { font-size: 30px; font-size: 3.0rem; line-height: 45px; } .dwt-upgrade #dwtUpgradeTitle p { margin: 15px 0 0; width: 65%; } #dwtUpgradeTitle a.moneyBack { position: absolute; right: 15px; top: 13px; } #dwtUpgradeTitle .selectVersion { margin: 30px 0 0; font-size: 24px; font-size: 2.4rem; line-height: 36px; font-family: OpenSans-Light; } #dwtUpgradeTitle .selectVersion select { padding: 3px 30px 3px 6px; margin: 0 0 0 5px; padding: 0px\9 \0; margin: 0px\9 \0; font-size: 16px; font-family: OpenSans-Regular; } #dwtUpgradeTb table { margin: 0; } #dwtUpgradeTb { padding: 40px 15px 50px; } #dwtUpgradeTb .mainContent { border: 1px solid #ddd; border-bottom: none; border-radius: 3px 3px 0 0; } #dwtUpgradeTb td { padding: 12px 8px; font-size: 14px; font-size: 1.4rem; line-height: 24px; border: none; border-bottom: 1px dashed #ddd; text-align: center; vertical-align: middle; } #dwtUpgradeTb tr td:first-child { width: 42%; padding-left: 25px; color: #999; border-right: 1px solid #ddd; background: #f5fafe; text-align: left; } #dwtUpgradeTb tr td:nth-child(2) { width: 29%; } #dwtUpgradeTb tr td:nth-child(3) { width: 29%; } #dwtUpgradeTb tr td:first-child span { display: block; margin-bottom: 5px; color: #606060; } #dwtUpgradeTb tr td:first-child span.mb0 { margin-bottom: 0; } #dwtUpgradeTb tr:first-child td { padding: 13px 0; border-right: none; background: #fff; text-align: center; border-bottom: 1px solid #ddd; font-size: 16px; font-size: 1.6rem; line-height: 26px; color: #444; font-family: OpenSans-Semibold; } #tblV12 tr:nth-child(n+7) td, #tblV13 tr:nth-child(n+7) td, #dwtUpgradeTb tr.no-bdbtm td { padding-bottom: 0; border-bottom: none; } #dwtUpgradeTb tr:last-child td { padding-bottom: 25px; border-bottom: 1px solid #ddd; } #dwtUpgradeTb .note { margin: 0; padding: 25px 0 25px 25px; border: 1px solid #ddd; border-top: none; border-radius: 0 0 3px 3px; } #dwtUpgradePayment .circle li.details ul { position: relative; } #dwtUpgradePayment .circle li.details ul li { width: 57%; } #dwtUpgradePayment .circle li.details ul li:last-child { margin: 0; position: absolute; top: 13px; right: 0; width: 43%; text-align: right; } #dwtUpgradeTb .inUSD { display: inline-block; margin: 0; width: 100%; text-align: center; color: #606060; font-size: 14px; line-height: 24px; font-family: OpenSans-Regular; } /*======================== /Downloads/FAWEFIIEFEIJSG_WebTWAIN.aspx ==========================*/ #dwtDownloadTitle h1 span { position: relative; bottom: 0; margin: 0 0 0 15px; padding: 0 0 0 15px; display: inline-block; font-size: 18px; font-size: 1.8rem; line-height: 56px; color: #444; font-family: OpenSans-Semibold; vertical-align: text-top; } #dwtDownloadTitle h1 span:before { display: block; content: ''; width: 1px; height: 17px; background: #aaa; position: absolute; top: 20px; left: 0; } #dwtDownloadTitle .item .detail { margin: -3px 0 0; width: auto; } #dwtDownloadTitle .item .tag { display: block; } #dwtDownloadTitle .item .tag:last-child { margin: 5px 0 0; } #dwtDownloadTitle .item .d-btn { margin: 0 40px 0 18px; } #dwtDownloadModules .moduleTitle { margin: 0; } #dwtDownloadModules .item { margin: 45px 0 0; } #dwtDownloadModules .item .title { float: left; width: 50%; margin: 0; border-radius: 3px 0 0 3px; } #dwtDownloadModules .item ul { float: left; width: 50%; padding: 25px 0 35px 20px; border-left: none; border-radius: 0 3px 3px 0; } #dwtDownloadModules .item li { margin-top: 6px; } #dwtDownloadModules hr.cutLine { margin: 20px 0 60px; } /*================================== dwt-for-developers.aspx ================================*/ #dwtForDeveloper .mainCt { border: 1px solid #ccc; } #dwtForDeveloper .ct-top { padding: 70px 0 60px; background: #f8f8f8 url(../img-banner/bg-dwtNote.png) repeat-x left top; } #dwtForDeveloper .ct-mid .title { margin-bottom: 18px; font-size: 18px; font-size: 1.8rem; line-height: 27px; } #dwtForDeveloper .ct-mid { padding: 40px 50px 0; } #dwtForDeveloper .ct-btm { padding: 0 50px 40px; font-size: 16px; font-size: 1.6rem; line-height: 26px; } #dwtForDeveloper .ct-btm p:nth-child(2) { margin-bottom: 5px; } /*============================= scan-documents-mac-browsers.aspx ============================*/ #dwtScanDocBanner { padding-top: 40px; padding-bottom: 55px; } #dwtScanDocAccess .ct-lt { padding-right: 0; } #dwtScanDocAccess .ct-lt p { padding-right: 45px; } #dwtScanDocAccess .ct-rt { padding: 70px 0 0; } #dwtScanDocSupport .ct-lt { padding-left: 0; } #dwtScanDocSupport li { margin-bottom: 10px; } #dwtScanDocSupport li p { font-size: 16px; line-height: 26px; } #dwtScanDocSupport .ct-rt { padding-top: 43px; } #dwtScanDocTrusted .item { padding: 40px 30px 25px 40px; } #dwtScanDocTrusted .ct-rt p { width: 320px; } #dwtScanDocFeatures .ct-lt { padding-left: 65px; } #dwtScanDocFeatures .ct-rt { padding: 52px 65px 0 15px; } /*========================== barcode-recognition-document.aspx ==============================*/ #dwtDocBanner { padding: 55px 15px 85px; } #dwtDocEasy h2 { padding-right: 200px; } #dwtDocEasy .ct-lt { padding-right: 47px; } #dwtDocEasy .ct-rt { padding-top: 65px; padding-left: 0; } #dbrJavaScript .itemGrp .js { margin-top: 50px; } #dwtDocTechnical p.desc { padding: 0 7px; } #dwtDocTechnical .js, #dwtDocTechnical .windows, #dwtDocTechnical .barcode { padding-left: 62px; padding-right: 62px; } #dwtDocCode h2 { padding: 0 35px; } #dwtDocCode .codeWrap pre { padding: 25px 55px 25px 30px; } /*============================= dwt-web-scanning-webinar.aspx =============================*/ #dwtWebinar .ct-lt h1 { float: left; margin-top: 22px; width: 50%; font-size: 30px; line-height: 45px; } #dwtWebinar .watchVideo { float: right; } #dwtWebinar .ct-lt h3 { font-size: 20px; line-height: 30px; } #dwtWebinar .ct-rt h2 { font-size: 28px; line-height: 42px; } } @media (min-width: 768px) and (max-width: 991px) { /*========================= web-document-scanning-sdk-linux.aspx ==========================*/ #dwtLinuxAccess .system .item { width: 283px; padding-right: 85px; margin: 20px auto 0; } #dwtLinuxAccess .system .mid { margin-top: 22px; } /*============================= /Secure/WebTWAIN-Upgrade.aspx =============================*/ #dwtUpgradeTb .item-line { padding: 0; } #dwtUpgradeTb .item-line .times, #dwtUpgradeTb .item-line .ui-spinner { display: none; } /*======================== /Downloads/FAWEFIIEFEIJSG_WebTWAIN.aspx ==========================*/ #dwtDownload, #dwtDownloadModules { width: 680px; } /*============================= scan-documents-mac-browsers.aspx ============================*/ #dwtScanDocBanner h1 { padding: 0 35px; } #dwtScanDocAccess .ct-rt { width: 35%; margin-left: -15px; } #dwtOverviewSecurity { padding: 100px 0 85px; } #dwtOverviewSecurity .absoluteImgBox { position: absolute; right: 2%; top: 25%; width: 256px; height: 284px; } #dwtOverviewSecurity .absoluteImgBox .pdfBox { width: 256px; height: 284px; background: #ffffff; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.28); border-radius: 3px; text-align: center; padding-top: 34px; position: relative; top: unset; left: unset; } #dwtOverviewAdvanced table td p { width: 230px; } #dwtOverviewAdvanced table td i { width: 230px; } #dwtOverviewSolution .solution-ul li { width: 50%; } #dwtOverviewSolution .solution-ul li:nth-child(3), #dwtOverviewSolution .solution-ul li:nth-child(4) { margin-top:0; } } @media (min-width:992px) { /*=============================== WebTWAIN_Overview.aspx ==================================*/ #dwtOverviewBanner { padding-top: 90px; height: 540px; } #dwtOverviewBanner .ct-lt { padding-right: 0; } #dwtOverviewBanner .ct-rt { width: 48%; float: right; position: absolute; top: 0px; right: 0; max-width: 800px; min-width: 700px; height: 100%; } #dwtOverviewBanner .ct-rt img { position: absolute; } #dwtOverviewBanner .ct-rt img.bk1 { top: 0; right: 0; } #dwtOverviewBanner .ct-rt img.bk2 { position: absolute; top: 14%; width: 460px; left: 27%; } #dwtOverviewBanner h1 { padding-right: 160px; margin-top: 20px; font-size: 3.6rem; font-size: 36px; line-height: 54px; } #dwtOverviewBanner .link { display: inline-block; margin-left: 0px; } #dwtOverviewBanner .ibm img { width: 54px; } #dwtOverviewBanner .martin img { position: relative; top: -5px; height: 58px; } #dwtOverviewScan dt { height: 80px; } #dwtOverviewScan dt span { font-size: 16px; line-height: 26px; } #dwtOverviewScan dt > a { height: 85px; } #dwtOverviewScan .dataSheet { margin-top: 25px; } /*#dwtOverviewScan ul li { margin-top: 50px; }*/ #dwtOverviewScan ul li { display: inline-block; width: 32%; height: 362px; padding: 0 20px; float: left; margin-right: 2%; text-align: center; border: 1px solid #eee; } #dwtOverviewScan ul li:nth-child(2) { margin-right: 2%; } #dwtOverviewScan ul li:nth-child(3) { margin-top: unset; } #dwtOverviewScan ul li p.topic { margin: 38px 0 15px; font-family: OpenSans-Semibold; } /*#dwtOverviewSupport .ct-lt { padding-right: 60px; } #dwtOverviewSupport .ct-lt h2 { padding-right: 40px; } #dwtOverviewSupport .ct-lt p { margin-bottom: 15px; } #dwtOverviewSupport .ct-rt { padding-left: 65px; }*/ /*#dwtOverviewSupport .one .ct-lt, #dwtOverviewSupport .three .ct-lt { padding-right: 0; } #dwtOverviewSupport .two .ct-rt { padding-left: 0; }*/ #dwtOverviewSecurity .absoluteImgBox { position: absolute; right: 2%; top: 10%; width: 400px; } #dwtOverviewSecurity .absoluteImgBox img.bk1 { width: 100%; } #dwtOverviewSolution .solution-ul li:hover div.imgBox:after { content: ' '; position: absolute; display: block; top: 50%; left: 50%; width: 85px; height: 85px; margin-left: -42px; margin-top: -42px; background: url(../images/btn.png); background-size: cover; cursor: pointer; } #dwtOverviewIntegration .ct-rt { padding: 0; } #dwtOverviewIntegration li { margin-top: 10px; font-size: 16px; line-height: 26px; } #dwtOverviewIntegration h2 { padding-right: 160px; } #dwtOverviewIntegration .sideGrp { margin-top: 45px; } #dwtOverviewIntegration .sideGrp .item { float: left; margin-top: 15px; width: 47%; } #dwtOverviewIntegration .sideGrp .item:nth-child(2) { width: 53%; } #dwtOverviewIntegration .sideGrp .item p { margin-top: 6px; margin-bottom: 0; } #dwtOverviewIntegration .sideGrp .item p:first-child { font-size: 16px; line-height: 26px; } #dwtOverviewIntegration .ct-lt { padding-top: 120px; padding-right: 80px; } #dwtOverviewFeatures .features { padding-right: 50px; } #dwtOverviewFeatures .formats { padding-left: 50px; } #dwtOverviewFeatures .item { margin: 60px 0 0; } #dwtOverviewFeatures .formats .item { padding-right: 40px; } #dwtOverviewAddon .barcode { padding-left: 15px; padding-right: 8px; } #dwtOverviewAddon .webcam, #dwtOverviewAddon .pdf { padding-left: 12px; padding-right: 11px; } #dwtOverviewAddon .ocr { padding-left: 9px; padding-right: 15px; } #dwtOverviewAddon .item { padding: 35px 30px 40px; text-align: center; } #dwtOverviewAddon .pdf .item { padding: 35px 40px 40px; } #dwtOverviewAddon .ocr .item { padding: 35px 25px 40px; } #dwtOverviewAddon .item p { margin-bottom: 12px; min-height: 76px; } #dwtOverviewAddon .item p.fontSb { min-height: auto; } #dwtOverviewAddon .item.ocr { padding: 35px 0 50px; } #dwtOverviewAddon .item.ocr p { padding-left: 23px; text-align: left; } #dwtOverviewAddon .item.ocr p.fontSb { padding-left: 0; text-align: center; } #dwtOverviewRequest h2 { margin-top: 5px; } #dwtOverviewRequest p { margin-bottom: 10px; } #dwtOverviewRequest .ct-rt { padding-right: 50px; } #dwtOverviewCustomer p { padding: 0 15px; } #dwtOverviewCustomers .item { margin: 40px 0 0; } #dwtOverviewCustomers .avision { width: 480px; padding: 50px 40px 0 55px; } #dwtOverviewCustomers .avision img { width: auto; } #dwtOverviewCustomers .avision p:nth-child(2) { margin-top: 25px; margin-bottom: 14px; } #dwtOverviewCustomers .csGroup { width: 454px; height: 318px; } #dwtOverviewDnt p { padding: 0 40px; } /*========================= web-twain-html5-document-scanning.aspx ==========================*/ #dwt-tips-banner { padding-top: 55px; } #dwt-tips-content .content-right { padding-left: 60px; } #dwt-tips-content form textarea { width: 360px; max-width: 360px; } /*============================== WebTWAIN-Barcode-Reader.aspx ===============================*/ #dwt-addOn-dbr-supported .item { width: 350px; height: 200px; } #dwt-addOn-dbr-supported .item.barcode2d { margin-left: 20px; } #dwt-addOn-dbr-features .content-rt { padding-top: 120px; } /*============================= .net-pdf-rasterizer-sdk.aspx ================================*/ #dwt-pdf-image-convert .Convert .content-lt { padding-right: 55px; } #dwt-pdf-image-convert .Annotation .content-lt { padding-left: 40px; padding-top: 20px; } #dwt-pdf-image-convert .Annotation .content-rt { padding-right: 0; } #dwt-pdf-image-sample ul { padding-left: 70px; } #dwt-pdf-image-feature .orange-li li { font-size: 16px; font-size: 1.6rem; line-height: 26px; margin-top: 8px; } #dwt-pdf-image-feature .content-lt { padding-top: 140px; } /*============================== WebTWAIN-Webcam-Capture.aspx ===============================*/ #dwt-webcam-works .code-top { padding: 50px 40px 30px; min-height: 200px; height: auto; } #dwt-webcam-benefits img { position: absolute; top: -45px; right: 0; } #dwt-webcam-flexible img.illustration { position: absolute; top: 0; right: 0; } /*===================== WebTWAIN-with-HTML5-WebSocket-for-chrome.aspx =====================*/ #dwtWebsocketBanner .content-lt { padding-left: 145px; padding-right: 60px; } #dwtWebsocketBanner .content-rt { padding-left: 0; } #dwtWebsocketBanner li.windows { padding-left: 35px; } #dwtWebsocketDemo .content-lt { padding-right: 35px; } #dwtWebsocketDemo a.mdBtn span { display: inline; } #dwtWebsocketFeatures .content-lt { padding: 170px 60px 0 15px; } #dwtWebsocketWorks li:nth-child(1) { padding-right: 98px; } #dwtWebsocketWorks li:nth-child(2) { padding-left: 0; padding-right: 33px; } #dwtWebsocketWorks li:nth-child(3) { padding-left: 3px; } #dwtWebsocketWorks li:nth-child(4) { padding-left: 85px; } #dwtWebsocketWorks:after { bottom: -40px; } /*================================= ocr-pro-languages.aspx ================================*/ #dwt-ocrPro-language-content .section li { font-size: 16px; font-size: 1.6rem; line-height: 26px; } #dwt-ocrPro-language-content .section li.fontSb { padding-left: 90px; font-size: 24px; margin-top: 25px; } #dwt-ocrPro-language-content .section li { padding: 5px 0 5px 90px; } #dwt-ocrPro-language-content .section ul:first-child li, #dwt-ocrPro-language-content .section ul:first-child li.fontSb { padding-left: 35px; } /*============================= /Survey/DWT-Survey-Mobile.aspx ============================*/ .dwt-surveyMobile #subNav { display: block; } #dwt-surveyMobile-banner .container { padding: 60px 0 55px 0; } /*================================= WebTWAIN_License.aspx =================================*/ #dwtLicenseContent ul.list-num > li { padding-bottom: 20px; font-size: 16px; font-size: 1.6rem; line-height: 26px; } #dwtLicenseContent ul.list-num > li h3 { margin-bottom: 15px; font-size: 24px; font-size: 2.4rem; line-height: 36px; } #dwtLicenseContent .links { right: 85px; top: 8px; } /*================================ cpp-ocr-library.aspx ===================================*/ #dwtCppOcrOverview .ct-lt { padding-right: 50px; } #dwtCppOcrOverview .ct-rt .item { margin-top: 25px; } #dwtCppOcrSupport .ct-lt { padding-left: 40px; } #dwtCppOcrDeployment .ct-lt { padding-right: 58px; } #dwtCppOcrDeployment .ct-rt { padding-top: 125px; } #dwtCppOcrIO .a .ct-rt { padding-top: 45px; } #dwtCppOcrIO .b .ct-lt { padding-right: 40px; } #dwtCppOcrIO .b .ct-rt { padding-top: 90px; } #dwtCppOcrPricing .ct-lt { padding-left: 80px; } #dwtCppOcrBenefits .ct-rt { padding-top: 35px; } /*============================== web-twain-ocrpro-quote.aspx ==============================*/ #ocrPro-quote-content { margin-top: -105px; } #ocrPro-quote-content .formWrapper { padding: 70px 10px 50px 60px; } #ocrPro-quote-content .formWrapper .section-yourself input { width: 85%; } #ocrPro-quote-content .formWrapper .section-yourself .item { float: left; width: 50%; } /*====================== /Downloads/FAWEFIIEFEIJSG_Linux_WebTWAIN.aspx ======================*/ #dwtLinuxDownload #top_contain .ct-lt { padding: 17px 0 0 60px; } #dwtLinuxDownload #top_contain .ct-lt h3 { margin-top: 25px; padding-right: 100px; font-size: 36px; font-size: 3.6rem; line-height: 54px; } #dwtLinuxDownload #top_contain .ct-rt .item { width: 290px; padding: 53px 0 54px; margin-top: 30px; } #dwtLinuxDownload .comment textarea { width: 95%; max-width: 95%; min-height: 120px; } /*=========================== professional-arabic-ocr-sdk.aspx ============================*/ #dwtArabicOcrFeatures .content-rt ul.orange-li > li { font-size: 16px; font-size: 1.6rem; line-height: 26px; } #dwtArabicOcrFeatures .content-lt { padding-top: 155px; padding-right: 60px; } #dwtArabicOcrFeatures .content-rt { padding-left: 45px; } #dwtArabicOcrDemo .content-lt { padding-right: 55px; margin-top: 20px; } #dwtArabicOcrDemo .content-rt { padding-left: 30px; } /*=================================== WebTWAIN_How.aspx =====================================*/ #dwtHowBanner { padding-top: 35px; } #dwtHowContent li { padding: 29px 0px 29px 0; font-size: 24px; font-size: 2.4rem; line-height: 36px; font-family: OpenSans-Light; color: #444; } /*#dwtHowContent li.bigPicture { padding-right: 60px; }*/ #dwtHowContent li > .icn-toggle { height: 95px; background-position: right -65px; } #dwtHowContent li > .icn-toggle.on { background-position: right 43px; } #dwtHowContent .subcontent { padding-left: 27px; font-size: 16px; font-size: 1.6rem; line-height: 26px; } #dwtHowContent li.licenseKey p.title { padding-right: 70px; } #dwtHowContent li.licenseKey p.title span { margin-left: 30px; } /*============================ zonal-ocr-scanning-engine.aspx =============================*/ #dwtZonalOcrBanner { height: 360px; } #dwtZonalOcrEmbed a.d-btn { min-width: 195px; } #dwtZonalOcrScanning .ct-lt { padding-right: 65px; } #dwtZonalOcrScanning .ct-rt { padding-left: 50px; padding-top: 60px; } #dwtZonalOcrScanning .ct-rt .video { margin-top: 25px; } #dwtZonalOcrImprove .ct-lt { padding-top: 70px; } #dwtZonalOcrImprove .ct-rt { padding-left: 70px; } /*=========================== control-scanner-in-php-app.aspx =============================*/ #scannerPhpBanner { padding-top: 70px; } #scannerPhpBanner .ct-rt img { margin-top: 18px; } #scannerPhpApp .ct-lt { padding-right: 0; } #scannerPhpApp ul.orange-li li { padding-right: 0; } #scannerPhpApp .ct-rt .form { margin-right: 30px; } #scannerPhp #main { padding-bottom: 71px; } #scannerPhp #footerBtm { height: 70px; line-height: 42px; } /*=============================== javascript-ocr-api.aspx =================================*/ #dwtOcrApiTop .section { margin-top: 75px; } #dwtOcrApiTop .benefits li:first-child { padding-right: 220px; } #dwtOcrApiTop .benefits .content img { position: absolute; top: -10px; right: 0; } /*========================= web-document-scanning-sdk-linux.aspx ==========================*/ #dwtLinuxAccess h2 { padding: 0 40px; } #dwtLinuxAccess .desc { padding: 0 50px 20px; } #dwtLinuxAccess .browser { padding: 22px 2px 0 40px; } #dwtLinuxAccess .system { padding: 0 18px 0 18px; } #dwtLinuxAccess .system .item { padding-right: 95px; } #dwtLinuxAccess .system .mid { margin-top: 20px; } #dwtLinuxAccess .language { padding: 22px 40px 0 2px; } #dwtLinuxFeatures .orange-li li { margin-top: 10px; } #dwtLinuxFeatures .ct-lt { padding-top: 140px; } #dwtLinuxFeatures .ct-rt { padding-left: 30px; } #dwtLinuxVideo .videoWrapper { height: 445px; } /*================================= WebTWAIN_Features.aspx ================================*/ #dwtFeatureSupport h1 { font-size: 36px; font-size: 3.6rem; line-height: 50px; } /*PC content begin*/ #dwtFeatureSupport .PcContent table { border-collapse: separate; border-spacing: 0; } #dwtFeatureSupport .PcContent table tr td { border: 1px solid #ddd; border-bottom: 1px dashed #ddd; border-top: 0; border-right: 0; padding-top: 20px; padding-bottom: 20px; } #dwtFeatureSupport .PcContent table tr td:first-child { border-left: 0; border-right: 0 } #dwtFeatureSupport .PcContent table tr td:last-child { border-right: 1px solid #ddd; } #dwtFeatureSupport .PcContent table tr:first-child td:first-child { border-top: 0; } #dwtFeatureSupport .PcContent table tr:last-child td, #dwtFeatureSupport .PcContent table tr:first-child td { border-bottom-style: solid; } #dwtFeatureSupport .PcContent table tr td.title { padding-top: 30px; padding-bottom: 25px; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: inset 0px 4px 0px #606060; border-top: 0; vertical-align: top; } #dwtFeatureSupport .PcContent table tr td:nth-child(1) { width: 9.8%; padding-left: 10px; padding-right: 20px; } #dwtFeatureSupport .PcContent table tr td:nth-child(2) { width: 20.2%; padding-left: 40px; padding-right: 45px; } #dwtFeatureSupport .PcContent table tr td:nth-child(3) { width: 17.5%; padding-left: 30px; padding-right: 34px; } #dwtFeatureSupport .PcContent table tr td:nth-child(4) { width: 17.5%; padding-left: 30px; padding-right: 34px; } #dwtFeatureSupport .PcContent table tr td:nth-child(5) { width: 17.5%; padding-left: 35px; } #dwtFeatureSupport .PcContent table tr td:nth-child(6) { width: 17.5%; padding-left: 42px; padding-right: 23px; } #dwtFeatureSupport .PcContent table tr .browser-td { padding-left: 0!important; padding-right: 0!important; text-align: center; } #dwtFeatureSupport .PcContent table tr .browser-td dl { margin: 0 3px; float: none; display: inline-block; } #dwtFeatureSupport .PcContent table tr td .macos { display: inline-block; width: 32px; height: 32px; background: url(../img-icon/macOs.png) no-repeat center center; background-size: 100%; margin: 0 30px; vertical-align: bottom; margin-bottom: 2px; } /*PC content end*/ #dwtFeatureTechnical h2 { font-size: 30px; font-size: 3.0rem; line-height: 45px; } #dwtFeatureTechnical h2.tec { border-bottom: solid 1px #eee; padding-bottom: 45px; } #dwtFeatureTechnical .technicalBox { margin-bottom: 80px; } #dwtFeatureTechnical table { width: 100%; font-size: 14px; } #dwtFeatureTechnical table tr td { border: 1px solid #ddd; padding: 10px 0 10px 0; line-height: 28px; text-align: center; } #dwtFeatureTechnical table tr td:first-child { padding-left: 32px; padding-right: 32px; text-align: left; } #dwtFeatureTechnical table tr:nth-child(2) td { background: #eee; font-size: 16px; font-family: OpenSans-Semibold } #dwtFeatureTechnical table tr td:nth-child(2), #dwtFeatureTechnical table tr td:nth-child(3) { width: 14%; } #dwtFeatureTechnical table tr td i.fa { font-size: 18px; } /*============================== /Secure/web-twain-form-quote.aspx ===========================*/ .form-quote table.table td { font-size: 16px; font-size: 1.6rem; } #formQuoteContent .tb-comments { width: 91%; } .form-quote table.table td.fontSb { padding-bottom: 20px; } .form-quote table.table td hr { margin-top: 50px; padding-bottom: 45px; } #formQuoteContent .addonOCRWrap textarea { width: 80%; min-width: 80%; max-width: 80%; } /*====================================== WebTWAIN_News.aspx ==================================*/ .release-notes .item h3 { font-size: 24px; font-size: 2.4rem; line-height: 39px; font-family: OpenSans-Light; } .release-notes li, .release-notes p { font-size: 16px; font-size: 1.6rem; line-height: 26px; } .release-notes .content li { margin-bottom: 8px; } .release-notes li { margin-bottom: 9px; } .release-notes .item li ul { margin-top: 4px; margin-bottom: 10px; } .release-notes a.upgrade { top: 105px; font-size: 16px; line-height: 26px; } #dwtNewsTabNav { margin: 40px 0 40px; } #dwtNewsTabNav li:first-child { width: 20%; } #dwtNewsTabNav li:nth-child(2) { width: 22%; } #addonNav li { margin-right: 0; border: 1px solid #ddd; border-right: none; } #addonNav li:last-child { border-right: 1px solid #ddd; } #addonNav li label { padding: 0 55px; height: 45px; line-height: 44px; background-color: #fff; font-size: 14px; } #addonNav li:last-child label { padding: 0 55px; } #addonNav li.on label { background-color: #fff; color: #777; } #addonNav li input { display: inline-block; margin-right: 3px; width: 13px; height: 13px; vertical-align: text-top; } /*================= WebTWAIN_FAQ.aspx && image-capture-sdk-purchase-FAQ.aspx ===============*/ #dwtFaqContent .title { padding-bottom: 16px; } #dwtFaqContent h1 { margin-top: 13px; font-size: 36px; font-size: 3.6rem; line-height: 45px; } #dwtFaqContent li > .toggle { font-size: 24px; font-size: 2.4rem; line-height: 36px; } #dwtFaqContent .row { padding-right: 50px; } .subcontent { padding: 16px 45px 0 28px; font-size: 18px; font-size: 1.8rem; line-height: 28px; } /*========================= image-capture-sdk-purchase-FAQ.aspx ===========================*/ #dwtFaqContent table.edition-comparison td.f26 { padding-left: 25px; } #dwtFaqContent table.edition-comparison td { font-size: 16px; font-size: 1.6rem; } #dwtFaqContent table.edition-comparison td.md-f14 { font-size: 14px; font-size: 1.4rem; } #dwtFaqContent table.edition-comparison td.fontSb { padding-left: 25px; } #dwtFaqContent .item-server table tr td:nth-child(1) { width: 26%; } #dwtFaqContent .item-server table tr td:nth-child(2) { width: 42%; } #dwtFaqContent .item-server table tr td:nth-child(3) { width: 32%; } #dwtFaqContent table.edition-comparison td .icon.ios { width: 53px; } /*======================== bootcamp-twain-document-scanning-sdk.aspx ========================*/ #dwtBootcampCt h1 { margin-bottom: 20px; font-size: 36px; font-size: 3.6rem; line-height: 45px; } #dwtBootcampCt li > .toggle { font-size: 24px; font-size: 2.4rem; line-height: 36px; } #dwtBootcampCt .row { padding-right: 50px; } #dwtBootcampCt .subcontent { padding: 16px 45px 0 28px; font-size: 18px; font-size: 1.8rem; line-height: 28px; } /*======================= /Downloads/WebTWAIN-Sample-Download.aspx ========================*/ #dwtSampleBanner { padding-top: 60px; } #dwtSampleTitle .demo { padding: 60px 0; width: 940px; } #dwtSampleTitle .demo .demo-screenshot-thumbnail { padding-top: 20px; margin-right: 70px; margin-bottom: 0; } #dwtSampleTitle .demo .demo-info { width: 550px; } /*=============================== WebTWAIN_CodingService.aspx =============================*/ #dwtCodingService { padding-left: 70px; padding-right: 70px; } #dwtCodingService li { margin-top: 45px; padding-right: 40px; } #dwtCodingService li p { font-size: 16px; font-size: 1.6rem; line-height: 26px; } /*========================== /Secure/WebTWAIN_ProductKeyGen.aspx ==========================*/ #dwtProductKey .ct-lt { padding-left: 55px; padding-right: 67px; } #dwtProductKey .ct-rt { padding-left: 60px; padding-right: 30px; } #dwtProductKey .AddedSerialNos { left: -130%; width: 720px; } /*============================= /Secure/WebTWAIN-Upgrade.aspx =============================*/ #dwtUpgradeTitle h1 { font-size: 40px; font-size: 4.0rem; line-height: 60px; } #dwtUpgradeTitle a.moneyBack { top: 21px; } .dwt-upgrade #dwtUpgradeTitle p { width: 70%; font-size: 16px; font-size: 1.6rem; line-height: 26px; } #dwtUpgradeTitle .selectVersion { margin: 38px 0 0; } #dwtUpgradeTb { padding-bottom: 70px; } #dwtUpgradeTb .mainContent { padding-bottom: 30px; border-bottom: 1px solid #ddd; border-radius: 3px; } #dwtUpgradeTb td { padding: 20px 8px; } #dwtUpgradeTb tr:first-child td { padding: 15px 0; } #dwtUpgradeTb tr td:first-child { padding-left: 30px; padding-right: 30px; width: 33%; } #dwtUpgradeTb tr td:nth-child(2) { padding-left: 20px; padding-right: 20px; width: 34%; } #dwtUpgradeTb tr td:nth-child(3) { padding-left: 30px; padding-right: 30px; width: 33%; } #dwtUpgradeTb tr:last-child td { padding-bottom: 30px; } #tblV12 tr:nth-child(n+7) td, #tblV13 tr:nth-child(n+7) td { padding-top: 14px; } #dwtUpgradeTb tr.no-bdbtm td, #tblV10 tr:nth-child(6) td, #tblV10 tr:last-child td { padding-top: 10px; } #tblV10 tr:nth-child(3) td, #tblV10 tr:nth-child(8) td { padding-top: 20px; } #dwtUpgradeTb .item-line { padding: 0; margin: 0 auto; width: 160px; } #dwtUpgradeTb .item-line .ui-spinner { background: none; margin-left: 20px; margin-right: 0; } #dwtUpgradeTb .item-line .unitPrice { line-height: 25px; } #dwtUpgradeTb .item-line .ui-spinner-button { height: 25px; width: 20px; } #dwtUpgradeTb .item-line .custom-up-icon { background: url(../img-icon/icn-custom-up-icon-19x20.png) no-repeat left center; border: none; width: 19px; height: 20px; top: 2px; cursor: pointer; } #dwtUpgradeTb .item-line .custom-down-icon { background: url(../img-icon/icn-custom-down-icon-19x20.png) no-repeat left center; width: 19px; height: 20px; top: 2px; cursor: pointer; } #dwtUpgradeTb .ui-spinner { width: 75px; height: 25px; } #dwtUpgradeTb .item-line .ui-spinner-input { width: 35px; height: 25px; left: 0; line-height: 25px; } #serial-num { padding: 25px 30px 0 30px; } #dwtUpgradeTb #serial-num p { margin-top: 0; } #dwtUpgradeTb #serial-num textarea { width: 70%; height: 135px; } #dwtUpgradeTb .note { margin: 25px 0 0; padding: 0; border: none; } #paymentBullet { padding: 65px 0 0; } #paymentBullet table { width: 100%; } #paymentBullet td { height: 45px; } #paymentBullet tr td:nth-child(3) { padding-right: 75px; } #paymentBullet input[type='text'] { padding: 0 5px; width: 368px; height: 32px; } #paymentBullet select { height: 32px; border-radius: 3px; } #paymentBullet #table12 select { width: 134px !important; } #dwtUpgradePayment .tbNext td { padding-top: 15px; } #dwtUpgradePayment .btnNext { padding: 0 40px; margin-right: 33px; } #paymentBullet #table12 tr:first-child td { padding: 10px 0 25px; } #paymentBullet li.tbl_pay_Online:first-child { padding-bottom: 10px; } #paymentBullet .circle li.details { padding-bottom: 0; } #dwtUpgradePayment .circle li.details ul li { width: 62%; } #dwtUpgradePayment .circle li.details ul li:last-child { width: 38%; top: 0; text-align: center; } #dwtUpgradeAmount { padding: 35px 0; } #dwtUpgradeAmount .order-amount { position: relative; } #dwtUpgradeAmount #CouponControl1_c_coupon { margin-top: 15px; top: 0; height: auto; } #dwtUpgradeAmount #tblCoupon input[type='text'] { padding: 0 5px; width: 90%; height: 32px; border: 1px solid #ccc; } #dwtUpgradeAmount #tblCoupon input[type='submit'] { padding: 0 12px; height: 32px; border: 1px solid #ccc; background: #eee; } #dwtUpgradeAmount #tblCoupon input[type='submit']:hover { background: #ccc; } /*========================= /Downloads/FAWEFIIEFEIJSG_WebTWAIN.aspx =========================*/ #dwtDownloadTitle h1 span { line-height: 62px; } #dwtDownloadTitle h1 span:before { top: 23px; } #dwtDownloadTitle .platformNav { margin: 22px 0 18px; } #dwtDownloadModules .item { margin: 55px 0 0; } #dwtDownloadModules { display: none; } #dwtDownloadModules .item .title { width: 43%; } #dwtDownloadModules .item ul { width: 57%; } #dwtDownloadModules .item li { margin: 6px 0 0 40px; } #dwtDownloadModules hr.cutLine { margin-bottom: 70px; } /*================================== dwt-for-developers.aspx ================================*/ #dwtForDeveloper .mainCt { margin: 0 auto; width: 805px; } #dwtForDeveloper .ct-top { padding: 78px 0 67px; } #dwtForDeveloper .ct-mid { padding-right: 60px; } #dwtForDeveloper .ct-mid .title { font-size: 24px; font-size: 2.4rem; line-height: 36px; } #dwtForDeveloper .ct-mid p { margin-bottom: 10px; } #dwtForDeveloper .ct-btm { padding-top: 10px; } /*============================= scan-documents-mac-browsers.aspx ============================*/ #dwtScanDocBanner { padding-top: 65px; padding-bottom: 95px; } #dwtScanDocAccess .ct-rt { padding: 47px 0 0 47px; } #dwtScanDocSupport .ct-lt { padding-left: 36px; } #dwtScanDocSupport .ct-rt { padding: 25px 0 0 40px; } #dwtScanDocTrusted .item { height: 340px; } #dwtScanDocTrusted .ct-lt { padding-right: 0; } #dwtScanDocTrusted .ct-rt { padding-left: 0; } #dwtScanDocFeatures .ct-lt { padding-left: 65px; } #dwtScanDocFeatures li { font-size: 16px; line-height: 26px; margin-top: 10px; } #dwtScanDocFeatures .ct-rt { padding: 7px 70px 0 15px; } /*========================== barcode-recognition-document.aspx ==============================*/ #dwtDocBanner { padding: 70px 15px 105px; } #dwtDocApi p { padding: 0 65px; } #dwtDocSupport p { padding: 0 65px; } #dwtDocEasy h2 { padding-right: 0; } #dwtDocEasy li { font-size: 16px; font-size: 1.6rem; line-height: 26px; margin: 0 0 8px 0; } #dwtDocEasy ul li:first-child { padding-right: 110px; } #dwtDocEasy .ct-rt { padding-top: 45px; } #dbrJavaScript .itemGrp .js, #dbrJavaScript .itemGrp .barcode, #dbrJavaScript .itemGrp .windows, #dbrJavaScript .itemGrp .dll { margin-top: 45px; } #dwtDocTechnical p.desc { padding: 0 45px; } #dwtDocTechnical .js { padding-left: 15px; padding-right: 58px; } #dwtDocTechnical .barcode { padding-left: 63px; padding-right: 15px; } #dwtDocTechnical.itemGrp .windows { padding: 0 32px; } #dbrJavaScript .itemGrp li { margin: 23px 0 0; } #dbrJavaScript .itemGrp .windows .transform-left { top: 43px; left: -20px; } #dbrJavaScript .itemGrp .windows .transform-right { top: 43px; right: -20px; } #dwtDocCode hr { margin-bottom: 60px; } #dwtDocCode h2 { padding: 0 100px; } /*============================= dwt-web-scanning-webinar.aspx =============================*/ #dwtWebinar .watchVideo { top: 135px; right: 50px; } #dwtWebinar .watchVideo dd a { font-size: 16px; } #dwtWebinar .ct-lt { padding-right: 25px; } #dwtWebinar .ct-lt h1 { margin-top: 40px; width: 55%; font-size: 32px; line-height: 48px; } #dwtWebinar .ct-lt p { font-size: 16px; line-height: 26px; } #dwtWebinar .ct-lt .orange-li li { margin-top: 10px; font-size: 16px; line-height: 26px; } #dwtWebinar .ct-rt { margin-top: 5px; padding-left: 30px; } #dwtWebinar .ct-rt h2 { font-size: 24px; line-height: 36px; } } @media (min-width: 992px) and (max-width: 1199px) { #dwtOverviewScan ul li { display: inline-block; width: 32%; height: 362px; padding: 0 20px; float: left; margin-right: 2%; text-align: center; border: 1px solid #eee; } #dwtOverviewScan ul li p.topic { margin: 38px 0 15px; font-family: OpenSans-Semibold; } } @media (min-width:1200px) { /*================================= WebTWAIN_Overview.aspx ================================*/ #dwtOverviewBanner { padding-top: 65px; height: 500px; } #dwtOverviewBanner .ct-lt { width: 58%; } #dwtOverviewBanner .ct-rt { width: 48%; float: right; position: absolute; top: 0px; right: 0; height: 100%; max-width: 900px; min-width: 800px; } #dwtOverviewBanner .ct-rt img { position: absolute; } #dwtOverviewBanner .ct-rt img.bk1 { top: 0; right: 0; } #dwtOverviewBanner .ct-rt img.bk2 { position: absolute; top: 14%; width: 588px; left: 11%; } #dwtOverviewBanner h1 { margin-top: 30px; margin-bottom: 0px; padding-right: 116px; font-size: 4.2rem; font-size: 42px; line-height: 60px; } #dwtOverviewBanner .link { margin-left: 0px; margin-top: 50px; } #dwtOverviewScan p.desc { padding: 0 25px; } #dwtOverviewScan dd { padding: 0 30px; } #dwtOverviewScan .dataSheet { margin-top: 30px; } #dwtOverviewScan ul li { display: inline-block; width: 32%; height: 362px; padding: 0 42px; float: left; margin-right: 2%; text-align: center; border: 1px solid #eee; } #dwtOverviewScan ul li:nth-child(2) { margin-right: 2%; } #dwtOverviewScan ul li:nth-child(3) { margin-top: unset; } #dwtOverviewScan ul li p.topic { margin: 58px 0 15px; font-family: OpenSans-Semibold; } /*#dwtOverviewSupport .ct-lt { padding-right: 75px; } #dwtOverviewSupport .ct-lt h2 { padding-right: 0; } #dwtOverviewSupport .illus-top { left: 405px; } #dwtOverviewSupport .illus-btm { left: -280px; bottom: -124px; } #dwtOverviewSupport .ct-rt { padding-left: 64px; padding-right: 66px; } #dwtOverviewSupport .one > div:first-child { padding-right: 0; padding-left: 0; } #dwtOverviewSupport .two > div:first-child { padding-right: 154px; } #dwtOverviewSupport .two > div.ct-rt{ padding-right: 0; padding-left: 0; } #dwtOverviewSupport .three > div:first-child { padding-right: 0; padding-left: 0; } #dwtOverviewSupport .three >div.ct-rt { padding-top: 25px; }*/ /*#dwtOverviewSupport .one .ct-lt, #dwtOverviewSupport .three .ct-lt { padding-right: 75px; } #dwtOverviewSupport .two .ct-rt { padding-left: 0; padding-right: 50px; }*/ #dwtOverviewSecurity .absoluteImgBox { position: absolute; right: 2%; top: 10%; width: 460px; } #dwtOverviewSecurity .absoluteImgBox img.bk1 { width: 100%; } #dwtOverviewSolution .solution-ul li:hover div.imgBox:after { content: ' '; position: absolute; display: block; top: 50%; left: 50%; width: 118px; height: 118px; margin-left: -59px; margin-top: -59px; background: url(../images/btn.png); background-size: cover; cursor: pointer; } #dwtOverviewIntegration .ct-lt { padding: 100px 15px 0 60px; } #dwtOverviewIntegration .ct-rt { padding: 0 30px 0 60px; } #dwtOverviewFeatures .features { padding-left: 70px; } #dwtOverviewFeatures .formats { padding-right: 70px; } #dwtOverviewFeatures .item { padding: 50px 35px 35px 40px; min-height: 224px; } #dwtOverviewFeatures .formats .item { padding-right: 85px; } #dwtOverviewRequest .ct-rt { padding-right: 15px; } #dwtOverviewAddon .item { padding: 35px 45px 40px; } #dwtOverviewAddon .pdf .item { padding: 35px 55px 40px; } #dwtOverviewAddon .ocr .item { padding: 35px 40px 40px; } #dwtOverviewAddon .barcode { padding-left: 15px; padding-right: 28px; } #dwtOverviewAddon .webcam, #dwtOverviewAddon .pdf { padding-left: 22px; padding-right: 22px; } #dwtOverviewAddon .ocr { padding-left: 28px; padding-right: 15px; } #dwtOverviewAddon .item.ocr p { padding-left: 33px; } #dwtOverviewAddon .item p { min-height: 78px; } #dwtOverviewCustomers .avision { } #dwtOverviewCustomers .avision p:nth-child(2) { } /*============================ web-twain-html5-document-scanning.aspx =======================*/ #dwt-tips-content .container { width: 970px; } /*================================= WebTWAIN-Barcode-Reader.aspx ============================*/ #dwt-addOn-dbr-supported .item.barcode2d { margin-left: 20px; } /*============================== .net-pdf-rasterizer-sdk.aspx ===============================*/ #dwt-pdf-image-convert .Convert .content-lt { padding-right: 65px; padding-left: 40px; } #dwt-pdf-image-convert .Convert .content-lt p { padding-right: 35px; } #dwt-pdf-image-convert .Annotation .content-lt { padding-left: 40px; padding-right: 40px; } #dwt-pdf-image-sample ul { padding-left: 50px; } #dwt-pdf-image-feature .content-lt { padding-top: 100px; padding-left: 40px; } /*========================= /Downloads/FAWEFIIEFEIJSG_WebTWAIN.aspx =========================*/ #top_contain h1 { padding-left: 145px; } #top_contain .platform > li { margin-top: 50px; } #top_contain .platform > li.linux img { top: 90px; right: 25px; } #top_contain .platform .nav li { width: 23%; } #top_contain .platform .nav li:nth-child(4) { width: 31%; } #top_contain .ocrClient { padding-right: 50px; } #top_contain .ocrServer { padding-left: 50px; } /*====================== /Downloads/FAWEFIIEFEIJSG_Linux_WebTWAIN.aspx ======================*/ #dwtLinuxDownload #top_contain .ct-lt h3 { padding-right: 200px; } #dwtLinuxDownload #top_contain .ct-rt .item { width: 305px; } #dwtLinuxDownload .comment textarea { width: 81%; max-width: 81%; } /*====================== WebTWAIN-with-HTML5-WebSocket-for-chrome.aspx ====================*/ #dwtWebsocketBanner .content-lt { padding-left: 200px; padding-right: 0; } #dwtWebsocketBanner .content-rt { padding-left: 55px; } #main.dwt-websocket .container { width: 1100px; } #dwtWebsocketDemo .content-lt { padding-right: 0; } #dwtWebsocketFeatures .content-lt { padding: 130px 115px 0 15px; } #dwtWebsocketFeatures .content-rt { padding-left: 0; padding-right: 0; } #dwtWebsocketWorks li:nth-child(1) { padding-right: 50px; padding-left: 0; } #dwtWebsocketWorks li:nth-child(2) { padding-left: 38px; padding-right: 55px; } #dwtWebsocketWorks li:nth-child(3) { padding-left: 0; padding-right: 12px; } #dwtWebsocketWorks li:nth-child(4) { padding-left: 50px; } #dwtWebsocketCode .content-lt { padding-right: 40px; } #dwtWebsocketCode .content-rt .code { padding-bottom: 40px; } #dwtWebsocketCode .content-rt .code p { padding: 25px 100px 0 30px; } #dwtWebsocketCode .content-rt .code pre { padding: 5px 30px 0 30px; } /*================================= WebTWAIN_License.aspx =================================*/ #dwtLicenseContent { padding-left: 0; padding-right: 0; } #dwtLicenseContent h1 { padding-bottom: 35px; } .ocrPro-license #dwtLicenseContent h1 { padding-bottom: 25px; } #dwtLicenseContent .revision-date { margin-bottom: 22px; } #dwtLicenseContent .links { right: 200px; } /*============================= /Survey/DWT-Survey-Mobile.aspx ============================*/ #dwt-surveyMobile-banner .content-lt { padding-top: 40px; } #dwt-surveyMobile-content .emailGroup .error span { margin-left: 15px; } /*================================ cpp-ocr-library.aspx ===================================*/ #dwtCppOcrOverview .ct-rt .item { padding-left: 70px; } #dwtCppOcrOverview .ct-rt h3 { margin-bottom: 13px; } #dwtCppOcrOverview .ct-lt { padding-right: 53px; } #dwtCppOcrSupport .ct-lt { padding-left: 60px; } #dwtCppOcrDeployment .ct-lt { padding-right: 77px; } #dwtCppOcrIO .a .ct-lt { padding-left: 65px; } #dwtCppOcrIO .a .ct-rt { padding-top: 40px; } #dwtCppOcrIO .b .ct-lt { padding-right: 30px; } #dwtCppOcrIO .b .ct-rt { padding-top: 75px; } #dwtCppOcrPricing .ct-lt { padding-left: 70px; } /*============================ professional-arabic-ocr-sdk.aspx ===========================*/ #dwtArabicOcrDemo .content-lt { padding-right: 90px; margin-top: 75px; } #dwtArabicOcrDemo .content-rt { padding-left: 15px; } #dwtArabicOcrFeatures .content-lt { padding-top: 140px; padding-left: 30px; } #dwtArabicOcrFeatures .content-rt { padding-left: 80px; padding-right: 35px; } /*=================================== WebTWAIN_How.aspx =====================================*/ #dwtHowBanner { padding-top: 45px; } #dwtHowContent li { width: 100%; } #dwtHowContent li > .icn-toggle { width: 98%; } #dwtHowContent li.licenseKey p.title { padding-right: 120px; } /*================================== WebTWAIN_News.aspx =====================================*/ #addonNav li label { padding: 0 55px; height: 45px; line-height: 44px; background-color: #fff; font-size: 14px; } #addonNav li:last-child label { padding: 0 55px; } /*============================ zonal-ocr-scanning-engine.aspx =============================*/ #dwtZonalOcrBanner h1 { padding: 0 40px; } #dwtZonalOcrScanning .ct-lt { padding-right: 85px; } #dwtZonalOcrScanning .ct-rt { padding-left: 30px; } #dwtZonalOcrImprove .ct-rt { padding-left: 110px; padding-right: 100px; } /*=========================== control-scanner-in-php-app.aspx =============================*/ #scannerPhpBanner { padding-top: 75px; } #scannerPhpBanner .container, #scannerPhpApp { padding-left: 40px; padding-right: 40px; } #scannerPhpBanner .ct-lt { padding-left: 50px; } #scannerPhpBanner .ct-rt img { margin-top: -5px; } #scannerPhpApp .ct-rt .form { margin-right: 0; } /*=============================== javascript-ocr-api.aspx =================================*/ #dwtOcrApiTop .section { margin-top: 65px; } #dwtOcrApiTop .use p.item { margin-top: 45px; } /*========================= web-document-scanning-sdk-linux.aspx ==========================*/ #dwtLinuxAccess h2 { padding: 0 85px; } #dwtLinuxAccess .desc { padding: 0 38px 20px; } #dwtLinuxFeatures .ct-lt { padding-top: 120px; padding-left: 0; } #dwtLinuxFeatures .ct-rt { padding-left: 20px; padding-right: 75px; } #dwtLinuxVideo .videoWrapper { height: 430px; } /*================================ WebTWAIN_Features.aspx =================================*/ #dwtFeatureTechnical .ct-lt { width: 23%; padding-right: 50px; } #dwtFeatureTechnical .ct-lt.lg-f24 { font-size: 24px; font-size: 2.4rem; line-height: 45px; } #dwtFeatureTechnical .ct-rt { width: 77%; } /*================ WebTWAIN_FAQ.aspx && image-capture-sdk-purchase-FAQ.aspx ================*/ #dwtFaqContent .title { padding-bottom: 20px; } #dwtFaqContent h1 { margin-top: 15px; } #dwtFaqContent h2 { margin-top: 10px; } #dwtFaqContent .row { padding-left: 35px; padding-right: 0; } /*========================== image-capture-sdk-purchase-FAQ.aspx ==========================*/ #dwtFaqContent .item-server table tr td:nth-child(1) { width: 25%; } #dwtFaqContent .item-server table tr td:nth-child(2) { width: 46%; } #dwtFaqContent .item-server table tr td:nth-child(3) { width: 29%; } #dwtFaqContent table.edition-comparison td .icon { width: 45px !important; } /*======================= bootcamp-twain-document-scanning-sdk.aspx =========================*/ #dwtBootcampCt .title { padding-bottom: 20px; } #dwtBootcampCt h1 { margin-top: 15px; } #dwtBootcampCt h2 { margin-top: 10px; } #dwtBootcampCt .row { padding-left: 35px; padding-right: 0; } /*======================= /Downloads/WebTWAIN-Sample-Download.aspx ========================*/ #dwtSampleTitle .demo { width: 945px; } #dwtSampleTitle .demo .demo-screenshot-thumbnail { margin-right: 75px; } #dwtSampleTitle .demo .demo-info { width: 550px; } /*=============================== WebTWAIN_CodingService.aspx =============================*/ #dwtCodingService { padding-left: 60px; padding-right: 60px; } #dwtCodingService li { padding-right: 25px; } /*========================== /Secure/WebTWAIN_ProductKeyGen.aspx ==========================*/ #dwtProductKey .ct-lt { padding-left: 50px; padding-right: 58px; } #dwtProductKey .ct-rt { padding-left: 55px; padding-right: 15px; } #dwtProductKey .AddedSerialNos { left: -123%; width: 710px; } /*============================= /Secure/WebTWAIN-Upgrade.aspx =============================*/ #paymentBullet tr td:nth-child(3) { padding-right: 55px; } /*============================= scan-documents-mac-browsers.aspx ============================*/ #dwtScanDocBanner { padding-top: 70px; padding-bottom: 100px; } #dwtScanDocAccess .ct-lt p { padding-right: 70px; } #dwtScanDocAccess .ct-rt { padding-left: 33px; } #dwtScanDocSupport .ct-rt { padding: 25px 0 0 15px; } #dwtScanDocSupport .ct-lt { padding-left: 70px; } #dwtScanDocFeatures .ct-lt { padding-left: 30px; padding-right: 85px; } #dwtScanDocFeatures .ct-lt { padding-left: 30px; padding-right: 85px; } #dwtScanDocFeatures .ct-rt { padding: 5px 70px 0 15px; } /*========================== barcode-recognition-document.aspx ==============================*/ #dwtDocApi p { padding: 0; } #dwtDocSupport p { padding: 0; } #dwtDocEasy .ct-lt { padding-right: 20px; } #dwtDocEasy ul li:first-child { padding-right: 95px; } #dwtDocTechnical p.desc { padding: 0 113px; } #dbrJavaScript .itemGrp .js, #dbrJavaScript .itemGrp .barcode, #dbrJavaScript .itemGrp .windows, #dbrJavaScript .itemGrp .dll { margin-top: 50px; } #dwtDocTechnical .js { padding-right: 25px; } #dwtDocTechnical .barcode { padding-left: 25px; } #dwtDocTechnical.itemGrp .windows { padding: 0 60px; } #dbrJavaScript .itemGrp .windows .transform-left { left: 10px; } #dbrJavaScript .itemGrp .windows .transform-right { right: 10px; } #dwtDocCode h2 { padding: 0 85px; } #dwtDocCode .codeWrap { margin: 0 75px; } /*============================= dwt-web-scanning-webinar.aspx =============================*/ #dwtWebinar .watchVideo { right: 160px; } .form-quote .table td.title { font-size: 20px; line-height: 30px; } } .white-li > li { padding-left: 15px; position: relative; color: #fff; } .white-li > li:before { display: inline-block; width: 6px; height: 6px; background-color: #ffffff; border-radius: 50%; -webkit-border-radius: 50%; content: ' '; position: absolute; top: 11px; left: 0; } #dwtBootcampCt #dwtHowLeftMenu dd { background: url('../images/dwt15/dot.png') 3px 0px repeat-y; } #dwtBootcampCt #dwtHowLeftMenu dd:last-child { background: unset; }