/*
Theme Name: Dynamic WP
Theme URI: https://www.dynamsoft.com/blog;
Description: Wordpress theme for Dynamsoft blogs
Author: Dynamsoft Team
Author URI: https://www.dynamsoft.com/;
Version: 1.0.0
Tags: light, white, black, gray, orange, two-columns, left-sidebar, fixed-width
*/

/* Contents

 Reset
 Global
 Header
 Navigation
 Sidebar
 Post
 Footer
 Meta
 Misc
 Pagination
 Forms
 Typography
 Comment
 Base
 Atomic

*/

/* Reset */
html, body { height: 100%; }
/* ---------------------------------------------------------- */

* { }
img { border: none; }
/* Global */

/* ---------------------------------------------------------- */

/* Flex Grid */

.outer_wrap { position: relative; height: auto; min-height: 100%; border-top: none; width: 100%; margin: auto; }
.inner_wrap { position: relative; clear: both; margin: auto; overflow: visible; height: auto; }
#mid_contain_alter { width: 100%; float: left; padding-left: 15px; padding-right: 15px; position: relative; text-align: left; }
body.home #mid_contain_alter, body.search #mid_contain_alter { }
#leftcol_alter { float: right; position: relative; padding-left: 15px; padding-right: 15px; text-align: left; }
#banner-bar { position: relative; width: 80%; margin: 0 auto; height: 40px; border: 1px solid #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#banner-bar.on { border-color: #feb420; box-shadow: 0 0 6px rgba(254,180,32,.5); -webkit-box-shadow: 0 0 6px rgba(254,180,32,.5); -moz-box-shadow: 0 0 6px rgba(254,180,32,.5); }
#scrollFixed { background: #fff; }
/* sidebar - subscribe */
#siteSubscribe { padding: 20px 15px 30px; background: #f5f5f5; }
#subscribeForm { position: relative; width: 100%; max-width: 360px; }
#siteSubscribe .placeHolder { position: absolute; left: 10px; top: 0; font-size: 14px; font-size: 1.4rem; color: #aaa; line-height: 38px; }
#siteSubscribe input { -webkit-appearance: none; float: left; padding-left: 8px; width: 68%; height: 38px; line-height: 38px; font-size: 14px; font-size: 1.4rem; background: #fff; outline: none; border: solid 1px #ccc; border-right: none !important; border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; box-shadow: none; }
#siteSubscribe input:focus { border-color: #feb420; box-shadow: 0 0 6px rgba(254,180,32,.5); -webkit-box-shadow: 0 0 6px rgba(254,180,32,.5); -moz-box-shadow: 0 0 6px rgba(254,180,32,.5); }
#siteSubscribe .d-btn { display: inline-block; float: left; padding: 0; width: 32%; height: 38px; line-height: 36px; color: #fff; font-family: OpenSans-Semibold; font-size: 14px; text-align: center; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; -o-border-radius: 3px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
#siteSubscribe .d-btn:hover { background: #ff9f1f; color: #fff; }
#siteSubscribe .alertMsg p { margin: 6px 0 0; color: #999; font-size: 14px; font-size: 1.4rem; line-height: 24px; }
/* sidebar - categories */
#categories { padding-top:25px; border-top: 1px solid #eee;}
@media screen and (max-width: 991px) {
#comment-block { display: none !important; }
.inner_wrap { position: relative; }
#mid_contain_alter { padding-top: 140px; padding-bottom: 90px; }
body.single-post #mid_contain_alter { position: static; padding-bottom: 0; }
body.single-post #mid_contain_alter { padding-top: 55px; }
#leftcol_alter { position: static !important; float: left; margin: 0; padding: 0; width: 100%; }
body.single-post #leftcol_alter { padding-bottom: 120px; }
#social-follow { margin: auto; padding: 40px 0; }
/*#intro { position: absolute; bottom: 86px; width:100%; }*/
#inner-header { position: absolute; top: 60px; left: 0; width: 100%; }
body.single-post #inner-header { display: none; }
#sidebar { display: none; position: absolute; bottom: 210px; width: 100%; height: 145px; }
#tag-cloud { display: none; }
/*#siteSubscribe { position:absolute; bottom:210px; width:100%;}*/
}
@media screen and (max-width: 767px) {
}
@media (min-width: 768px) {
body.home #mid_contain_alter, body.search #mid_contain_alter { }
.inner_wrap { width: 750px; }
}
@media (min-width: 768px) and (max-width: 991px) {
body.single-post #leftcol_alter { padding-bottom: 65px; }
body.single-post #mid_contain_alter { padding-top: 65px; }
#mid_contain_alter { padding: 155px 90px 95px; }
body.single-post #mid_contain_alter { padding-bottom: 15px; }
#inner-header { top: 70px; }
#banner-bar { width: 40%; }
#sidebar { padding: 0 90px; height: 150px; bottom: 210px; }
#siteSubscribe { width: 76%; margin: 0 0 0 12%; padding: 22px 50px 30px; bottom: 180px; }
body.single-post #siteSubscribe { bottom: 125px; }
#intro { bottom: 61px; }
}
 @media (min-width: 992px) {
.inner_wrap { width: 970px; }
#mid_contain_alter { padding: 75px 45px 135px 15px; width: 66%; border-right: solid 1px #eee; }
body.single-post #mid_contain_alter { padding-bottom: 45px; }
body.home #mid_contain_alter { }
#leftcol_alter { display: block; padding: 60px 15px 70px 40px; width: 34%; }
#banner-bar { width: 100%; }
#siteSubscribe { padding: 34px 0 0; background: #fff; }
#tag-cloud { }
body.single-post #tag-cloud { border-bottom: none; }
#sidebar { padding-top: 20px; }
#scrollFixed { padding: 20px 0; }
#sidebar .widget { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; }
#sidebar #categories h2 { margin-bottom: 8px; }
#sidebar #categories li { padding-left: 0; margin-bottom: 10px; }
#sidebar #categories li:last-child { margin-bottom: 0; }
#sidebar #categories li a { font-size: 14px; line-height: 24px; }
#sidebar #categories li ul { margin-top: 10px; }
#sidebar #categories li ul li { padding-left:15px;}
/* sidebar - subscribe */
#siteSubscribe input { width: 62%; }
#siteSubscribe .d-btn { width: 38%; }
}
@media (min-width: 1200px) {
.inner_wrap { width: 1170px; }
#mid_contain_alter { padding-right: 70px; width: 67%; }
body.single-post #mid_contain_alter { padding-bottom: 55px; }
#leftcol_alter { padding-left: 50px; padding-right: 60px; width: 33%; }
#siteSubscribe { padding: 42px 0 0; }
#sidebar { }
}
.flex_vert_pad { padding: 10px 0 15px; }
.clear { clear: both; }
#footer { position: absolute !important; bottom: 0; }
/* Header */

