/*Product display - support.aspx && How-to-purchase-Dynamsoft-products.aspx*/
#productDisplay .ct-lt { padding: 0; }
#productDisplay .item { display: block; padding: 40px 30px; margin-top: 30px; border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#productDisplay .logo { display: inline-block; width: 100%; height: 50px; background-repeat: no-repeat; background-position: left center; }
#productDisplay .dwt .logo, #productDisplay .dnt .logo, #productDisplay .dcs .logo, #productDisplay .dbr .logo { font-family: myriad-pro; margin: 10px 0 17px; width: 100%; height: 50px; line-height: 50px; font-size: 25px; letter-spacing: 0.3px; color: #333 }
#productDisplay .dwt .logo img, #productDisplay .dnt .logo img, #productDisplay .dcs .logo img, #productDisplay .dbr .logo img { margin-right: 10px; }
#productDisplay .dwt .item:hover .logo, #productDisplay .dnt .item:hover .logo, #productDisplay .dcs .item:hover .logo, #productDisplay .dbr .item:hover .logo { color: #ffffff; }

/*#productDisplay .dwt .logo { width: 227px; background-image: url(../img-icon/logo-dwt-227x50.png); background-image: url(../img-icon/logo-dwt-227x50.svg), none; }
#productDisplay .dwt .item:hover .logo { background-image: url(../img-icon/logo-dwt-white-227x50.png); background-image: url(../img-icon/logo-dwt-white-227x50.svg), none; }
#productDisplay .dnt .logo { width: 230px; background-image: url(../img-icon/logo-dnt-222x50.png); background-image: url(../img-icon/logo-dnt-222x50.svg), none; }
#productDisplay .dnt .item:hover .logo { background-image: url(../img-icon/logo-dnt-white-222x50.png); background-image: url(../img-icon/logo-dnt-white-222x50.svg), none; }
#productDisplay .dcs .logo { width: 246px; background-image: url(../img-icon/logo-dcs-246x50.png); background-image: url(../img-icon/logo-dcs-246x50.svg), none; }
#productDisplay .dcs .item:hover .logo { background-image: url(../img-icon/logo-dcs-white-246x50.png); background-image: url(../img-icon/logo-dcs-white-246x50.svg), none; }
#productDisplay .dbr .logo { width: 275px; background-image: url(../img-icon/logo-dbr-274x50.png); background-image: url(../img-icon/logo-dbr-274x50.svg), none; }
#productDisplay .dbr .item:hover .logo { background-image: url(../img-icon/logo-dbr-white-274x50.png); background-image: url(../img-icon/logo-dbr-white-274x50.svg), none; }*/

#productDisplay .saw .logo { width: 185px; background-image: url(../img-icon/logo-saw-171x25.png); background-image: url(../img-icon/logo-saw-171x25.svg), none; }
#productDisplay .saw .item:hover .logo { background-image: url(../img-icon/logo-saw-white-171x25.png); background-image: url(../img-icon/logo-saw-white-171x25.svg), none; }
#productDisplay .sawh .logo { width: 230px; background-image: url(../img-icon/logo-sawh-225x25.png); background-image: url(../img-icon/logo-sawh-225x25.svg), none; }
#productDisplay .sawh .item:hover .logo { background-image: url(../img-icon/logo-sawh-white-225x25.png); background-image: url(../img-icon/logo-sawh-white-225x25.svg), none; }
#productDisplay .middle { display: inline-block; margin: 20px 0 6px; width: 100%; font-size: 14px; font-size: 1.4rem; color: #999; font-family: OpenSans-Semibold; }
#productDisplay .dcs .middle { margin-top: 10px; }
#productDisplay .bottom { display: inline-block; width: 100%; font-size: 14px; }
#productDisplay .item:hover .middle, #productDisplay .item:hover .bottom { color: #fff; }
#productDisplay .dwt .item:hover, #productDisplay .saw .item:hover, #productDisplay .sawh .item:hover { background: #ff9f1f; border-color: #ff9f1f; }
#productDisplay .dnt .item:hover { background: #66d7bc; border-color: #66d7bc; }
#productDisplay .dcs .item:hover { background: #5eb7e4; border-color: #5eb7e4; }
#productDisplay .dbr .item:hover { background: #58585e; border-color: #58585e; }
#productDisplay .ct-rt h2 { padding-top: 33px; font-size: 18px; line-height: 27px; color: #444; font-family: OpenSans-Regular; border-top: 1px solid #eee; }
#productDisplay .ct-rt li { float: left; padding-right: 12px; margin: 8px 8px 0 0; position: relative; font-size: 14px; line-height: 24px; }
#productDisplay .ct-rt li:after { content: ''; display: block; position: absolute; right: 0; top: 5px; width: 1px; height: 15px; background-color: #7c7c7c; }
#productDisplay .ct-rt li:last-child:after { display: none; }
#morePro { padding: 20px 50px; }
#morePro li { display: inline-block; padding-right: 12px; margin: 8px 8px 0 0; position: relative; font-size: 16px; line-height: 24px; }
#morePro li:first-child:after { content: ''; display: block; position: absolute; right: 0; top: 5px; width: 1px; height: 15px; background-color: #7c7c7c; }

