/*================================  dynamsoft-webcam-sdk.aspx  ===============================*/
#dwsOverviewBanner { background: #efeff1; overflow: hidden; }
#dwsOverviewBanner .container { position: relative; padding-top: 35px; height: auto; }
#dwsOverviewCt .desc { font-size: 14px; line-height: 24px; }
#dwsOverviewCt .item { margin-bottom: 25px; font-size: 14px; line-height: 24px; border: 1px solid #ddd; border-radius: 3px; }
#dwsOverviewCt .item .type { margin-bottom: 5px; font-family: OpenSans-Semibold; font-size: 16px; line-height: 26px; color: #444; }
#dwsOverviewCt .item .det { margin-bottom: 0; }
#dwsOverviewCt .item .ct-top { padding: 20px 22px; border-bottom: 1px solid #ddd; }
#dwsOverviewCt .item .ct-btm { padding: 20px 23px; }
#dwsOverviewCt .item .ct-btm li { margin-bottom: 6px; }
#dwsOverviewCt .item .ct-btm li:last-child { margin: 20px 0; }
/*==================================  webcam-sdk-license.aspx  ================================*/
#dwsLicenseContent h1 { padding-bottom: 15px; }
#dwsLicenseContent ul.list-num > li { padding-bottom: 10px; font-size: 14px; font-size: 1.4rem; line-height: 24px; }
#dwsLicenseContent .list-numbers > li { margin-bottom: 20px; }
#dwsLicenseContent .orange-li > li { margin-top: 10px; }
#dwsLicenseContent h3 { margin: 0 0 12px 0; font-size: 16px; font-size: 1.6rem; line-height: 26px; color: #444; font-family: OpenSans-Light; }
#dwsLicenseContent .revision-date { margin-bottom: 20px; font-size: 18px; font-size: 1.8rem; line-height: 27px; color: #999; font-family: OpenSans-Light; }
#dwsLicenseContent .list-numbers { padding-left: 16px; }
#dwsLicenseContent .downloadPdf { font-size: 16px; font-size: 1.6rem; font-family: OpenSans-Regular; }
#dwsLicenseContent .downloadPdf.on { display: inline-block; }
#dwsLicenseTabNav { margin: 10px 0 30px; border-bottom: 1px solid #ddd; }
#dwsLicenseTabNav li { float: left; margin-right: 50px; padding: 0 0 15px; color: #444; font-family: OpenSans-Semibold; cursor: pointer; }
#dwsLicenseTabNav li.on { border-bottom: 3px solid #61c2ec; padding: 0 0 13px; margin-bottom: -1px; color: #61c2ec; cursor: default; }
/*================================  webcam-sdk-resource.aspx  ===============================*/
#dwsResource dl { margin-top: 30px; }
#dwsResource dt { height: 50px; background: url(../img-icon/icn-resources-50x50.png) no-repeat center top; }
#dwsResource .license dt { background-position: center -250px; }
#dwsResource .api dt { background-position: center -400px; }
#dwsResource .sample dt { background-position: center -450px; }
#dwsResource dd { text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 24px; }
#dwsResource dd p { margin-top: 5px; color: #444; font-family: OpenSans-Semibold; }
#ds-contact dl { margin-bottom: 30px; }
#ds-contact dt { height: 85px; background: url(../img-icon/icn-ds-contact-82x82.png)no-repeat center top; }
#ds-contact dt a { display: block; height: 85px; width: 82px; margin: 0 auto; }
#ds-contact dd { text-align: center; padding-top: 15px; margin: 0 auto; font-size: 14px; line-height: 22px; color: #444; font-family: OpenSans-Semibold; }
#ds-contact dl:last-child dd { width: 175px; margin: 0 auto; text-align: left; }
#ds-contact dd a { /*display: block;*/ color: #444; }
#ds-contact dd a:hover { color: #61c2ec; }
#ds-contact .ds-contact-chat { background-position: center -85px; }
#ds-contact .ds-contact-email { background-position: center -170px; }
#ds-contact .ds-contact-phone { background-position: center -255px; }
/*==================  /Downloads/dynamsoft-webcam-sdk-sample-download.aspx  =================*/
#dwsSampleBanner { min-height: 360px; padding-top: 65px; padding-bottom: 40px; background-color: #5097c9; background-repeat: no-repeat; background-position: center center; background-size: cover; }
#dwsSampleBanner a:hover .fontWhite { color: #fe8e14; }
#mainContainer { float: left; width: 680px; padding-left: 40px; height: auto; overflow: hidden; }
#dwsSampleTitle { padding: 20px 0 30px 0; }
.code-download { padding: 60px 0; width: 640px; }
.code-download p { display: block; width: 640px; overflow: hidden; height: auto; }
#mainContainer .code-download h3 { font-size: 24px; color: #444; }
.code-download a { font-size: 14px; }
#mainContainer .code-download li a:hover { color: #fe8e14; }
#dwsDownloadRightcol { float: left; width: 295px; height: auto; overflow: hidden; padding: 70px 0 0 80px; }
#dwsDownloadRightcol h3 { color: #444; font-size: 16px; font-family: OpenSans-Semibold; }
#dwsDownloadRightcol .rightcol-tags { margin-left: -10px; }
.TagList li { float: left; line-height: 30px; vertical-align: middle; height: 30px; margin-top: 8px; }
.TagList li a { display: inline-block; font-size: 14px; color: #aaa; padding: 0 10px; padding-right: 0; }
.TagList a:after { content: ""; border-right: solid 1px #aaa; width: 1px; height: 16px; line-height: 30px; vertical-align: middle; display: inline-block; margin-left: 10px; }
.TagList li:last-child a:after { border-right: none; }
.TagList li:last-child a { border-right: none; }
#dwsDownloadRightcol li .on { color: #fe8e14; }
#dwsDownloadRightcol a:hover { color: #fe8e14; }
#dwsSampleBottom { height: 280px; }
#pagination { float: right; width: auto; overflow: hidden; height: 50px; padding-top: 20px; margin-right: 12px; }
#pagination li { float: left; }
#pagination li a { float: left; width: 22px; height: 22px; 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; }
.bottom-note span { background: url(../images/icn-bulb.png) no-repeat left 5px; padding-left: 20px; font-size: 14px; color: #444; }
.bottom-note p { font-size: 14px; color: #444; margin: 0 0 0 10px; }
#request { display: none; }
#lblCount { margin-top: -5px; }
/*==================================  webcam-sdk-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 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 { 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 { 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.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; }
.release-notes a.upgrade { }
#xsDwsNewsTabNav { margin: 20px 0 22px; }
/*=======================  Downloads/VSOIWPDFHWYXCQXTSG_Webcam.aspx  ========================*/
#dcsDownload h1 { padding-bottom: 30px; border-bottom: 1px solid #eee; }
#dcsDownload h1 a, #dcsDownload h1 img { display: inline-block; }
#dcsDownload .item { margin-top: 25px; }
#dcsDownload .android { padding-top: 30px; border-top: 1px solid #eee; }
#dcsDownload .item .ct-lt { position: relative; border: 1px solid #ddd; border-radius: 3px; }
#dcsDownload .item .icon { display: inline-block; position: absolute; left: -1px; top: -1px; width: 48px; height: 48px; font-size: 21px; line-height: 44px; text-align: center; color: #fff; border-radius: 3px 0 0; }
#dcsDownload .windows .icon { background-color: #20bef0; }
#dcsDownload .ios .icon { background-color: #5e5e5e; }
#dcsDownload .android .icon { background-color: #78c158; }
#dcsDownload .item .title { margin-bottom: 8px; font-size: 18px; line-height: 27px; color: #444; font-family: OpenSans-Semibold; }
#dcsDownload .item .desc { margin: 0; font-size: 14px; line-height: 24px; }
#dcsDownload .item .desc .pk { position: relative; padding-right: 7px; margin-right: 7px; }
#dcsDownload .item .desc .pk:after { content: ''; display: inline-block; position: absolute; top: 3px; right: 0; width: 1px; height: 15px; background-color: #606060; }
#dcsDownload .item .d-btn { margin-top: 15px; }
#dcsDownload .item .ct-lt .top { padding: 80px 35px 50px; }
#dcsDownload .item .ct-lt .btm { padding: 15px 0; margin: 0; font-size: 14px; line-height: 24px; text-align: center; border-top: 1px solid #ddd; background-color: #f8f8f8; color: #999; }
#dcsDownload .item .ct-rt { margin-top: 23px; }
#dcsDownload .item .ct-rt > p { margin: 10px 0 0; font-size: 14px; line-height: 24px; color: #777; }
#dcsDownload .item .ct-rt li { position: relative; padding-left: 12px; margin-top: 3px; font-size: 14px; line-height: 24px; color: #777; }
#dcsDownload .item .ct-rt li:before { content: ''; display: inline-block; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background-color: #666; border-radius: 50%; }
#dcsDownload .item .ct-rt .downloadGrp { margin-top: 25px; padding-top: 23px; border-top: 1px solid #eee; }
#dcsDownload .item .ct-rt .downloadGrp > p { margin-bottom: 8px; font-size: 14px; line-height: 24px; }
#dcsDownload .item .ct-rt .downloadGrp .section { padding: 15px 20px; margin-top: 5px; border: 1px solid #ddd; border-radius: 3px; }
#dcsDownload .item .ct-rt .downloadGrp .section > p { margin-bottom: 0; }
#dcsDownload .mobileContent .related .ct-rt { margin-top: 0; }
#dcsDownload .mobileContent .related .ct-rt .downloadGrp { margin-top: 0; }
/*=================================  mobile-imaging-sdk.aspx  ===============================*/
#dcsMobileOverviewBanner { background: #ededed; overflow: hidden; }
#dcsMobileOverviewBanner .container { min-height: 360px; padding-top: 35px; }
#dcsMobileOverviewBanner .ct-rt { margin: 20px auto -105px; }
#dcsMobileOverviewEmpower .process { margin-top: 20px; font-size: 14px; line-height: 24px; }
#dcsMobileOverviewEmpower .process > ul > li:nth-child(3) { margin-top: 25px; margin-bottom: 33px; }
#dcsMobileOverviewEmpower .process .title { position: relative; margin-bottom: 5px; font-family: OpenSans-Semibold; }
#dcsMobileOverviewEmpower .process .title:before { content: ''; display: inline-block; margin: 0 6px 2px 0; width: 5px; height: 5px; border-radius: 50%; background-color: #fe8e14; }
#dcsMobileOverviewEmpower .process .item p { margin-bottom: 5px; }
#dcsMobileOverviewEmpower .process > ul > li .d-btn { padding: 0 18px; }
#dcsMobileOverviewEmpower .step3 li { display: block; position: relative; padding-left: 18px; }
#dcsMobileOverviewEmpower .step3 li .fa { position: absolute; left: 0; top: 4px; font-size: 16px; }
#dcsMobileOverviewEmpower .step3 li:first-child .fa { color: #aaa; }
#dcsMobileOverviewEmpower .step3 li:nth-child(3) { margin-top: 3px; }
#dcsMobileOverviewEmpower .step3 li:nth-child(3) .fa { color: #78c158; }
#dcsMobileOverviewDownload { position: relative; overflow: hidden; background-color: #f8f9fa; }
#dcsMobileOverviewDownload > img, #dcsMobileOverviewDownload .container > img { position: absolute; }
#dcsMobileOverviewDownload .illus1 { width: 100px; top: -50px; right: 30px; }
#dcsMobileOverviewDownload .illus3 { width: 115px; bottom: 75px; left: -60px; }
#dcsMobileOverviewDownload .downloadGrp a { display: inline-block; margin-top: 5px; vertical-align: top; }
#dcsMobileOverviewDownload .downloadGrp .andr { margin-left: 15px; }
#dcsMobileOverviewDownload .qrGrp span { float: left; display: inline-block; margin-top: 5px; font-size: 14px; line-height: 40px; color: #444; text-align: center; }
#dcsMobileOverviewDownload .qrGrp .andr { margin-left: 50px; }
#dcsMobileOverviewDownload .ct-rt .right img { width: 105px; }
#dcsMobileOverviewDownload .ct-rt .right { display: inline-block; font-size: 14px; line-height: 34px; }
#dcsMobileOverviewTypes .item { margin-top: 25px; }
#dcsMobileOverviewTypes .item p { font-size: 14px; line-height: 24px; }
#dcsMobileOverviewTypes .item .fontSb { margin: 15px 0 4px; font-size: 16px; line-height: 26px; color: #444; }
#dcsMobileOverviewTypes .icon { display: block; height: 35px; background: url(../img-icon/icon-dcsiOSOverviewTypes-32x32.png) no-repeat left top; }
#dcsMobileOverviewTypes .b .icon { background-position: left -50px; }
#dcsMobileOverviewTypes .c .icon { background-position: left -100px; }
#dcsMobileOverviewTypes .d .icon { background-position: left -150px; }
#dcsMobileOverviewTypes .e .icon { background-position: left -200px; }
#dcsMobileOverviewTypes .f .icon { background-position: left -250px; }
#dcsMobileOverviewTypes .g .icon { background-position: left -300px; }
#dcsMobileOverviewTypes .h .icon { background-position: left -350px; }
#dcsMobileOverviewSystem .tabNav { margin-top: 16px; border-bottom: 1px solid #e8e8e8; }
#dcsMobileOverviewSystem .tabNav li { float: left; padding: 0 6px; margin-right: 25px; height: 32px; font-size: 14px; line-height: 32px; color: #aaa; cursor: pointer; }
#dcsMobileOverviewSystem .tabNav li.on { color: #50a8e1; border-bottom: 2px solid #50a8e1; font-family: OpenSans-Semibold; cursor: default; }
#dcsMobileOverviewSystem .item { display: none; font-size: 14px; line-height: 24px; }
#dcsMobileOverviewSystem .item.on { display: block; }
#dcsMobileOverviewSystem .item li { margin-top: 6px; }
#dcsMobileOverviewSystem .ct-rt img { display: none; float: right; }
#dcsMobileOverviewSystem .ct-rt img.on { display: block; }
/*=============================  webcam-scanner-web-sdk.aspx  ===============================*/
#dcsWebcamScannerBanner { padding: 50px 15px 60px; min-height: 290px; }
#dcsWebcamScannerEasily .ct-rt { overflow: hidden; }
#dcsWebcamScannerEasily .ct-rt img { margin-bottom: -6px; }
#dcsWebcamScannerFeatures ul { margin-top: 15px; }
#dcsWebcamScannerFeatures li { margin: 8px 0 0; font-size: 1.4rem; line-height: 2.4rem; }
#dcsWebcamScannerTech .item { position: relative; padding: 15px 28px 20px; margin-top: 25px; height: auto; border: solid 1px #ddd; background: #fff; text-align: left; }
#dcsWebcamScannerTech h3 { position: relative; margin-bottom: 15px; height: 38px; width: 80%; font-size: 1.8rem; color: #444; font-family: OpenSans-Semibold; }
#dcsWebcamScannerTech h3:after { position: absolute; left: 0; bottom: 0; content: ''; display: block; width: 30px; height: 2px; background: #fe8e14; }
#dcsWebcamScannerTech .code-client { position: absolute; right: 30px; top: 23px; width: 32px; height: 32px; background: url(../images/icn-code-32X32.png) no-repeat left center; }
#dcsWebcamScannerTech .code-server { position: absolute; right: 30px; top: 23px; width: 32px; height: 32px; background: url(../images/icn-code-32X32.png) no-repeat -32px center; }
#dcsWebcamScannerTech p { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
#dcsWebcamScannerTry .d-btn { padding: 0; margin-top: 30px; width: 175px; }
/*================================  webcam-sdk-features.aspx  ===============================*/
#dwtWebcamBanner { padding-bottom: 60px; min-height: 360px; background: #f3f2f4; }
#dwtWebcamBanner .ct-lt { padding-top: 45px; }
#dwtWebcamEnables .item { margin-top: 23px; }
#dwtWebcamEnables .item .icon { height: 32px; background: url(../img-icon/icon-dwsFeatureEnables-32x32.png) no-repeat left top; }
#dwtWebcamEnables .pc .icon { background-position: left -50px; }
#dwtWebcamEnables .cb .icon { background-position: left -100px; }
#dwtWebcamEnables .item .title { margin: 15px 0 10px; color: #444; font-family: OpenSans-Semibold; }
#dwtWebcamEnables .item .desc { font-size: 14px; line-height: 24px; }
#dwtWebcamSupport .item { padding: 40px 30px; margin-bottom: 25px; background: #fff; border: 1px solid #ddd; border-radius: 3px; }
#dwtWebcamSupport .icon { height: 60px; background: url(../img-icon/icn-roundness-54x54.png) no-repeat center -1860px; }
#dwtWebcamSupport .cs .icon { background-position: center -120px; }
#dwtWebcamSupport .ss .icon { background-position: center -1740px; }
#dwtWebcamSupport .item p { margin-bottom: 5px; font-size: 14px; line-height: 24px; }
#dwtWebcamSupport .item .title { margin: 20px 0 10px; font-size: 16px; line-height: 26px; text-align: center; font-family: OpenSans-Semibold; color: #444; }
#dwtWebcamSecurity p { font-size: 14px; line-height: 24px; }
 @media screen and (max-width:767px) {
#dwsOverviewBanner .logo-dcs { margin: 0 auto; }
#dwsOverviewBanner h1 { font-size: 20px; line-height: 30px; }
/*=================================  mobile-imaging-sdk.aspx  ===============================*/
#dcsMobileOverviewEmpower .process ul { margin: 0 auto; max-width: 185px; }
/*================================  webcam-sdk-resource.aspx  ===============================*/
#dwsCustomers .btnGrp .d-btn { display: block; width: 155px; margin: 26px auto 0; }
}
 @media (min-width:768px) {
/*===============================  dynamsoft-webcam-sdk.aspx  ===============================*/
#dwsOverviewBanner .container { position: relative; padding-top: 85px; height: 420px; }
#dwsOverviewBanner .ct-rt { position: absolute; bottom: 0; right: -50px; width: auto; }
#dwsOverviewCt .item { float: left; margin: 4px 30px 30px 0; width: 47%; }
#dwsOverviewCt .ios { margin-right: 0; }
#dwsOverviewCt .item .ct-top { padding: 20px 34px; }
#dwsOverviewCt .item .ct-btm { padding: 20px 34px; }
#dwsOverviewCt .item .ct-btm li { margin-bottom: 7px; }
#dwsOverviewCt .item .ct-btm li:last-child { margin: 23px 0 18px; }
#dwsOverviewCt .ios .ct-btm li:last-child { margin: 60px 0 30px; }
#dwsOverviewCt .android .ct-btm { padding-bottom: 35px; }
/*================================  webcam-sdk-license.aspx  ================================*/
#dwsLicenseContent h1 { padding-bottom: 30px; margin-top: 15px; }
#dwsLicenseContent ul.list-num > li { padding-bottom: 25px; }
#dwsLicenseContent ul.list-num > li h3 { margin-bottom: 16px; font-size: 18px; font-size: 1.8rem; }
#dwsLicenseContent .revision-date { margin-bottom: 25px; font-size: 24px; font-size: 2.4rem; line-height: 36px; }
#dwsLicenseContent .revision-date br { display: none; }
#dwsLicenseContent .downloadPdf { float: right; margin: 0 8px 0 0; font-size: 18px; font-size: 1.8rem; }
#dwsLicenseTabNav { margin-bottom: 40px; }
/*================================  webcam-sdk-resource.aspx  ===============================*/
#dwsResource dl { margin-top: 45px; }
#dwsResource .pdf, #dwsResource .license { padding-right: 0; }
#dwsCustomers .btnGrp .d-btn:nth-child(2) { margin: 0 30px; }
#ds-contact dl { margin-bottom: 60px; }
#ds-contact dl { margin-bottom: 60px; }
/*==================  /Downloads/dynamsoft-webcam-sdk-sample-download.aspx  =================*/
#dwsSampleBanner { height: 360px; padding-top: 55px; }
/*==================================  webcam-sdk-news.aspx  =================================*/
.release-notes .content { display: none !important; position: relative; padding-left: 70px; margin-left: 18px; border-left: solid 1px #ccc; }
.release-notes .content.on { display: block !important; }
.release-notes .content:before { content: ''; display: inline-block; position: absolute; left: -10px; top: 0; width: 20px; height: 10px; background: #fff; }
.release-notes .content:after { content: ''; display: inline-block; position: absolute; left: -5px; bottom: -10px; width: 10px; height: 10px; background: #fff; border: solid 1px #ccc; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.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: -89px; 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: 115px; font-size: 14px; line-height: 24px; }
#dwsNewsTabNav { margin-bottom: 40px; }
#dwsNewsTabNav { margin: 50px 0 33px; width: 100%; max-width: 100%; height: 38px; border-bottom: 1px solid #ddd; }
#dwsNewsTabNav li { float: left; height: 38px; font-size: 14px; line-height: 38px; text-align: center; font-family: OpenSans-Semibold; border-bottom: none; cursor: pointer; }
#dwsNewsTabNav li:first-child { width: 29%; }
#dwsNewsTabNav li:nth-child(2) { width: 23%; }
#dwsNewsTabNav 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; }
/*========================  Downloads/VSOIWPDFHWYXCQXTSG_Webcam.aspx  =======================*/
#dcsDownload h1 span { position: relative; top: 12px; margin: 0 0 0 15px; padding: 0 0 0 15px; display: inline-block; font-size: 18px; font-size: 1.8rem; line-height: 30px; color: #444; font-family: OpenSans-Semibold; vertical-align: text-top; }
#dcsDownload h1 span:before { display: block; content: ''; width: 1px; height: 17px; background: #aaa; position: absolute; top: 7px; left: 0; }
#dcsDownload .item { margin-top: 18px; }
#dcsDownload .item .ct-lt { float: left; width: 40%; margin-top: 20px; }
#dcsDownload .windows .ct-lt .top { padding-left: 36px; padding-right: 36px; }
#dcsDownload .ios .ct-lt .top { padding-left: 40px; padding-right: 40px; }
#dcsDownload .android .ct-lt .top { padding-left: 55px; padding-right: 55px; max-height: 277px; }
#dcsDownload .item .ct-rt { float: left; width: 60%; padding-left: 55px; padding-right: 35px; margin-top: 0; }
#dcsDownload .item .ct-rt > p { margin: 12px 0 0; }
#dcsDownload .item .ct-rt li { margin-top: 4px; }
#dcsDownload .item .ct-rt .downloadGrp .section { width: 75%; }
#dcsDownload .item .ct-rt .downloadGrp { margin-top: 15px; padding-top: 0; border: none; }
#dcsDownload .mobileContent { padding: 0 35px; }
#dcsDownload .mobileContent .item { float: left; width: 50%; }
#dcsDownload .mobileContent .related { width: 100%; margin-top: 30px; background: #f5fafe; }
#dcsDownload .mobileContent .related .ct-rt { float: none; }
#dcsDownload .mobileContent .related .ct-rt .smRelated { margin-top: 0; line-height: 36px; text-align: center; }
#dcsDownload .mobileContent .item .ct-lt { width: auto; }
#dcsDownload .mobileContent .item .ct-rt { padding: 0; width: auto; }
#dcsDownload .ios { padding-right: 28px; }
#dcsDownload .android { padding-top: 0; padding-left: 28px; border-top: none; }
/*=================================  mobile-imaging-sdk.aspx  ===============================*/
#dcsMobileOverviewBanner .container { position: relative; padding-top: 63px; height: 420px; }
#dcsMobileOverviewBanner .ct-lt p { padding-right: 50px; }
#dcsMobileOverviewBanner .ct-rt { position: absolute; bottom: 0; right: -85px; margin-bottom: 0; width: auto; }
#dcsMobileOverviewEmpower h2 { padding: 0; }
#dcsMobileOverviewEmpower .process .title:before { display: none; }
#dcsMobileOverviewEmpower .process > ul { margin: 0; }
#dcsMobileOverviewEmpower .process > ul > li { float: left; }
#dcsMobileOverviewEmpower .process > ul > li .item { padding-top: 20px; margin-top: 10px; border-top: 3px solid #eee; }
#dcsMobileOverviewEmpower .process > ul > li:nth-child(2) .item { padding-right: 45px; }
#dcsMobileOverviewEmpower .process > ul > li:nth-child(3) .item { padding-right: 50px; }
#dcsMobileOverviewEmpower .process > ul > li .title { position: relative; }
#dcsMobileOverviewEmpower .process > ul > li .title:after { display: inline-block; position: absolute; left: 0; bottom: -16px; content: ''; width: 9px; height: 9px; background: #fe8e14; border-radius: 50%; }
#dcsMobileOverviewEmpower .process > ul > li:first-child .title:after { display: inline-block; bottom: -20px; content: ''; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #eee; background: none; border-radius: 0; }
#dcsMobileOverviewEmpower .process > ul > li:first-child { width: 20%; }
#dcsMobileOverviewEmpower .process > ul > li:nth-child(2) { width: 27%; }
#dcsMobileOverviewEmpower .process > ul > li:nth-child(3) { margin: 0; }
#dcsMobileOverviewDownload .container { position: relative; }
#dcsMobileOverviewDownload .illus1 { width: 140px; top: -70px; right: 60px; }
#dcsMobileOverviewDownload .illus2 { }
#dcsMobileOverviewDownload .illus3 { width: 134px; left: -67px; bottom: 50%; margin-bottom: -67px; }
#dcsMobileOverviewDownload .illus4 { width: 260px; bottom: -115px; right: -8px; }
#dcsMobileOverviewDownload .ct-rt { padding-top: 115px; text-align: right; }
#dcsMobileOverviewDownload .ct-lt { }
#dcsMobileOverviewDownload .ct-rt .left { position: relative; display: inline-block; margin-right: 80px; vertical-align: middle; }
#dcsMobileOverviewDownload .ct-rt .left:after { position: absolute; top: 16px; right: -42px; content: ''; display: inline-block; width: 1px; height: 62px; background: #b8def7; }
#dcsMobileOverviewDownload .ct-rt a { font-size: 14px; color: #444; font-family: OpenSans-Semibold; text-align: center; }
#dcsMobileOverviewDownload .ct-rt a .icon { display: block; margin: 0 auto 12px; width: 60px; height: 60px; background: url(../img-icon/icn-video-60x60.png) no-repeat center top; }
#dcsMobileOverviewDownload .ct-rt a:hover { color: #606060; }
#dcsMobileOverviewDownload .ct-rt a:hover .icon { background-position: center -60px; }
#dcsMobileOverviewDownload .ct-rt .right img { width: 115px; }
#dcsMobileOverviewTypes .item .fontSb { margin: 15px 0 7px; }
#dcsMobileOverviewTypes .a, #dcsMobileOverviewTypes .c, #dcsMobileOverviewTypes .g { padding-right: 80px; }
#dcsMobileOverviewTypes .e { padding-right: 65px; }
#dcsMobileOverviewTypes .b, #dcsMobileOverviewTypes .d, #dcsMobileOverviewTypes .f, #dcsMobileOverviewTypes .h { padding-left: 65px; }
#dcsMobileOverviewTypes .item { margin-top: 35px; }
#dcsMobileOverviewSystem .tabNav li { padding: 0 8px; font-size: 16px; line-height: 36px; height: 36px; }
#dcsMobileOverviewSystem .ct-rt { padding: 125px 15px 0 40px; }
#dcsMobileOverviewSystem .ct-lt { padding-right: 10px; }
/*=============================  webcam-scanner-web-sdk.aspx  ===============================*/
#dcsWebcamScannerBanner { min-height: 270px; }
#dcsWebcamScannerEasily .ct-lt { padding-right: 10px; }
#dcsWebcamScannerEasily .ct-rt { padding-left: 40px; }
#dcsWebcamScannerEasily .ct-rt img { margin-bottom: 0; }
#dcsWebcamScannerFeatures li { margin: 12px 0 0; }
#dcsWebcamScannerFeatures .ct-rt { padding-left: 28px; }
#dcsWebcamScannerFeatures .ct-lt { padding: 100px 55px 0 15px; }
#dcsWebcamScannerTech .item { padding: 15px 30px; margin-top: 35px; min-height: 211px; }
#dcsWebcamScannerTech .server p:nth-child(4) { padding-right: 25px; }
#dcsWebcamScannerTech .code-client, #dcsWebcamScannerTech .code-server { top: 25px; }
/*================================  webcam-sdk-features.aspx  ===============================*/
#dwtWebcamBanner { height: 400px; }
#dwtWebcamBanner h1 { margin: 0 auto; width: 340px; }
#dwtWebcamBanner .ct-lt { padding: 75px 0 0; }
#dwtWebcamBanner .illus { position: absolute; left: -15px; top: 0; width: 270px; }
#dwtWebcamEnables .item { margin-top: 35px; }
#dwtWebcamSupport .ds .item { padding: 40px 50px; }
#dwtWebcamSupport .cs .item { padding: 40px; min-height: 356px; }
#dwtWebcamSupport .ss .item { padding: 40px 33px; }
}
 @media (min-width: 768px) and (max-width: 991px) {
/*================================  webcam-sdk-resource.aspx  ===============================*/
#ds-contact dl { width: auto !important; }
#ds-contact dl:nth-child(2) { padding: 0 50px 0 90px; }
}
 @media screen and (max-width:991px) {
/*==============================  dynamsoft-webcam-sdk.aspx  ================================*/

/*========================  Downloads/VSOIWPDFHWYXCQXTSG_Webcam.aspx  =======================*/

}
 @media (min-width:992px) {
/*==============================  dynamsoft-webcam-sdk.aspx  ================================*/
#dwsOverviewBanner .container { padding-top: 105px; height: 470px; }
#dwsOverviewBanner .ct-rt { right: 0; }
#dwsOverviewCt .desc { font-size: 16px; line-height: 26px; }
#dwsOverviewCt .item { margin: 4px 0 0; width: 33.33%; border-right: none; }
#dwsOverviewCt .windows { border-radius: 3px 0 0 3px; }
#dwsOverviewCt .ios { border-radius: 0; }
#dwsOverviewCt .android { border-radius: 0 3px 3px 0; border-right: 1px solid #ddd; }
#dwsOverviewCt .item .ct-top, #dwsOverviewCt .item .ct-btm { padding: 20px 30px; }
#dwsOverviewCt .ios .ct-top, #dwsOverviewCt .ios .ct-btm { padding: 20px 44px; }
#dwsOverviewCt .ios .ct-btm li:last-child { margin: 58px 0 28px; }
#dwsOverviewCt .android .ct-btm li:last-child { margin: 34px 0 28px; }
/*================================  webcam-sdk-license.aspx  ================================*/
#dwsLicenseContent ul.list-num > li { padding-bottom: 20px; font-size: 16px; font-size: 1.6rem; line-height: 26px; }
#dwsLicenseContent ul.list-num > li h3 { margin-bottom: 15px; font-size: 24px; font-size: 2.4rem; line-height: 36px; }
#dwsLicenseContent .downloadPdf { margin-right: 15px; }
/*================================  webcam-sdk-resource.aspx  ===============================*/
#dwsResource .pdf { padding-right: 15px; padding-left: 0; }
#dwsCustomers .btnGrp .d-btn:nth-child(2) { margin: 0 40px; }
#ds-contact dd span { display: inline !important; }
/*==================  /Downloads/dynamsoft-webcam-sdk-sample-download.aspx  =================*/
#dwsSampleBanner { padding-top: 35px; }
#dwsSampleBanner h1 { margin-top: 26px; }
#dwsSampleBanner .imgwrap { position: absolute; right: 0; top: 35px; }
#dwsSampleBanner img { float: right; width: 390px; }
/*==================================  webcam-sdk-news.aspx  =================================*/
.release-notes .item h3 { font-size: 24px; font-size: 2.4rem; line-height: 39px; font-family: OpenSans-Light; }
.release-notes .tag { }
.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: 102px; font-size: 16px; line-height: 26px; }
#dwsNewsTabNav { margin: 40px 0 35px; }
#dwsNewsTabNav li:first-child { width: 24%; }
#dwsNewsTabNav li:nth-child(2) { width: 19%; }
/*========================  Downloads/VSOIWPDFHWYXCQXTSG_Webcam.aspx  =======================*/
#dcsDownload h1 span { top: 16px; }
#dcsDownload .item { margin-top: 20px; }
#dcsDownload .item .title { margin-bottom: 10px; }
#dcsDownload .item .d-btn { margin-top: 20px; }
#dcsDownload .item .ct-lt { width: 32%; margin-top: 15px; }
#dcsDownload .item .ct-lt .top { padding-top: 70px; }
#dcsDownload .item .ct-rt { width: 68%; padding: 20px 0 0 45px; }
#dcsDownload .ios .ct-rt { padding-top: 18px; }
#dcsDownload .android .ct-rt { padding-top: 20px; }
#dcsDownload .item .ct-rt > p { margin: 12px 0 0; }
#dcsDownload .item .ct-rt .downloadGrp { margin-top: 20px; }
#dcsDownload .item .ct-rt .downloadGrp .section { float: left; width: 46%; margin: 0; }
#dcsDownload .item .ct-rt .downloadGrp > p { font-size: 16px; line-height: 26px; }
#dcsDownload .mobileContent { padding: 0; }
#dcsDownload .ios { padding-left: 120px; padding-right: 35px; }
#dcsDownload .ios .ct-lt .top { padding-left: 53px; padding-right: 53px; }
#dcsDownload .android { padding-left: 35px; padding-right: 120px; }
#dcsDownload .android .ct-lt .top { padding-left: 61px; padding-right: 61px; }
/*=================================  mobile-imaging-sdk.aspx  ===============================*/
#dcsMobileOverviewBanner .container { padding-top: 90px; height: 470px; }
#dcsMobileOverviewBanner .ct-lt { }
#dcsMobileOverviewBanner .ct-rt { width: 475px; right: -10px; }
#dcsMobileOverviewEmpower { padding-left: 48px; padding-right: 48px; }
#dcsMobileOverviewEmpower h2 { padding: 0 45px; }
#dcsMobileOverviewEmpower .process { margin-top: 30px; }
#dcsMobileOverviewEmpower .process > ul > li:first-child { width: 21%; }
#dcsMobileOverviewEmpower .process > ul > li:nth-child(2) { width: 31%; }
#dcsMobileOverviewEmpower .process > ul > li:nth-child(2) .item { padding-right: 80px; }
#dcsMobileOverviewEmpower .process > ul > li:nth-child(3) { width: 31%; }
#dcsMobileOverviewDownload .illus1 { width: 170px; top: -90px; right: 260px; }
#dcsMobileOverviewDownload .illus3 { width: 200px; left: -100px; margin-bottom: -100px; }
#dcsMobileOverviewDownload .illus4 { width: 345px; bottom: -190px; right: -10px; }
#dcsMobileOverviewDownload .ct-lt { padding-left: 40px; padding-right: 70px; }
#dcsMobileOverviewDownload .ct-rt { padding-top: 95px; padding-right: 35px; }
#dcsMobileOverviewDownload .qrGrp span { margin-top: 15px; }
#dcsMobileOverviewDownload .ct-rt .left { font-size: 16px; font-family: OpenSans-Semibold; }
#dcsMobileOverviewDownload .ct-rt .right img { width: 150px; }
#dcsMobileOverviewTypes .item { margin-top: 40px; }
#dcsMobileOverviewTypes .item p { font-size: 16px; line-height: 26px; }
#dcsMobileOverviewTypes .a, #dcsMobileOverviewTypes .d, #dcsMobileOverviewTypes .g { padding-left: 15px; padding-right: 10px; }
#dcsMobileOverviewTypes .b, #dcsMobileOverviewTypes .e, #dcsMobileOverviewTypes .h { padding-left: 38px; padding-right: 0; }
#dcsMobileOverviewTypes .c, #dcsMobileOverviewTypes .f { padding-right: 15px; padding-left: 58px; }
#dcsMobileOverviewTypes .h { padding-right: 30px; }
#dcsMobileOverviewTypes .e { padding-right: 0; }
#dcsMobileOverviewTypes .f { padding-right: 35px; }
#dcsMobileOverviewTypes .g { padding-right: 40px; }
#dcsMobileOverviewSystem .item { font-size: 16px; line-height: 26px; }
#dcsMobileOverviewSystem .ct-lt { padding-right: 80px; }
#dcsMobileOverviewSystem .ct-rt { padding-top: 115px; }
#dcsMobileOverviewSystem .item li { margin-top: 10px; }
/*=============================  webcam-scanner-web-sdk.aspx  ===============================*/
#dcsWebcamScannerBanner { padding: 65px 15px 60px; min-height: 320px; }
#dcsWebcamScannerEasily .ct-lt { padding-right: 60px; }
#dcsWebcamScannerEasily .ct-rt { padding: 45px 0 0; }
#dcsWebcamScannerFeatures .ct-rt { padding-left: 35px; padding-right: 25px; }
#dcsWebcamScannerFeatures ul { margin-top: 20px; }
#dcsWebcamScannerFeatures li { margin: 10px 0 0; font-size: 1.6rem; line-height: 2.6rem; }
#dcsWebcamScannerFeatures .ct-lt { padding: 100px 55px 0 50px; }
#dcsWebcamScannerTech h3 { margin-bottom: 17px; height: 40px; }
#dcsWebcamScannerTech .client { padding-left: 0; padding-right: 34px; width: 44%; margin-left: 7%; }
#dcsWebcamScannerTech .server { padding-right: 0; padding-left: 34px; width: 44%; }
#dcsWebcamScannerTech .item { padding: 10px 30px 15px; min-height: 190px; }
#dcsWebcamScannerTech .server .item { padding-right: 0; }
#dcsWebcamScannerTech .server p:nth-child(4) { padding-right: 70px; }
#dcsWebcamScannerTech .code-client, #dcsWebcamScannerTech .code-server { right: 40px; }
/*================================  webcam-sdk-features.aspx  ===============================*/
#dwtWebcamBanner { height: 450px; }
#dwtWebcamBanner h1 { margin: 0; width: auto; }
#dwtWebcamBanner .ct-lt { padding: 100px 0 0 30px; }
#dwtWebcamBanner .ct-lt p { padding-right: 70px; }
#dwtWebcamBanner .ct-rt { padding: 155px 15px 0 30px; }
#dwtWebcamBanner .illus { top: -20px; left: -25px; width: 290px; }
#dwtWebcamEnables .item { margin-top: 40px; }
#dwtWebcamEnables .sq { padding-right: 20px; }
#dwtWebcamEnables .pc { padding: 0 15px 0 48px; }
#dwtWebcamEnables .cb { padding-left: 40px; }
#dwtWebcamSecurity p { font-size: 16px; line-height: 26px; }
}
 @media (min-width: 992px) and (max-width: 1199px) {
/*================================  webcam-sdk-features.aspx  ===============================*/
#dwtWebcamSupport .ds { padding-right: 0; }
#dwtWebcamSupport .cs { padding-left: 0; padding-right: 0; }
#dwtWebcamSupport .ss { padding-left: 0; }
#dwtWebcamSupport .ds .item { min-height: 386px; padding: 40px 30px; border-radius: 3px 0 0 3px; }
#dwtWebcamSupport .cs .item { min-height: 386px; padding: 40px 30px; border-left: none; border-right: none; border-radius: 0; }
#dwtWebcamSupport .ss .item { padding: 40px 15px; border-radius: 0 3px 3px 0; }
}
 @media (min-width:1200px) {
/*================================  dynamsoft-webcam-sdk.aspx  ==============================*/
#dwsOverviewBanner .container { padding-top: 130px; }
#dwsOverviewBanner .ct-rt { right: -10px; }
/*================================  webcam-sdk-license.aspx  ================================*/
#dwsLicenseContent { padding-left: 0; padding-right: 0; }
#dwsLicenseContent h1 { padding-bottom: 35px; }
#dwsLicenseContent .revision-date { margin-bottom: 22px; }
/*==================  /Downloads/dynamsoft-webcam-sdk-sample-download.aspx  =================*/
#dwsSampleBanner .container { padding-left: 50px; padding-right: 50px; }
#dwsSampleBanner img { width: 480px; }
/*=================================  mobile-imaging-sdk.aspx  ===============================*/
#dcsMobileOverviewBanner .container { padding-top: 95px; }
#dcsMobileOverviewBanner .ct-lt { padding-right: 50px; }
#dcsMobileOverviewBanner .ct-rt { right: 0; width: auto; }
#dcsMobileOverviewEmpower { padding-left: 15px; padding-right: 15px; }
#dcsMobileOverviewEmpower h2 { padding: 0; }
#dcsMobileOverviewDownload .illus1 { right: 400px; }
#dcsMobileOverviewDownload .illus2 { top: -34px; right: 0; }
#dcsMobileOverviewDownload .illus4 { right: 55px; }
#dcsMobileOverviewDownload .ct-lt { padding-left: 15px; padding-right: 0; }
#dcsMobileOverviewDownload .ct-rt { padding-right: 0; }
#dcsMobileOverviewTypes, #dcsMobileOverviewSystem .container { padding-left: 60px; padding-right: 60px; }
#dcsMobileOverviewTypes .c, #dcsMobileOverviewTypes .f { padding-left: 95px; }
#dcsMobileOverviewTypes .a, #dcsMobileOverviewTypes .d, #dcsMobileOverviewTypes .g { padding-right: 25px; }
#dcsMobileOverviewTypes .b, #dcsMobileOverviewTypes .e, #dcsMobileOverviewTypes .h { padding-left: 60px; }
#dcsMobileOverviewTypes .g { padding-right: 80px; }
#dcsMobileOverviewTypes .h { padding-right: 40px; }
#dcsMobileOverviewSystem .ct-lt { padding-right: 55px; }
#dcsMobileOverviewSystem .ct-rt { padding-top: 110px; padding-right: 0; }
/*=============================  webcam-scanner-web-sdk.aspx  ===============================*/
#dcsWebcamScannerEasily .ct-lt { padding-right: 0; }
#dcsWebcamScannerEasily .ct-rt { padding: 40px 0 0 0; }
#dcsWebcamScannerFeatures .ct-lt { padding: 100px 55px 0 15px; }
#dcsWebcamScannerFeatures .ct-rt { padding-left: 52px; padding-right: 15px; }
#dcsWebcamScannerTech .client { padding-left: 90px; }
#dcsWebcamScannerTech .server { padding-right: 90px; }
#dcsWebcamScannerTech .server p:nth-child(4) { padding-right: 75px; }
#dcsWebcamScannerTech .code-client, #dcsWebcamScannerTech .code-server { top: 22px; right: 48px; }
/*================================  webcam-sdk-features.aspx  ===============================*/
#dwtWebcamBanner .illus { top: -10px; left: 0; width: 390px; }
#dwtWebcamBanner .ct-lt { padding: 105px 90px 0 40px; }
#dwtWebcamBanner .ct-rt { padding: 125px 15px 0 30px; }
#dwtWebcamEnables .sq { padding-right: 60px; }
#dwtWebcamEnables .pc { padding: 0 55px; }
#dwtWebcamEnables .cb { padding-left: 55px; }
#dwtWebcamSupport .ds { padding-right: 34px; }
#dwtWebcamSupport .cs { padding-left: 17px; padding-right: 17px; }
#dwtWebcamSupport .ss { padding-left: 34px; }
#dwtWebcamSupport .ds .item { min-height: 386px; }
#dwtWebcamSupport .cs .item { min-height: 386px; padding: 40px 45px; }
#dwtWebcamSupport .ss .item { padding: 40px 30px; }
#dwtWebcamSecurity p { padding: 0 80px; }
}