/* ---------------------------------------------------------- */

h1, h2, h3, h4 { color: #333; margin: 0; }
h1 { font-size: 30px; line-height: 45px; }
h2 { font-size: 24px; line-height: 36px; }
h3 { font-size: 20px; line-height: 32px; }
.page-header { margin: 20px 0 30px; padding-bottom: 9px; border-bottom: 1px solid #eeeeee; }
#mid_contain_alter ul, #mid_contain_alter ol { margin: 0 0 10px 25px; padding: 0; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
.entry li { line-height: 24px; color: #555; margin-bottom: 10px; }
.list-numbers { list-style: decimal; }
.list-numbers>li { list-style: decimal; }
.list-circle { list-style: circle; }
.list-circle>li { list-style: circle; }
.list-disc { list-style: disc; }
.list-disc>li { list-style: disc; }
.list-square { list-style: square; }
.list-square>li { list-style: square; }
.entry ul li { list-style-type: disc; }
.entry ol li { list-style-type: decimal; }
.entry ul ul li, .entry ol ul li { list-style-type: square; }
.entry ul ol li, .entry ol ol li { list-style-type: decimal; }
.entry ul ul, .entry ol ul, .entry ul ol, .entry ol ol { padding-top: 10px; padding-bottom: 0; margin-left: 10px; }
ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; }
ul.inline, ol.inline { margin-left: 0; list-style: none; }
/* Page */
/* ---------------------------------------------------------- */
.fntOrange { color: #fe8e14; }
.fnth { font-weight: bold; }
a.blueAnchor:link { color: #1570A6; text-decoration: none; }
a.blueAnchor:visited { color: #1570A6; text-decoration: none; }
a.blueAnchor:active { color: #1570A6; border-bottom: 1px dashed #C0C0C0; }
a.blueAnchor:hover { color: #1570A6; border-bottom: 1px dashed #C0C0C0; }
a.btndownload { height: 34px; width: 132px; background-image: url(https://www.dynamsoft.com/images/btn-download-sprite.gif); background-position: left top; background-repeat: no-repeat; display: inline-block; cursor: pinter; }
a.btndownload:link { background-position: left top; }
a.btndownload:visited { background-position: left top; }
a.btndownload:hover { background-position: 0px -34px; border: none; }
a.btndownload:active { background-position: bottom left; }
a.btnDownloadDemo { height: 34px; width: 168px; background-image: url(https://www.dynamsoft.com/images/btn-download-demo-sprite.gif); background-position: left top; background-repeat: no-repeat; display: block; }
a.btnDownloadDemo:link { background-position: left top; }
a.btnDownloadDemo:visited { background-position: left top; }
a.btnDownloadDemo:hover { background-position: 0px -34px; }
a.btnDownloadDemo:active { background-position: bottom left; }
a.btngo_blank { height: 34px; width: 202px; background-image: url(https://www.dynamsoft.com/images/btn_blank_sprite_long.gif); background-position: left top; background-repeat: no-repeat; display: block; color: #572200; text-decoration: none; font-size: 14px; line-height: 34px; vertical-align: middle; font-family: Helvetica; padding-left: 10px; padding-right: 45px; text-align: center; }
a.btngo_blank:link { background-position: left top; color: #5c330b; }
a.btngo_blank:visited { background-position: left top; color: #5c330b; }
a.btngo_blank:hover { background-position: 0px -34px; color: #572200; border-bottom: none; }
a.btngo_blank:active { background-position: bottom left; color: #572200; }
a.btngo_blank_short { height: 34px; width: 119px; background-image: url(https://www.dynamsoft.com/images/btn_blank_sprite_short.gif); background-position: left top; background-repeat: no-repeat; display: block; color: #572200; text-decoration: none; font-size: 12px; line-height: 34px; vertical-align: middle; font-family: Helvetica; padding-left: 10px; padding-right: 10px; text-align: center; }
a.btngo_blank_short:link { background-position: left top; color: #5c330b; }
a.btngo_blank_short:visited { background-position: left top; color: #5c330b; }
a.btngo_blank_short:hover { background-position: 0px -34px; color: #572200; border-bottom: none; }
a.btngo_blank_short:active { background-position: bottom left; color: #572200; }
/* ---------------------------------------------------------- */

/*Top*/

.inner { width: 980px; overflow: hidden; height: auto; margin: 0 auto; }
#top_contain_alter { position: absolute; width: 980px; margin-top: 0; border: 1px solid #D9D9D9; border-top: none; border-bottom: none; background: url(images/bg_top_grey.png) repeat-x; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.3); box-shadow: 0 0 6px rgba(0,0,0,.3); }
#top_left { display: none; }
#top_mid { width: 961px; height: 77px!important; padding: 0 9px 0 10px; }
#top_right { display: none; }
/* HERDER ------------- */
#header_left { height: 75px; float: left; _width: 40%; }
#header_right { height: 75px; float: right; _width: 40%; }
#logo_container { float: left; margin-left: 25px; margin-top: 0px; padding: 15px 0px 0px 0px; width: 100%; }
#tagline { clear: both; color: #505050; font: normal 1.1em Arial; margin: 0; padding: 0; margin-left: 25px; text-align: left; max-width: 80%; height: 20px; }
#top_menu { margin: 0px 20px 0px 0px; float: right; }
#top_menu li { margin: 0; list-style: none; position: relative; padding: 25px 0px 0px 0px; border-bottom: none; font-size: 1em; float: left; display: inline; text-align: center; }
#top_menu a { line-height: normal }
/* Banner ------------ */

/* Banner bar ---------- */
#nav-menu { font-size: 12px; margin: 0 30px; }
#nav-menu>li { float: left; list-style: none; }
#nav-menu a { color: #555; }
#nav-menu>li>a { display: block; padding: 0 11px; height: 50px; line-height: 50px; text-decoration: none; font-weight: bold; }
#nav-menu>li>a:hover, #nav-menu .dropdown_on>a, #nav-menu li.current-menu-item>a, #nav-menu li.current-menu-parent>a, #nav-menu .sub-menu li.current-menu-parent a { color: #fe8e14; border-bottom: 2px solid #fe8e14; margin-bottom: -2px; }
#nav-menu .menu-item-has-children { position: relative; margin-right: 8px; }
#nav-menu .menu-item-has-children>a { background-image: url(images/icn-arrow-down-8x38.png); background-repeat: no-repeat; background-position: right 23px; }
#nav-menu .menu-item-has-children>a:hover, #nav-menu li.current-menu-parent>a, #nav-menu .dropdown_on>a { background-position: right -11px; }
#nav-menu .menu-item-has-children:hover .sub-menu, #nav-menu .dropdown .sub-menu { display: block; }
#nav-menu .sub-menu { position: absolute; z-index: 1; background-color: #f7f7f7; list-style: none; margin: 2px 0 0 0; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.08); display: none; }
#nav-menu .sub-menu li { border-top: 1px solid #fafafa; border-bottom: 1px solid #efefef; }
#nav-menu .sub-menu li:last-child { border-bottom: 1px solid #fe8e14; }
#nav-menu .sub-menu li a { text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; padding: 8px 15px 8px 12px; display: block; }
#nav-menu .sub-menu li:hover { border-top: 1px solid #fe8e14; border-bottom: 1px solid #fe8e14; }
#nav-menu .sub-menu li:hover a, #nav-menu .sub-menu .current-menu-item a { color: #fe8e14; }
/* banner search form */
#searchform2 { position: relative; width: 100%; height: 100%; }
#search2 { position: absolute; top: 0; left: 1px; width: 85%; height: 38px; background: #fff; border: none; padding: 0 10px; box-shadow: none; }
#searchsubmit2 { position: absolute; top: 10px; right: 10px; outline: none; }
/* ---------------------------------------------------------- */

/* Post */
.post h1 { font-size: 24px; font-size: 24px; line-height: 36px; font-family: OpenSans-Regular; margin-bottom: 5px; color: #444; }
.post h2 { margin: 30px 0 10px 0;font-family: OpenSans-Regular; }
.entry-content p { line-height: 30px; margin: 10px 0; font-size: 14px; font-size: 1.4rem; line-height: 24px; }
.post h1 a:link, .post h1 a:visited { color: #333; text-decoration: none; }
.post a:hover, .post h1 a:hover { color: #fe8e14; }
.post table { width: 100%; border: 1px solid #e7e7e7; border-collapse: collapse; box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); margin: 15px 0; }
.post td, .post th { padding: 12px; border: 1px solid #dedede; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset; }
.post tr:nth-child(odd) { background-color: #f3f3f3; }
.post th { font-weight: bolder; }
.entry h3 { margin: 20px 0; }
dt { font-weight: bolder; }
dd { margin: 0 0 10px 10px; color: #333; }
address { width: 200px; margin: 0 0 10px; padding: 10px; border: solid 1px #ccc; }
#mid_contain_alter .type-post { width: 100%; margin: 0; text-align: left; }
.type-post, .type-page { width: 660px; margin: 0 50px; text-align: left; }
.post { width: 660px; text-align: left; }
.aligncenter { display: block; margin-right: auto; margin-left: auto; }
.alignleft { float: left; clear: both; margin: 0 20px 20px 0; }
.alignright { float: right; clear: both; margin: 0 0 20px 20px; }
/* featured image */

.wp-post-image { margin-bottom: 20px; }
/* Sidebar */

/* ---------------------------------------------------------- */
#sidebar { text-align: left; }
/*#sidebar a:link { color: #777; display: block; }
#sidebar a:visited { color: #777; }
#sidebar a:hover { color: #fe8e14; }*/
#sidebar img { max-width: 100%; }
#pages, #archives, #categories, #feeds, #sidebarmeta, #blogroll { margin: 0; }
.sidebaritem { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px dotted #ccc; }
.cat-item { width: 200px; }
#sidebar h2 { font-size: 16px; color: #444; margin-bottom: 16px; font-family: OpenSans-Semibold; }
#sidebar ul { padding: 0; list-style-type: none; }
#sidebar ul li { margin-bottom: 15px; padding-left: 15px; }
/* popular-posts */
#popular-posts { }
#ads { height: auto; }
#ads a { display: inline-block; width: 100%; height: 145px; background: #e7f2fc url(images/sidebar-white-paper-xs.png) no-repeat 15px center; }
#ads a:after { content: ''; display: block; clear: both; }
/* intro */
#intro { margin: 0 auto; }
body.single-post #intro { display: none; }
#blog-name { margin: 15px 0; text-align: left; font-size: 30px; color: #000; font-family: OpenSans-Regular; text-align: center; }
#blog-desc { font-size: 16px; color: #000; line-height: 30px; margin-bottom: 15px; text-align: left; }
#blog-name a:link { font-size: 30px; line-height: 40px; white-space: nowrap; color: #444; }
#blog-name a:visited { color: #333; }
#blog-name a:hover { color: #fe8e14; }
/* social follow */
#social-follow { width: 100%; max-width: 300px; }
#social-follow ul li { width: 20%; height: 40px; margin: 0; float: left; }
#social-follow ul li:last-child { margin-right: 0; }
#social-follow ul li a { display: inline-block; width: 40px; height: 40px; }
#social-follow .sf-icn { display: block; margin: 0 auto; width: 40px; height: 40px; background: url(images/icon-blog-social-follow-36x36.png) no-repeat center top; }
#social-follow .sf-fb { background-position: center -40px; }
#social-follow .sf-tt { background-position: center -80px; }
#social-follow .sf-gp { background-position: center -120px; }
#social-follow .sf-rss { background-position: center -160px; }
#social-follow .sf-lin:hover { background-position: center -200px; }
#social-follow .sf-fb:hover { background-position: center -240px; }
#social-follow .sf-tt:hover { background-position: center -280px; }
#social-follow .sf-gp:hover { background-position: center -320px; }
#social-follow .sf-rss:hover { background-position: center -360px; }
/* social share */
#social-share { width: 95%; position: relative; }
#social-share ul { margin: 0 auto; width: 100%; max-width: 300px; background: #fff; }
#social-share ul li { display: inline-block; float: left; list-style: none; width: 20%; height: 40px; text-align: center; }
#social-share ul li a { display: inline-block; width: 40px; height: 40px; }
.ss-icn { width: 40px; height: 40px; background: url(images/icon-blog-social-follow-36x36.png) no-repeat center top; }
/*== .ss-icn.transition - Add the dynamic effect ==*/
.ss-lin { }
.ss-fb { background-position: center -40px; }
.ss-tt { background-position: center -80px; }
.ss-gp { background-position: center -120px; }
.ss-rss { background-position: center -160px; }
.ss-lin:hover { background-position: center -200px; }
.ss-fb:hover { background-position: center -240px; }
.ss-tt:hover { background-position: center -280px; }
.ss-gp:hover { background-position: center -320px; }
.ss-rss:hover { background-position: center -360px; }
#social-share .split-line { border-bottom: 1px solid #E7E7E7; position: absolute; z-index: -1; width: 100%; top: 19px; }
/* search form begin */
#searchform { position: relative; }
#search { margin-top: 30px; padding: 0 10px 2px 6px; width: 250px; height: 38px; font-size: 14px; outline: none; border: 1px solid #ccc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
#search:focus { border-color: #feb420; box-shadow: 0 0 6px rgba(254,180,32,.5); -webkit-box-shadow: 0 0 6px rgba(254,180,32,.5); -moz-box-shadow: 0 0 6px rgba(254,180,32,.5); }
#searchsubmit { border: none; position: absolute; top: 11px; left: 223px; }
/* search form end*/

/* tag cloud*/
#tag-cloud { overflow: visible; }
#tag-cloud a:link { color: #444; float: left; margin: 0 8px 10px 0; height: 30px; line-height: 26px; padding: 0 10px; border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;/* -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;*/ }
#tag-cloud a:hover { color: #fff; border-color: #ff9f1f; background-color: #ff9f1f; }
#tag-cloud a:active { color: #fff; border-color: #fe8e14; background-color: #fe8e14; }
/* recent posts */
#recent-posts ul { margin-top: 10px; margin-bottom: 10px; }
#recent-posts ul li { height: auto; padding-left: 10px; margin-top: 5px; margin-bottom: 5px; }
#recent-posts ul li a { white-space: normal; padding-left: 0; line-height: 18px; }
#recent-posts ul li a:hover { background: none; font-weight: normal; color: #000; text-decoration: underline; }
#contain_bottom { clear: both; width: 982px; height: 81px; margin: auto; margin-top: 0; border-top: 4px solid #303030; border-bottom: none; }
#bottom_left { display: inline; float: left; width: 10px; height: 75px; border-top: 6px solid #fe8e14; border-left: 1px solid #D9D9D9; background: left top url(images/bg_bottom_grey.png) repeat-x; }
#bottom_mid { border-top: 6px solid #fe8e14; font-size: 11px; height: 75px; width: 930px; display: inline; float: left; padding: 0px 10px 0px 20px; background: left top url(images/bg_bottom_grey.png) repeat-x; vertical-align: middle; line-height: 75px; }
#bottom_right { display: inline; float: left; width: 10px; height: 75px; border-top: 6px solid #fe8e14; border-right: 1px solid #D9D9D9; background: left top url(images/bg_bottom_grey.png); }
#bottom_supplement { display: block; width: 800px; height: 0; margin-top: 80px; color: #3a3a3a; }
#bottom_outer { height: 30px; }
#footerlist { padding-left: 10px; }
a.grayfooter:link { text-decoration: none; line-height: 12px; color: #555; }
a.grayfooter:visited { text-decoration: none; line-height: 12px; color: #555; }
/* Meta */

/* ---------------------------------------------------------- */

.postmetadata { font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #999; }
.postmetadata a:link { color: #999; letter-spacing: 0.5px; }
.postmetadata a:visited { color: #999; }
.postmetadata a:hover { text-decoration: underline; }
.postmetadata .updated { display: none; }
.postmetadata .comments-link { margin-left: 30px; }
.postmetadata .edit-link { margin-left: 10px; }
body.single-post .postmetadata .entry-meta { margin-bottom: 20px; }
/* Misc */

/* ---------------------------------------------------------- */

/* main nav link color fix */
#menuSupport li span { color: #333; }
#menuSupport li li a { color: #3a3a3a; }
.entry img { max-width: 100%; height: auto; margin: 15px 0; }
.sticky { background: url(images/must-read.png) no-repeat right top; background-color: #fff; }
.gallery-caption { }
.bypostauthor { }
.wp-caption-text { margin: 10px; padding-top: 4px; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; text-align: center; background-color: #f3f3f3; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd { margin: 0; padding: 0 4px 5px; font-size: 11px; line-height: 17px; }
.comment-awaiting-moderation { color: red; }
/*Navigation*/

/* ---------------------------------------------------------- */

.navigation { position: relative; top: 45px; text-align: center; }
.navigation a:link, .navigation span { display: inline-block; height: 40px; width: 40px; padding: 0 7px; text-align: center; text-decoration: none; line-height: 36px; font-size: 16px; font-family: OpenSans-Semibold; margin: 0 3px; border: solid 1px #ddd; color: #606060; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.navigation .page-numbers:visited { color: #606060; border: solid 1px #ddd; }
.navigation .page-numbers:hover { color: #fff; border-color: #feb420; background: #feb420; }
.navigation .current, .navigation .current:hover { color: #fff; background: #fe8e14; border: solid 1px #fe8e14; }
.navigation a.prev, .navigation a.next { color: #444; font-size: 18px; font-family: OpenSans-Semibold; }
.navigation span.dots { border: none; }
.navigation span.dots:hover { background: none; border: none; color: #606060; }
/* Pagination */

/* ---------------------------------------------------------- */

.pagenavi { width: 400px; margin: 0 auto 20px; padding: 5px; border: 1px solid #ccc; background: #f3f3f3; -webkit-box-shadow: inset 0 0 5px #fff; -moz-box-shadow: inset 0 0 5px #fff; box-shadow: inset 0 0 5px #fff; }
.pagenavi a { margin: 3px; padding: 5px 6px 4px; text-decoration: none; color: #666; background-color: inherit; }
.pagenavi a:hover { color: #000; }
.pagenavi span.pages { margin: 3px; padding: 5px 6px 4px; font-weight: 700; color: #333; background-color: inherit; }
.pagenavi span.current { margin: 3px; padding: 5px 6px 4px; font-weight: 700; color: #fff; background-color: #ccc; }
/* Forms */

/* ---------------------------------------------------------- */

select { margin: 0; padding: 0; border: solid 1px #e3e3e3; text-decoration: none; font-size: 14px; font-weight: 400; line-height: 22px; color: #333; }
textarea { width: 98%; margin: 0; padding: 0; border: solid 1px #e3e3e3; text-decoration: none; font-size: 14px; font-weight: 400; line-height: 22px; color: #333; }
input { color: #333; }
label { font-weight: 700; }
fieldset { margin: 0 0 1.5em; padding: 1.4em; border: 1px solid #ccc; }
legend { font-size: 1.2em; font-weight: 700; }
input[type="text"] { display: block; width: 175px; height: 22px; margin: 0; padding: 5px; border: 0; border: 1px solid #ccc; font-size: 14px; color: #444; -webkit-box-shadow: inset 0 0 10px #f3f3f3; -moz-box-shadow: inset 0 0 10px #f3f3f3; box-shadow: inset 0 0 10px #f3f3f3; }
input.textbox:focus { outline: none; }
#download { height: auto; margin: 0; padding: 5px 13px; border: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; text-shadow: 0 1px 0 #eee; font: bold 14px; color: #444; background: #aaa; background: -moz-linear-gradient(bottom, #aaa, #cecece); background: -webkit-gradient(linear, left bottom, left top, from(#aaa), to(#cecece) ); cursor: pointer; -o-border-radius: 20px; }
textarea { display: block; margin: 0; padding: 5px; border: 0; border: 1px solid #ccc; font-size: 13px; color: #444; -webkit-box-shadow: inset 0 0 10px #ececec; -moz-box-shadow: inset 0 0 10px #ececec; box-shadow: inset 0 0 10px #ececec; }
textarea:focus, input[type="text"]:focus { border: 1px solid #9a9a9a; }
#s { width: 190px; height: 22px; margin: 0; padding: 2px 0 2px 5px; border: 1px solid #ccc; font-size: 13px; color: #444; -webkit-box-shadow: inset 0 0 5px #ececec; -moz-box-shadow: inset 0 0 5px #ececec; box-shadow: inset 0 0 5px #ececec; }
#s:focus { border: 1px solid #9a9a9a; }
#submit { display: block; width: 132px; height: 34px; border: none; background-color: white; background-image: url(images/btn-comment-sprite.gif); background-position: left top; background-repeat: no-repeat; }
#submit:visited { background-position: left top; }
#submit:hover { background-position: 0 -34px; }
#submit:active { background-position: bottom left; }
/* Typography Framework */

/* ---------------------------------------------------------- */

.page-title { margin: 50px 50px 0 0; border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; font-size: 20px; }
.page-title span { color: #fe8e14; }
/* Post */

/* ---------------------------------------------------------- */
a.read-more { font-size: 14px; font-size: 1.4rem; line-height: 24px; font-family: OpenSans-Semibold; }
.entry { margin-top: 10px; }
.entry:after { content: ''; display: table; clear: both; }
.entry a { color: #50a8e1; }
.entry a:hover, .entry a:visited, .entry a:active { color: #61c2ec; text-decoration: none; }
.entry a.read-more { color: #50a8e1; margin-right: 10px; }
.entry a.read-more:hover { color: #61c2ec; }
.post ul, .post ol { padding: 0 0 5px 30px; }
#mid_contain_alter .post:first-child { padding-top: 0; }
.post { border-bottom: 1px dashed #eee; padding: 35px 0; }
.single .post { border: none; }
/* Comment */

/* ---------------------------------------------------------- */

#comments-title:before { content: "Comments: "; }
#comments-title { margin: 0; padding: 30px 0 0; text-align: center!important; }
.comment-author { margin: 20px 0 0; padding: 15px 5px 0; border-top: solid 1px #e2e2e2; text-transform: capitalize; font-size: 14px; font-style: italic; font-weight: bolder; }
#comment-block { display: none; margin: 0 0 10px; padding: 0 40px 0 40px; }
#comment-block ol { margin: 10px 0 20px; padding: 20px; padding: 0; font-size: 16px; list-style-type: none; }
#comment-block ol ol { margin: 5px 0 10px; padding: 0 0 0 20px!important; font-size: 12px; list-style-type: square; }
.comment ul li { margin: 5px 0 0; padding: 0; font-size: 12px; list-style-type: disc; }
#comment-block ol, #comment-block .children li { margin: 10px 0 20px; padding: 20px; padding: 0; font-size: 16px; list-style-type: none; }
#comment-block ol ul { padding: 0 0 0 20px; list-style-type: none; }
a.comment-reply-link { height: auto; margin: 0 0 0 5px; padding: 5px 13px; border: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; text-shadow: 0 1px 0 #eee; font: bold 12px; color: #444; background: #aaa; background: -moz-linear-gradient(bottom, #aaa, #cecece); background: -webkit-gradient(linear, left bottom, left top, from(#aaa), to(#cecece) ); cursor: pointer; -o-border-radius: 20px; }
.commentmetadata { margin: 0; padding: 0; font-size: 10px; }
#comment-block a { color: #000; }
#comments { margin: 20px 0 10px; padding: 20px 0 10px; }
.comment-form-author, .comment-form-email, .comment-form-url { display: inline-block; padding-right: 30px; }
/* toggle */
.toggle { background: url(images/arrow-collapse-grey.png) 65px -17px no-repeat; cursor: pointer; }
.toggle.collapsed { background-position: 65px 6px; }
/* Extra*/
@media (max-width: 767px) {
#comm100-float-button-2, #comm100-float-button-3, #comm100-float-button-4, #comm100-float-button-5 { display: none; }
}
@media (min-width: 768px) and (max-width: 991px) {
#comm100-float-button-2, #comm100-float-button-3, #comm100-float-button-4, #comm100-float-button-5 { display: none; }
}
@media (min-width: 992px) and (max-width: 1199px) {
#comm100-float-button-2 { display: block; }
}
@media (min-width: 1200px) {
#comm100-float-button-2 { display: block; }
}
/* try & buy buttons*/
.menu_try_buy { width: 132px; height: 30px; margin-top: 20px; margin-bottom: 30px; }
.menu_try, .menu_buy { width: 66px; height: 30px; display: block; background-image: url(https://www.dynamsoft.com/images/try-buy-capsule.gif); background-repeat: no-repeat; float: left; }
.menu_try, .menu_try:visited { background-position: left top; }
.menu_try:hover { background-position: left -30px; border: none; }
.menu_try:active { background-position: left bottom; }
.menu_buy, .menu_buy:visited { background-position: right top; }
.menu_buy:hover { background-position: right -30px; border: none; }
.menu_buy:active { background-position: right bottom; }
/* effect */
.transition { -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; }
/* Atomic */

.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.ml10 { margin-left: 10px; }
.mb10 { margin-bottom: 10px; }
blockquote { position: relative; line-height: 24px; }
blockquote > p { font-size: 14px; line-height: 24px; color: #999; }
blockquote .quote { font-size: 40px; color: #fe8e14; }
blockquote .quote-lt { position: relative; }
blockquote .quote-rt { position: absolute; }
blockquote .quote-sub { font-family: OpenSans-Semibold; font-size: 14px; }
/*=============== homePage ================*/
body.home .entry img, body.search .entry img { margin: 0; }
#wp_rp_first h3.related_post_title { margin-top: 50px; margin-bottom: 20px; padding-top: 35px; border-top: dashed 1px #ccc; font-size: 18px; font-size: 1.8rem; line-height: 27px; font-family: OpenSans-Regular; color: #444; }
#mid_contain_alter code { color: #606060; background: none; }
/*======================== search search-results ========================*/
body.search h3.page-title { margin: 15px 0 0; font-size: 26px; font-size: 2.6rem; line-height: 39px; color: #444; }
body.search h3.page-title span { font-size: 20px; font-size: 2.0rem; line-height: 30px; }
/*============================== TWAIN PPT ==============================*/
#twainPPT .item { position: relative; margin-bottom: 15px; border: solid 1px #ddd; overflow: hidden; }
#twainPPT .item img { margin: 0; }
#twainPPT .item .content .logo-dwt { width: 55%; }
#twainPPT .item .content { position: absolute; top: 0; left: 38%; padding: 20px; width: 62%; }
#twainPPT .item .content ul { margin: 0; font-size: 12px; line-height: 16px; }
#twainPPT .item .content li { padding-left: 12px; margin-bottom: 10px; list-style: none; background: url(https://www.dynamsoft.com/blog/wp-content/themes/dynamicwp/images/icon-square-6x6.png) no-repeat left 5px; }
#twainPPT .item .content ul p { margin: 0; line-height: 16px; }
#twainPPT .item21 .content { top: 4%; left: 4%; padding: 30px; width: 92%; }
#twainPPT .item21 .content li { padding: 0; background: none; }
#twainPPT .item21 .content .ct { margin-top: 10px; }
#twainPPT .item21 .content .ct-lt { margin-right: 5px; line-height: 16px; }
#twainPPT .item21 .content .tel { margin-top: 15px; }
#twainPPT .item21 .content .email { margin-top: 10px; }
#twainPPT .item21 .btn { height: 34px; line-height: 30px; }
/*========= /plugins/related-posts/static/themes/twocolumns.css =========*/
#wp_rp_first ul.related_post li { padding: 0 0 8px 0 !important; font-size: 14px; font-size: 1.4rem; line-height: 24px; }
/*=============================== Content ===============================*/
.postmetadata .tags-links { padding-left: 15px; background: url(images/icon-tags-orange-15x13.png) no-repeat left 3px; }
/*============================== 404 page ===============================*/
body.error404 .post { padding-bottom: 60px; width: 100%; border-bottom: 1px solid #eee; }
body.error404 #mid_contain_alter { padding-top: 65px; padding-bottom: 18px; }
body.error404 .desc { margin: 16px 0 36px; font-size: 18px; line-height: 27px; text-align: center; }
body.error404 #leftcol_alter { padding: 0 15px 50px; }
body.error404 #sidebar { display: block; position: static; height: auto; }
body.error404 #sidebar ul li { padding: 0; margin: 0 0 10px; width: 100%; }
body.error404 #sidebar #categories ul li a { font-size:16px; line-height:26px; }
body.error404 #sidebar ul li ul { margin-top: 10px; }
body.error404 #sidebar ul li ul li { padding-left:15px; }
body.error404 #sidebar h2 { margin-bottom: 5px; }
body.error404 #blogroll { margin-top: 25px; }
 @media screen and (max-width: 767px) {
/*============================== TWAIN PPT ==============================*/
#twainPPT .item .content .img-text, #twainPPT .item .content > p, #twainPPT .item .content li img { display: none; }
#twainPPT .item21 .content li img.logo-ds, #twainPPT .item21 .content li .chatBtn img { display: block; }
#twainPPT .item .content .logo-dwt { margin-bottom: 10px; }
#twainPPT .item21 .content .logo-ds { max-width: 40%; }
#twainPPT .item21 .content .liveHelp { display: none; }
/*============================= social-share ============================*/
body.single-post #social-share { position: absolute; bottom: 125px; margin: 0; }
body.single-post #social-share .split-line { display: none; }
}
@media (min-width: 768px) {
.entry-content p { margin-top: 15px; font-size: 16px; font-size: 1.6rem; line-height: 26px; }
a.read-more { font-size: 16px; font-size: 1.6rem; line-height: 26px; }
#ads a { height: 150px; background: #e7f2fc url(images/sidebar-white-paper-sm.png) no-repeat 50px center; }
/*============================== TWAIN PPT ==============================*/
#twainPPT .item .content { padding: 30px 40px 30px 50px; }
#twainPPT .item .content li { background-position: left 7px; }
#twainPPT .item .content ul { font-size: 14px; line-height: 24px; }
#twainPPT .item .content > p { font-family: OpenSans-Semibold; margin-top: 15px; color: #444; line-height: 20px; }
#twainPPT .item .content li p { font-family: OpenSans-Semibold; color: #444; line-height: 22px; }
#twainPPT .item .content img { display: block; margin-top: 10px; }
#twainPPT .item .content .img-text { max-width: 90%; margin-top: 20px; }
#twainPPT .item .content .logo-dwt { margin-left: -3px; width: 61% }
#twainPPT .item4 .content li { margin-top: 15px; }
#twainPPT .item4 .content li img { width: 50%; }
#twainPPT .item5 .content li { position: relative; padding-right: 110px; margin-top: 30px; }
#twainPPT .item5 .content li img { position: absolute; top: 0; right: 0; }
#twainPPT .item5 .content li:nth-child(2) img { top: 50px; }
#twainPPT .item21 .content { padding: 40px 50px; }
#twainPPT .item21 .content .ct { padding-left: 20px; }
#twainPPT .item21 .content li:nth-child(2) .ct { margin-top: 0; }
#twainPPT .item21 .liveHelp img { float: left; }
#twainPPT .item21 .content .email { margin-top: 15px; }
#twainPPT .item21 .chatBtn img { margin: 4px 0 0 5px }
#twainPPT .item21 .content .logo-ds { margin-bottom: 40px; }
#twainPPT .item21 .content ul { font-size: 22px; }
#twainPPT .item21 .content .email, #twainPPT .item21 .content .tel { font-size: 20px; }
#twainPPT .item21 .content li { margin-top: 15px; color: #444; }
#twainPPT .item21 .content li p { line-height: 26px; font-family: OpenSans-Regular; }
#twainPPT .item21 .content .ct-lt { margin-right: 8px; line-height: 26px; }
/*============================= social share ============================*/
#social-share { margin-top: 40px; width: 100%; }
#social-share ul { max-width: 320px; padding: 0 10px; }
/*========= /plugins/related-posts/static/themes/twocolumns.css =========*/
#wp_rp_first h3.related_post_title { font-size: 24px; font-size: 2.4rem; line-height: 36px; }
#wp_rp_first ul.related_post li { padding: 0 0 10px 0 !important; font-size: 16px; font-size: 1.6rem; line-height: 26px; }
/*============================== 404 page ===============================*/
body.error404 #mid_contain_alter { padding: 70px 70px 38px; }
body.error404 #banner-bar { width: 55%; }
body.error404 .desc { margin-bottom: 32px; }
body.error404 .post { padding-bottom: 82px; }
body.error404 #leftcol_alter { padding-bottom: 75px; }
}
@media (min-width: 768px) and (max-width: 991px) {
/*============================== 404 page ===============================*/
body.error404 #sidebar { padding: 0 120px; }
body.error404 #categories { width: 55%; float: left; }
body.error404 #blogroll { width: 45%; float: left; margin: 0; }
}
@media (min-width: 992px) {
.post { padding: 42px 0 40px; }
.post h1 { font-size: 24px; line-height: 36px; }
#ads a { height: 150px; background: #e7f2fc url(images/sidebar-white-paper-md.png) no-repeat left center; }
#social-follow ul li { width: 40px; margin-right: 18px; }
#social-follow ul li:last-child { margin-right: 0; }
.navigation { text-align: left; }
.entry { margin-bottom: 10px; }
body.single-post .postmetadata .entry-meta { margin-bottom: 25px; }
/*============================== TWAIN PPT ==============================*/
#twainPPT .item .content { padding: 10px 20px 25px 30px; }
#twainPPT .item .content .logo-dwt { width: 55%; }
#twainPPT .item .content .img-text { max-width: 78%; margin-top: 15px; }
#twainPPT .item .content > p { margin-top: 10px; }
#twainPPT .item4 .content li { margin-top: 10px; }
#twainPPT .item4 .content li img { margin-top: 0; }
#twainPPT .item5 .content li { margin-top: 20px; }
#twainPPT .item5 .content li:nth-child(2) img { top: 58px; }
#twainPPT .item21 .content { padding: 20px 30px 30px 40px; }
#twainPPT .item21 .content .logo-ds { margin-bottom: 25px; }
#twainPPT .item21 .content ul { font-size: 18px; }
#twainPPT .item21 .content li { margin-top: 10px; }
#twainPPT .item21 .content .email, #twainPPT .item21 .content .tel { font-size: 16px; }
#twainPPT .item21 .content .tel { margin-top: 10px; }
#twainPPT .item21 .content .email { margin-top: 8px; }
/*============================== 404 page ===============================*/
body.error404 .inner_wrap { padding-bottom: 0; }
body.error404 #mid_contain_alter { padding: 130px 45px 38px; border-right: none; }
body.error404 .post { border-bottom: none; }
body.error404 #banner-bar { width: 62%; }
body.error404 .desc { margin-top: 20px; }
body.error404 #leftcol_alter { padding: 55px 15px 200px 45px; border-left: solid 1px #ddd; }
body.error404 #blogroll { border-top: 1px solid #eee; margin-top: 35px; padding-top: 30px; }
}
@media (min-width: 1200px) {
.post h1 { font-size: 30px; line-height: 40px; }
#social-follow ul li { margin-right: 19px; }
/*============================== TWAIN PPT ==============================*/
#twainPPT .item .content { padding: 30px 30px 25px 55px; }
#twainPPT .item .content li { font-size: 16px; }
#twainPPT .item .content .logo-dwt { width: 58%; }
#twainPPT .item .content .img-text { width: 85%; margin-top: 20px; }
#twainPPT .item .content > p { margin-top: 15px; }
#twainPPT .item4 .content li img { width: 60%; margin-top: 10px; }
#twainPPT .item .content li p:nth-child(1) { font-size: 20px; margin-bottom: 8px; }
#twainPPT .item .content li p a { font-size: 16px; }
#twainPPT .item5 .content li { padding-right: 115px; margin-top: 25px; }
#twainPPT .item21 .content { padding: 50px 30px 25px 70px; }
#twainPPT .item21 .content li { font-size: 22px; }
#twainPPT .item21 .content li { margin-top: 20px; }
#twainPPT .item21 .content .email, #twainPPT .item21 .content .tel { font-size: 20px; }
#twainPPT .item21 .content .email { margin-top: 13px; }
#twainPPT .item21 .content .logo-ds { margin-bottom: 40px; }
/*============================== 404 page ===============================*/
body.error404 #leftcol_alter { padding: 65px 55px 200px 50px; }
body.error404 #sidebar { padding-top: 0; }
body.error404 #banner-bar { width: 50%; }
}