/*==================================  support.aspx  ===================================*/
#dsSupportContact h2 a:hover { color: #61c2ec; }
#dsSupportContact dl { margin-top: 30px; margin-bottom: 20px; }
#dsSupportContact dt a { display: block; width: 95px; margin: 0 auto; }
#dsSupportContact dt a:hover span { color: #fe8e14; }
#dsSupportContact dt .icon { display: block; margin-top: 0; height: 90px; }
#dsSupportContact dt span { display: block; margin-top: 25px; text-align: center; color: #444; font-size: 16px; font-family: OpenSans-Semibold; }
#dsSupportContact dd { margin-top: 10px; font-size: 14px; font-size: 1.4rem; line-height: 24px; }
#dsSupportContact .chat .icon { background: url(../img-icon/icn-chat-email-phone-90x90.png) no-repeat center top; }
#dsSupportContact .email .icon { background: url(../img-icon/icn-chat-email-phone-90x90.png) no-repeat center -100px; }
#dsSupportContact .phone .icon { background: url(../img-icon/icn-chat-email-phone-90x90.png) no-repeat center -200px; }
/*======================= How-to-purchase-Dynamsoft-products.aspx ======================*/}
#howToPurchaseSend .note li { margin-bottom: 4px; }
#howToPurchaseReseller a { word-wrap: break-word; }
/*============================== /Support/LiveHelp.aspx ===============================*/
#liveHelpBanner { padding-top: 90px; padding-bottom: 40px; min-height: 385px; background: url(../img-banner/bg-livehelpBanner-xs.png) no-repeat center center; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.dynamsoft.com/assets/img-banner/bg-livehelpBanner-xs.png', sizingMethod='scale');
background-size: cover; }
#liveHelpBanner .content { float: right; width: 230px; }
#liveHelpBanner h1 { font-size: 30px; font-size: 3.0rem; line-height: 45px; }
#liveHelpBanner p { margin-top: 8px; color: #444; }
#liveHelpContent .ct-lt h2 { margin-bottom: 8px; }
#liveHelpContent .ct-lt iframe { width: 100%; height: 890px; }
#liveHelpContent .ct-rt .item { margin-bottom: 25px; }
#liveHelpContent .ct-rt .item.last-child { margin-bottom: 0; }
#liveHelpContent .ct-rt h3 { margin-bottom: 6px; font-size: 24px; font-size: 2.4rem; line-height: 36px; font-family: OpenSans-Light; }
#liveHelpContent .ct-rt h3 a { color: #444; }
#liveHelpContent .ct-rt h3 .fa { margin-left: 6px; color: #fe8e14; font-size: 24px; }
#liveHelpContent .ct-rt h3.offline .fa { color: #ccc; }
#liveHelpContent .ct-rt p { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
#liveHelpContent .ct-rt .gmt { margin-top: 5px; }
#liveHelpContent .ct-rt .gmt select { margin-left: 3px; height: 28px; }
#liveHelpContent .ct-rt .nohref { margin-top: 5px; }
#liveHelpContent .ct-rt .nohref a { font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #606060; cursor: default; }
#liveHelpContent .ct-rt .note li { margin-top: 5px; font-size: 14px; font-size: 1.4rem; line-height: 24px; }
/*============================== /Support/Web-Training.aspx =============================*/
#webTraining h3 { margin: 33px 0 14px 0; font-size: 16px; font-size: 1.6rem; line-height: 26px; font-family: OpenSans-Semibold; }
 @media screen and (max-width: 767px) {
/*Product display - support.aspx && How-to-purchase-Dynamsoft-products.aspx*/
#productDisplay .ct-rt h2 { width: 325px; margin: 40px auto 0; }
#productDisplay .ct-rt ul { width: 325px; margin: 0 auto; }
/*================================= /Support/Support.aspx ===============================*/
#productDisplay .item { max-width: 325px; margin: 30px auto 0; }
/*======================== How-to-purchase-Dynamsoft-products.aspx ======================*/

}
@media (min-width: 768px) {
/*Product display - support.aspx && How-to-purchase-Dynamsoft-products.aspx*/
#productDisplay .item { margin-top: 50px; padding-left: 20px; }
#productDisplay .dwt, #productDisplay .dbr, #productDisplay .sawh { padding-right: 27px; padding-left: 30px; }
#productDisplay .dnt, #productDisplay .dcs, #productDisplay .saw { padding-right: 30px; padding-left: 27px; }
#productDisplay .dbr .logo { width: 275px; }
#productDisplay .item { min-height: 289px; }
#productDisplay .ct-rt { padding-left: 100px; padding-top: 45px; }
#productDisplay .ct-rt h2 { padding: 0; margin: 0; border-top: none; font-family: OpenSans-Semibold; }
/*===============================  /Support/Support.aspx  ==============================*/
#dsSupportContact dl { padding: 0; margin-top: 40px; }
#dsSupportContact dt { text-align: center; }
#dsSupportContact dt a { display: inline-block; width: 90px; }
/*======================== How-to-purchase-Dynamsoft-products.aspx ======================*/
#howToPurchaseBanner p { margin-bottom: -10px; }
#howToPurchaseSend .note .vtLine { position: absolute; right: 9px; top: 0; width: 1px; height: 160px; background: #ddd; }
#howToPurchaseSend .check .vtLine { position: absolute; right: 9px; top: 0; width: 1px; height: 160px; background: #ddd; }
#howToPurchaseSend .note { padding-right: 45px; }
#howToPurchaseSend .check { padding-left: 28px; }
#howToPurchaseSend .wire { padding-left: 55px; }
#howToPurchaseReseller .ct-rt { padding-top: 22px; padding-right: 30px; }
/*=============================== /Support/LiveHelp.aspx ===============================*/
#liveHelpBanner { padding-top: 110px; padding-bottom: 0; min-height: 375px; height: 375px; background: url(../img-banner/bg-livehelpBanner-sm.png) no-repeat center center; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.dynamsoft.com/assets/img-banner/bg-livehelpBanner-sm.png', sizingMethod='scale');
background-size: cover; }
#liveHelpBanner .content { width: 315px; }
#liveHelpBanner h1 { font-size: 36px; font-size: 3.6rem; line-height: 55px; }
#liveHelpBanner p { margin-top: 12px; }
#liveHelpContent .ct-lt h2 { margin-bottom: 10px; }
#liveHelpContent .ct-lt iframe { width: 86%; height: 900px; }
#liveHelpContent .ct-rt { padding-top: 6px; padding-left: 10px; }
#liveHelpContent .ct-rt .item { margin-bottom: 35px; }
/*============================== /Support/Web-Training.aspx =============================*/
#webTraining { padding-left: 45px; padding-right: 45px; }
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) {
/*Product display - support.aspx && How-to-purchase-Dynamsoft-products.aspx*/
#productDisplay .item { padding: 40px 15px 33px 14px; min-height: 236px; }
#productDisplay .dwt, #productDisplay .dbr, #productDisplay .saw { padding-left: 5px; padding-right: 5px; }
#productDisplay .dnt, #productDisplay .dcs, #productDisplay .sawh { padding-right: 15px; padding-left: 15px; }
#morePro { padding: 0 40px; padding-top: 20px; }
#productDisplay .dbr .logo { width: 275px; }
#productDisplay .ct-lt { width: 77%; padding-right: 45px; }
#productDisplay .ct-rt { padding-left: 15px; width: 23%; }
#productDisplay .ct-rt h2 { margin-bottom: 4px; font-size: 24px; line-height: 36px; color: #444; font-family: OpenSans-Light; }
#productDisplay .ct-rt li { float: none; margin: 12px 0 0; padding: 0; font-size: 16px; line-height: 26px; }
#productDisplay .ct-rt li:after { display: none; }
#productDisplay .dcs .middle { margin-top: 15px; }
/*==================================  support.aspx  ====================================*/


/*====================== How-to-purchase-Dynamsoft-products.aspx ========================*/
#howToPurchaseBanner p { padding: 0 60px; margin-bottom: 8px; }
#howToPurchaseReseller .ct-lt { padding-left: 60px; }
#howToPurchaseReseller .ct-lt p.detail { padding-right: 70px; }
#howToPurchaseSend p.detail { padding: 0 75px; }
#howToPurchaseSend .note .vtLine { right: -12px; }
    #howToPurchaseSend .check .vtLine { right: -12px; }
#howToPurchaseSend .note { padding-right: 45px; padding-bottom: 20px; }
#howToPurchaseSend .check { padding-left: 70px; }
#howToPurchaseSend .wire { padding-left: 25px; }
/*============================== /Support/LiveHelp.aspx ================================*/
#liveHelpBanner { padding-top: 120px; height: 385px; background: url(../img-banner/bg-livehelpBanner-md.png) no-repeat center center; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.dynamsoft.com/assets/img-banner/bg-livehelpBanner-md.png', sizingMethod='scale');
background-size: cover; }
#liveHelpBanner .content { margin-right: 70px; }
#liveHelpBanner h1 { font-size: 40px; font-size: 4.0rem; line-height: 60px; }
#liveHelpContent .ct-lt iframe { height: 855px; }
#liveHelpContent .ct-rt { padding: 8px 5px 0 35px; }
#liveHelpContent .ct-rt .item { margin-bottom: 45px; }
#liveHelpContent .ct-rt h3 { margin-bottom: 10px; }
#liveHelpContent .ct-rt .gmt { float: left; width: 90px; }
#liveHelpContent .ct-rt .nohref { float: left; margin: 5px 0 0 5px; }
/*============================== /Support/Web-Training.aspx =============================*/
#webTraining { padding-left: 75px; padding-right: 75px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
/*Product display - support.aspx && How-to-purchase-Dynamsoft-products.aspx*/
#productDisplay .ct-lt { width: 66%; padding-right: 65px; }
#productDisplay .ct-rt { width: 19%; }
#productDisplay .item { padding: 40px 15px 33px 30px; min-height: 282px; }
#productDisplay .dwt, #productDisplay .dbr, #productDisplay .saw { padding-left: 25px; padding-right: 25px; }
#productDisplay .dnt, #productDisplay .dcs, #productDisplay .sawh { padding-right: 25px; padding-left: 25px; }
#morePro { padding: 0 40px; padding-top: 20px; }
#productDisplay .bottom { font-size: 16px; }
/*===================================  support.aspx  =====================================*/

