/* CSS Document */
#subNav { position: relative !important; }
#subNav.subNav-fixed { z-index: 9015; box-shadow: none; }
#header.fixed { padding-bottom: 0; }
/*===================== /Secure/dynamsoft-webcam-sdk-buyit.aspx ======================*/
.inUSD { font-size: 14px; line-height: 24px; }
.inUSD span { position: relative; top: 2px; color: #fe8e14; margin-right: 2px; }
#tabNav ul { height: 45px; border-bottom: 1px solid #ddd; }
#tabNav li { float: left; margin: 0 10px 0 0; height: 45px; border: 1px solid #fff; border-bottom-color: #ddd; }
#tabNav li a:hover { color: #444; }
#tabNav li.on { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 3px solid #ff9f1f; border-bottom: 1px solid #fff; border-radius: 3px 3px 0 0; }
#tabNav li a { display: inline-block; padding: 10px 25px; height: 45px; line-height: 23px; text-align: left; }
#tabNav li.on a { cursor: default; line-height: 19px; }
span[data-toggle='tooltip'] { display: inline-block; }
#tabNav li a { font-size: 14px; line-height: 24px; color: #444; font-family: OpenSans-Semibold; }
#main .linkGroup { text-align: center; }
#main .linkGroup li { display: inline-block; margin: 0 20px 0 0; font-size: 14px; line-height: 24px; }
#main .linkGroup li:last-child { position: relative; margin-right: 0; }
#main .linkGroup li:last-child:before { position: absolute; left: -11px; top: 5px; content: ''; display: inline-block; width: 1px; height: 14px; background: #bbb; }
.reset { display: none; position: fixed; z-index: 9999; bottom: 75px; right: 2%; margin-right: 7px; width: 36px; font-size: 1.4rem; font-weight: bold; }
.note { padding-bottom: 50px; margin-bottom: 40px; margin-top: -10px; font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #444; border-bottom: 1px solid #ddd; }
.note i { margin-right: 3px; font-size: 16px; color: #fe8e14; }
.note span { font-family: OpenSans-Semibold; }
i.fa-question-circle { color: #aaa; }
#contentMiddle table { border-collapse: separate; }
#contentMiddle td.tl { text-align: left !important; }
#contentMiddle td.tc { text-align: center !important; }
#contentMiddle tr.tl td { text-align: left !important; }
#contentMiddle td.bdr-right { border-right: 1px solid #ddd; }
#viewCart { display: inline-block; padding: 0 20px; width: auto; height: 38px; border-radius: 3px; background: #fe8e14; font-size: 14px; font-size: 1.4rem; line-height: 36px; color: #fff; font-family: OpenSans-Semibold; }
#viewCart:hover { background: #ff9f1f; }
#viewCart i { margin: 0 5px 0 0; font-size: 18px; font-size: 1.8rem; vertical-align: text-bottom; }
.flyer { z-index: 1000; display: inline-block; width: 20px; height: 20px; font-size: 14px !important; line-height: 22px; text-align: center; vertical-align: middle; background: #ccc; color: #000; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; opacity: .6; filter: alpha(opacity=60); }
.item-line { width: 98px; margin: 0 auto; }
.item-line .unitPrice { vertical-align: middle; }
.item-line .addCart { position: relative; margin: 0 0 0 12px; display: inline-block; padding: 4px 0 0; width: 26px; height: 26px; font-size: 16px; background: #f5f5f5; color: #999; border: 1px solid #ddd; border-radius: 3px; vertical-align: middle; text-align: center; cursor: pointer; }
.item-line .addCart:hover { color: #fff; background: #ffae38; border-color: #fe8e14; }
.item-line .addCart:before { /*content: ''; display: inline-block; width: 1px; height: 10px; background: #ddd; position: absolute; top: 7px; left: -12px;*/ }
#contentMiddle .trType td { background: #f5fafe; }
#contentMiddle .trType span { display: block; text-align: center; color: #999; }
#contentMiddle .trType .type { margin: 15px auto; font-size: 18px; line-height: 27px; color: #444; }
#contentMiddle .trType img { display: block; margin: 0 auto; }
.bottom-detail .orange-li { margin-top: 13px; }
.bottom-detail .orange-li li { font-size: 14px; line-height: 24px; margin-bottom: 6px; }
.bottom-detail a img { display: inline-block; margin: 0 auto; }
@media screen and (max-width: 767px) {
/*------ content - mobile ------*/
#main .linkGroup { margin: 0 auto 30px; }
.m-content .inUSD { margin: 23px 0 8px; }
.m-content .table { margin-bottom: 30px; }
#contentMiddle td { padding: 15px 10px; width: 50%; border-left: 1px solid #ddd; border-top-color: #ddd; text-align: center; font-size: 14px; line-height: 24px; vertical-align: middle; }
#contentMiddle tr td:first-child { text-align: left; color: #444; }
#contentMiddle tr td:last-child { border-right: 1px solid #ddd; }
#contentMiddle tr:last-child td { border-bottom: 1px solid #ddd; }
#contentMiddle tr:last-child td:first-child { border-radius: 0 0 0 3px; }
#contentMiddle tr:last-child td:last-child { border-radius: 0 0 3px 0; }
/*web-app*/
#contentMiddle .web-app tr:first-child td:first-child { border: none; }
#contentMiddle .web-app tr:first-child td:last-child { font-family: OpenSans-Semibold; color: #444; border-radius: 3px 3px 0 0; }
/*mobile-app*/
#contentMiddle .mobile-app td { padding: 30px 8px; }
#contentMiddle .mobile-app tr td:first-child { text-align: center; color: #606060; }
#contentMiddle .mobile-app tr td:last-child { border-left: none; }
#contentMiddle .mobile-app tr:first-child td { padding: 45px 30px 40px; border-radius: 3px 3px 0 0; border-left: 1px solid #ddd; }
/*#contentMiddle .mobile-app tr:nth-child(2) td:last-child:after { content: '/ year'; display: inline-block; margin-left: 4px; }*/
}
@media (min-width: 768px) {
/*===================== /Secure/dynamsoft-webcam-sdk-buyit.aspx ======================*/
#main .linkGroup { text-align: left; }
#main .linkGroup li:first-child { font-size: 16px; line-height: 26px; }
#contentTop { margin-top: 30px; }
#contentMiddle .section.on { display: block; }
#contentMiddle table { margin: 38px 0 0; }
#contentMiddle .section.on { display: block; }
#contentMiddle td { padding: 22px 15px; font-size: 14px; font-size: 1.4rem; line-height: 24px; border-left: 1px solid #ddd; text-align: center; vertical-align: middle; }
#contentMiddle td.linearBarcode .tooltip-inner { width: 200px; }
#contentMiddle td.html5Browsers .tooltip-inner { max-width: 245px; width: 245px; }
#contentMiddle td.tip-winEdition .tooltip-inner { max-width: 218px; width: 218px; }
#contentMiddle tr td:last-child { border-right: 1px solid #ddd; }
#contentMiddle tr:last-child td { border-bottom: 1px solid #ddd; }
#contentMiddle .trType td { padding-bottom: 35px; vertical-align: top; }
#contentMiddle .trType span { width: 235px; margin: 5px auto 0; }
/*tab-web*/
#contentMiddle .tab-web tr:first-child td { color: #444; font-family: OpenSans-Semibold; }
#contentMiddle .tab-web tr:first-child td:first-child { border-top-left-radius: 3px; }
#contentMiddle .tab-web tr:first-child td:last-child { border-top-right-radius: 3px; }
#contentMiddle .tab-web tr:last-child td:first-child { border-bottom-left-radius: 3px; }
#contentMiddle .tab-web tr:last-child td:last-child { border-bottom-right-radius: 3px; }
#contentMiddle .tab-web tr:first-child td:first-child { border: none; background: none; }
#contentMiddle .tab-web tr:first-child td:nth-child(2), #contentMiddle .tab-web tr:nth-child(2) td:first-child { border-radius: 3px 0 0 0; }
#contentMiddle .tab-web tr:nth-child(2) td { padding-top: 30px; padding-bottom: 30px; color: #444; }
#contentMiddle .tab-web tr:nth-child(-n+2) td:nth-child(3) { border-left: 1px solid #ddd; }
#contentMiddle .tab-web tr td:first-child { width: 30%; color: #444; text-align: left; background: #f5fafe; }
#contentMiddle .tab-web tr td:nth-child(2) { width: 23%; }
#contentMiddle .tab-web tr td:nth-child(3) { width: 24%; border-left: none; }
#contentMiddle .tab-web tr td:nth-child(4) { width: 23%; }
#contentMiddle .tab-web tr td:first-child { padding-left: 35px; }
/*tab-ios*/
#contentMiddle .tab-ios td { border-top-style: dashed; }
#contentMiddle .tab-ios tr:first-child td:first-child { border-radius: 3px 3px 0 0; border-right: 1px solid #ddd; }
#contentMiddle .tab-ios tr:first-child td:last-child { border-radius: 3px 3px 0 0; }
#contentMiddle .tab-ios tr:last-child td:first-child { border-radius: 0 0 3px 3px; }
#contentMiddle .tab-ios tr:last-child td:last-child { border-radius: 0 0 3px 3px; }
#contentMiddle .tab-ios tr:first-child td { padding-top: 45px; border-top: 1px solid #ddd; }
#contentMiddle .tab-ios .item-line { width: 290px; }
/*#contentMiddle .tab-ios .item-line .unitPrice:after { content: '/ year'; display: inline-block; margin-left: 4px; }*/
#contentMiddle .tab-ios .devices { margin-right: 60px; display: inline-block; }
#contentMiddle .tab-ios tr td:first-child { border-right: 1px solid #ddd; }
#contentMiddle .tab-ios tr td:nth-child(2) { width: 30px; background: #fff; border: none; }
/*
#order-table table { border: solid 1px #ddd; }
#order-table th, #order-table td { padding-left: 25px; }
#order-table th:nth-child(2), #order-table td:nth-child(2) { padding-left: 90px; }
#order-table tr td:first-child { width: 50%; }
#order-table tr td:nth-child(2) { width: 50%; }
#order-table th { height: 65px; font-size: 24px; font-size: 2.4rem; }
#order-table tr:last-child td { height: 70px; vertical-align: middle; }
#order-table tr:nth-child(2) td { padding-top: 23px; padding-bottom: 4px; }
#order-table tr:nth-child(4) td { padding-bottom: 23px; padding-top: 4px; }
#order-table tr th:first-child { background: #fff; }
*/
.note { margin-top: 25px; padding-bottom: 55px; }
.bottom-detail h2 { font-size: 24px; line-height: 36px; }
.bottom-detail .orange-li { margin-top: 10px; }
.bottom-detail .ct-lt { padding-right: 90px; }
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media screen and (max-width: 991px) {
/*===================== /Secure/dynamsoft-webcam-sdk-buyit.aspx ======================*/
.item-line .addCart { display: none; }
#viewCart { display: none; }
#totalAmount { display: none; }
}
@media (min-width: 992px) {
/*===================== /Secure/dynamsoft-webcam-sdk-buyit.aspx ======================*/
#main.dcsBuyit .container { width: 980px; }
#main .linkGroup { margin-top: 6px; }
#totalAmount { display: none; position: absolute; z-index: 9000; right: 15px; bottom: -54px; padding: 5px 15px; width: auto; height: auto; background: #f5f5f5; border: 1px solid #eee; border-radius: 3px; }
#totalAmount:before { content: ''; display: block; position: absolute; top: -7px; right: 70px; margin: 0 0 0 -7px; width: 14px; height: 14px; border-top: solid 1px #eee; border-left: solid 1px #eee; background: #f5f5f5; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#totalAmount li { text-align: right; line-height: 30px; font-size: 14px; font-size: 1.4rem; }
#totalAmount li span { display: inline-block; min-width: 75px; }
#totalAmount li span.lt { float: left; margin: 0; width: 118px; }
#totalAmount li:last-child { color: #fe8e14; }
/*tab-web*/
#contentMiddle .tab-web tr td:nth-child(2) { padding-left: 25px; padding-right: 25px; }
/*tab-ios*/
#contentMiddle .tab-ios .item-line { width: 271px; }
#contentMiddle .tab-ios .devices { margin-right: 45px; }
/*===================== order-total =======================*/
/*.order-total { padding: 15px 0; }
#Amount { margin-bottom: 0; font-size: 20px; font-size: 2.0rem; font-family: OpenSans-Semibold; font-weight: normal; color: #fe8e14; }
.order-total .ct-md { width: 100%; }
.alignAmount { display: inline-block; min-width: 80px; text-align: right; }
.subTotal { float: right; padding-top: 20px; line-height: 32px; }
.warning-nonpro-only { display: none; font-size: 14px; }
.icn-tooltip-gray-sml { display: inline-block; width: 18px; height: 18px; line-height: 18px; vertical-align: middle; background: url(../img-icon/icn-questionmark-13x14-grey.png) left top no-repeat; }
.tooltip-image { border: none; background: none; position: absolute; z-index: 9999; }
.order-amount { position: relative; width: 100%; right: 0; }
.order-total-float { position: fixed; bottom: 0; z-index: 9990; width: 100%; padding: 15px 0; }
.order-total table { border: none; }
#main .order-total td { padding: 0; border: none; }
.order-coupon { position: relative; }
.GrandTotalWithDiscount { float: right; padding: 15px 0 0px 0px; width: 100%; }
.GrandTotalWithDiscount .dashedBorder { border-top: 1px dashed #ccc; max-width: 400px; float: right; padding: 13px 0 17px 150px; }
.order-amount { margin: auto; padding: 20px 15px; }*/
/*===================== order-total =======================*/
/*#order-table th:nth-child(2) { padding-left: 80px; }
#order-table td:nth-child(2) { padding-left: 8px; padding-right: 89px; }
#order-table tr:nth-child(5) td:nth-child(2) input[type='checkbox'] { width: 20px; height: 20px; margin-left: 42px; cursor: pointer; }*/
.bottom-detail .ct-lt { padding-right: 15px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
/*===================== /Secure/dynamsoft-webcam-sdk-buyit.aspx ======================*/
/*.order-total .container { padding-left: 0; padding-right: 0; }*/
}
@media (min-width: 1200px) {
/*===================== /Secure/dynamsoft-webcam-sdk-buyit.aspx ======================*/
#main.dcsBuyit .container { width: 1195px; padding-left: 0; padding-right: 0; }
#totalAmount { right: -22px; }
#totalAmount:before { left: 50%; }
.bottom-detail .ct-lt { padding-right: 15px; }
.reset { right: 39px; }
/*===================== order-total =======================*/
/*#order-table th:nth-child(2) { padding-left: 75px; }*/
}
/*common-purchase.css*/
@media screen and (max-width: 991px) {
.item-line { padding: 0; width: auto; font-size: 14px; font-size: 1.4rem; line-height: 24px; text-align: center; }
.item-line .ui-spinner, .item-line input { display: none; }
}
@media (min-width: 992px) {
.item-line { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
.item-line .unitPrice { width: 50px; text-align: right; }
}