/*======================== How-to-purchase-Dynamsoft-products.aspx =======================*/
#howToPurchaseBanner p { padding: 0 120px; }
#howToPurchaseSend p.detail { padding: 0 80px; }
#howToPurchaseSend .note .vtLine { right: -30px; }
    #howToPurchaseSend .check .vtLine { right: -20px; }
#howToPurchaseSend .note { padding-right: 35px; }
#howToPurchaseSend .check { padding-left: 70px; padding-right: 0; margin-left: 20px; margin-right: -20px; }
#howToPurchaseSend .wire { padding-left: 75px; }
#howToPurchasePhone .ct-lt p { padding-right: 80px; }
#howToPurchaseReseller .ct-lt p.detail { padding-right: 95px; }
#howToPurchaseReseller .ct-rt { padding-top: 15px; }
#howToPurchaseReseller .ct-lt { padding-left: 88px; }
/*=============================== /Support/LiveHelp.aspx =================================*/
#liveHelpBanner { padding-top: 125px; background: url(../img-banner/bg-livehelpBanner-lg.png) no-repeat center center; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.dynamsoft.com/assets/img-banner/bg-livehelpBanner-lg.png', sizingMethod='scale');
background-size: cover; }
#liveHelpBanner .content { margin-right: 30px; }
#liveHelpContent .ct-lt { padding-left: 60px; }
#liveHelpContent .ct-lt iframe { width: 76%; }
#liveHelpContent .ct-rt { padding-left: 15px; padding-right: 55px; }
#liveHelpContent .ct-rt p { font-size: 16px; font-size: 1.6rem; line-height: 26px; }
#liveHelpContent .ct-rt .note li { margin-top: 10px; font-size: 16px; font-size: 1.6rem; line-height: 26px; }
#liveHelpContent .ct-rt .gmt { width: 103px; }
#liveHelpContent .ct-rt .nohref a { font-size: 16px; font-size: 1.6rem; line-height: 26px; }
/*============================== /Support/Web-Training.aspx =============================*/
#webTraining { padding-left: 50px; padding-right: 50px; }
}