/*=================================== CSS Document ===============================*/
/*==================================== font-face =================================*/
@font-face { font-family: OpenSans-Light; src: url('../font-face/OpenSans-Light.eot'); src: local('☺'), url('../font-face/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../font-face/OpenSans-Light.woff') format('woff'), url('../font-face/OpenSans-Light.ttf') format('truetype'), url('../font-face/OpenSans-Light.svg#webfontOTINA1xY') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: OpenSans-Regular; src: url('../font-face/OpenSans-Regular.eot'); src: local('☺'), url('../font-face/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../font-face/OpenSans-Regular.woff') format('woff'), url('../font-face/OpenSans-Regular.ttf') format('truetype'), url('../font-face/OpenSans-Regular.svg#webfontOTINA1xY') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: OpenSans-Semibold; src: url('../font-face/OpenSans-Semibold.eot'); src: local('☺'), url('../font-face/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../font-face/OpenSans-Semibold.woff') format('woff'), url('../font-face/OpenSans-Semibold.ttf') format('truetype'), url('../font-face/OpenSans-Semibold.svg#webfontOTINA1xY') format('svg'); font-weight: normal; font-style: normal; }
/*===================================== headings ==================================*/
html { font-size: 10px; color: #606060; font-family: OpenSans-Regular; height: 100%; }
body { font-size: 16px; font-size: 1.6rem; line-height: 26px; height: 100%; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, strong, b { color: #444; font-weight: normal; }
h1, .h1 { font-size: 30px; font-size: 3.0rem; line-height: 45px; font-family: OpenSans-Light; }
h2, .h2 { font-size: 24px; font-size: 2.4rem; line-height: 36px; font-family: OpenSans-Light; }
h3, .h3 { font-size: 18px; font-size: 1.8rem; line-height: 27px; }
h4, .h4 { font-size: 16px; font-size: 1.6rem; line-height: 26px; font-family: OpenSans-Semibold; }
h5, .h5 { font-size: 14px; font-size: 1.4rem; line-height: 24px; font-family: OpenSans-Semibold; }
/*====================================== links ====================================*/
a, a:visited { color: #606060; text-decoration: none; }
a:hover, a:active { color: #fe8e14; }
a.orangelink { color: #fe8e14; }
a.orangelink:hover { color: #ff9f1f; }
a.orangelink:active { color: #f99d31; }
a.graylink { border-bottom: solid 1px; }
a.graylink:hover { color: #fe8e14; }
a.blacklink { color: #444; border-bottom: solid 1px; font-family: OpenSans-Semibold; }
a.blacklink:hover { color: #fe8e14; }
a.bluelink { color: #50a8e1; }
a.bluelink:hover { color: #61c2ec; }
a.noUnderLine { text-decoration: none !important; }
/*============================= color $$ border $$ backgroundb ======================*/
.bgGray { background: #f5f5f5; }
.bgWhite { background: #FFF; }
.bgOrange { background: #fe8e14; }
.fontOrange { color: #fe8e14 !important; }
.fontWhite { color: #fff; }
.fc4 { color: #444; }
.fc9 { color: #999; }
.fc60 { color: #606060; }
.fca { color: #aaa; }
.gray-border-right { border-right: solid 1px #ddd; }
.gray-border-top { border-top: solid 1px #ddd; }
.gray-border-bottom { border-bottom: solid 1px #ddd; }
.noborder { border: none !important; }
.default-radius { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
/*===================================== position ====================================*/   
.cl { clear: both; }
.vm { vertical-align: middle; }
.vt { vertical-align: top; }
.vb { vertical-align: bottom; }
.pr { position: relative; }
.pa { position: absolute; }
.zoom { zoom: 1; }
.overFlowAuto { overflow: auto; }
/*=================================== height&width ===================================*/
.w980 { width: 980px; }
/*======================================= list =======================================*/
ol, ul, li, dt, dd { list-style: none; margin: 0; padding: 0; }
.orange-li>li { padding-left: 15px; background: url(../images/icn-orange-li.png) no-repeat left 10px; }
.list-numbers { list-style-position: inside; padding-left: 28px; }
.list-numbers>li { list-style: decimal; }
.list-circle { clear: both; padding-left: 20px; }
.list-circle>li { list-style: circle; }
.list-disc { clear: both; padding-left: 20px; }
.list-disc>li { list-style: disc; }
.list-square { clear: both; padding-left: 20px; }
.list-square>li { list-style: square; }
/*====================================== button =======================================*/
a.lgBtn37-orangeBg { background: #fe8e14; display: inline-block; height: 38px; border: solid 2px #fe8e14; min-width: 120px; font-size: 14px; line-height: 34px; font-family: OpenSans-Semibold; text-align: center; padding: 0 30px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; color: #fff; cursor: pointer; -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; }
a.lgBtn37-orangeBg:hover { color: #fff; background: #ff9f1f; border: solid 2px #ff9f1f; }
a.lgBtn37-orangeBg:active { color: #fff; background: #f99d31; border: solid 2px #f99d31; }
a.lgBtn37 { display: inline-block; height: 38px; border: solid 2px #fe8e14; color: #fe8e14; min-width: 120px; font-size: 14px; font-size: 1.4rem; line-height: 32px; font-family: OpenSans-Semibold; text-align: center; padding: 0 25px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; cursor: pointer; -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; }
a.lgBtn37:hover { color: #fff; background: #ff9f1f; border: solid 2px #ff9f1f; }
a.lgBtn37:active { color: #fff; background: #fe8e14; border: solid 2px #fe8e14; }
a.smlBtn32-orangeBg { background: #fe8e14; display: inline-block; height: 36px; border: solid 2px #fe8e14; min-width: 120px; font-size: 14px; font-size: 1.4rem; font-family: OpenSans-Semibold; line-height: 30px; text-align: center; padding: 0 30px 0 33px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; color: #fff; cursor: pointer; -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; }
a.smlBtn32-orangeBg:hover { color: #fff; background: #ff9f1f; border: solid 2px #ff9f1f; }
a.smlBtn32-orangeBg:active { color: #fff; background: #f99d31; border: solid 2px #f99d31; }
a.smlBtn32-whiteBg { display: inline-block; background: #fff; height: 34px; border: solid 2px #fe8e14; color: #fe8e14; min-width: 120px; font-size: 14px; font-size: 1.4rem; font-family: OpenSans-Semibold; line-height: 28px; text-align: center; padding: 0 30px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; cursor: pointer; -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; }
a.smlBtn32-whiteBg:hover { color: #fff; background: #ff9f1f; border: solid 2px #ff9f1f; }
a.smlBtn32-whiteBg:active { color: #fff; background: #fe8e14; border: solid 2px #fe8e14; }
a.smlBtn32 { display: inline-block; height: 36px; border: solid 2px #fe8e14; color: #fe8e14; min-width: 120px; font-size: 14px; font-size: 1.4rem; line-height: 30px; font-family: OpenSans-Semibold; text-align: center; padding: 0 25px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; cursor: pointer; -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; }
a.smlBtn32:hover { color: #fff; background: #ff9f1f; border: solid 2px #ff9f1f; }
a.smlBtn32:active { color: #fff; background: #f99d31; border: solid 2px #f99d31; }
.btn { display: inline-block; padding: 0 25px; min-width: 100px; height: 36px; line-height: 30px; color: #fe8e14; font-family: OpenSans-Semibold; font-size: 14px; text-align: center; cursor: pointer; border: solid 2px #fe8e14; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -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; }
.btn:link, .btn:visited { color: #fe8e14; }
.btn:hover { background: #ff9f1f; color: #fff; border: solid 2px #ff9f1f; }
.btn:active { background: #f99d31; color: #fff; border: solid 2px #f99d31; }
.btn.lgBtn { height: 38px; min-width: 140px; line-height: 32px; }
.btn.mdBtn { height: 38px; min-width: 140px; line-height: 32px; }
.btn.brBlue { border-color: #50a8e1; background: none; color: #b2abaa; }
.btn.brBlue:hover { border-color: #61c2ec; background: #61c2ec; color: #1daeeb; }
.btn.brBlue:active { border-color: #1daeeb; background: #1daeeb; color: #50a8e1; }
.btn.brWhite { border-color: #fff; background: none; color: #fff; }
.btn.brWhite:hover { background: rgba(255,255,255,.2); color: #fff; progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#B2000000);
}
.btn.brWhite:active { background: rgba(255,255,255,.2); color: #fff; progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#B2000000);
}
.btn.bgWhite { background: #fff; color: #fe8e14; }
.btn.bgWhite:hover { background: #ff9f1f; color: #fff; }
.btn.bgWhite:active { background: #f99d31; color: #fff; }
.btn.bgOrange { background: #fe8e14; color: #fff; }
.btn.bgOrange:hover { background: #ff9f1f; }
.btn.bgOrange:active { background: #f99d31; }
.btn.bgBlue { border-color: #50a8e1; background: #50a8e1; color: #fff; }
.btn.bgBlue:hover { border-color: #61c2ec; background: #61c2ec; }
.btn.bgBlue:active { border-color: #1daeeb; background: #1daeeb; }
.btn-disabled-mobile.disabled { border-color: #aaa !important; color: #aaa !important; background: #fff !important; }
/*Currently in use*/
.d-btn { display: inline-block; padding: 0 25px; height: 36px; line-height: 30px; color: #fe8e14; font-family: OpenSans-Semibold; font-size: 14px; text-align: center; cursor: pointer; border: solid 2px #fe8e14; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -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; }
.d-btn:link, .d-btn:visited { color: #fe8e14; }
.d-btn:hover { background: #ff9f1f; color: #fff; border: solid 2px #ff9f1f; }
.d-btn:active { background: #f99d31; color: #fff; border: solid 2px #f99d31; }
.d-btn.lgBtn { height: 46px; line-height: 40px; }
.d-btn.mdBtn { height: 42px; line-height: 36px; }
.d-btn.smBtn { height: 38px; line-height: 32px; }
.d-btn.brBlue { border-color: #50a8e1; background: none; color: #b2abaa; }
.d-btn.brBlue:hover { border-color: #61c2ec; background: #61c2ec; color: #1daeeb; }
.d-btn.brBlue:active { border-color: #1daeeb; background: #1daeeb; color: #50a8e1; }
.d-btn.brWhite { border-color: #fff; background: none; color: #fff; }
.d-btn.brWhite:hover { background: rgba(255,255,255,.2); color: #fff; progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#B2000000);
}
.d-btn.brWhite:active { background: rgba(255,255,255,.2); color: #fff; progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#B2000000);
}
.d-btn.bgWhite { background: #fff; color: #fe8e14; }
.d-btn.bgWhite:hover { background: #ff9f1f; color: #fff; }
.d-btn.bgWhite:active { background: #f99d31; color: #fff; }
.d-btn.bgOrange { background: #fe8e14; color: #fff; }
.d-btn.bgOrange:hover { background: #ff9f1f; }
.d-btn.bgOrange:active { background: #f99d31; }
.d-btn.bgBlue { border-color: #50a8e1; background: #50a8e1; color: #fff; }
.d-btn.bgBlue:hover { border-color: #61c2ec; background: #61c2ec; }
.d-btn.bgBlue:active { border-color: #1daeeb; background: #1daeeb; }
.btn-disabled-mobile.disabled { border-color: #aaa !important; color: #aaa !important; background: #fff !important; }
/*========================================= frame ======================================*/
#wrapper { position: relative; height: auto; min-height: 100%; }
#main { height: auto; }
.scrollToMainContent { display: none; }
input { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus { border-color: #85c4f8 !important; box-shadow: 0 0 10px #d1e8fc; -webkit-box-shadow: 0 0 10px #d1e8fc; -moz-box-shadow: 0 0 10px #d1e8fc; }
/*====================================== cookie-warn ===================================*/
#cookie-warn { display: none; width: 100%; height: auto; min-height: 60px; line-height: 30px; text-align: left; background: #D8EDF8; color: #3a87ad; padding: 15px 0; }
#cookie-warn p { margin: 0; line-height: 30px; width: 80%; }
#cookie-warn img { position: absolute; right: 15px; top: 6px; cursor: pointer; }
/*======================================== header ======================================*/
#header { height: auto; width: 100%; position: relative; }
/*================== xs-header ====================*/
#overall-header { height: 60px; position: relative; z-index: 9010; }
.ds-logo { padding: 0; margin-top: 13px; display: block; background: url(../img-icon/logo-dynamsoft-159X39.svg) no-repeat center left; width: 135px; height: 32px; }
#xsHeader { border-bottom: solid 1px #e5e5e5; }
#xsHeaderClickedMenu .ds-logo { background: url(../img-icon/logo-dynamsoft-159X39.svg) no-repeat center left; }
.ds-logo img { display: none; display: block \0; }
#xsHeader .toggle-xsNav { padding: 16px 15px 16px 20px; height: 60px; float: right; cursor: pointer; }
#xsHeaderClickedMenu .toggle-xsNav { padding: 16px 15px 16px 22px; }
.toggle-xsNav .icon-bar { display: block; width: 26px; height: 4px; border-radius: 2px; background: #aaa; margin-top: 4px; }
#xsHeaderClicked { position: absolute; top: 0; width: 100%; z-index: 9000; display: none; }
#xsHeaderClickedMenu { border-bottom: solid 1px #ddd; background: #fff; }
#xsHeaderClicked .toggle-xsNav .icon-bar { background: #fff; }
#xsHeaderClickedContent { height: auto; background: #f5f5f5; }
#xsHeaderClickedContent ul { padding: 0 15px 20px; border-bottom: solid 1px #ddd; }
#xsHeaderClickedContent ul.company { padding: 20px 15px 40px; }
#xsHeaderClickedContent li { line-height: 35px; }
#xsHeaderClickedContent li a { display: inline-block; font-size: 14px; font-size: 1.4rem; }
#xsHeaderClickedContent .trigger-products { display: inline-block; margin-top: 20px; color: #999; }
#xsHeaderClickedContent .trigger-products span { display: inline-block; width: 10px; height: 10px; background: url(../img-icon/icn-switch-9x6.png) no-repeat center top; vertical-align: middle; margin: 2px 0 0 5px; }
#xsHeaderClickedContent .trigger-products.on span { background-position: center -114px; }
#xsHeaderClickedContent .products li a:hover { color: #fe8e14; }
/*=================== md-header ====================*/
#mdHeader-nav li { float: left; height: 65px; padding: 0; text-align: center; }
#mdHeader-nav li .icon { position: relative; top: 2px; left: 2px; display: inline-block; width: 15px; height: 15px; background: url(../img-icon/icn-subNav-upDown-7x4.png) no-repeat center center; -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; }
#mdHeader .ct-nav li > a { line-height: 61px; font-size: 16px; display: inline-block; color: #444; }
#mdHeader .ct-nav li > a:hover { /*border-bottom: solid 2px #fe8e14;*/ color: #fe8e14; }
#mdHeader .ct-nav li > a:hover .icon, #mdHeader .ct-nav li.md-active > a .icon { background: url(../img-icon/icn-subNav-upDown-hover-7x4.png) no-repeat center center; }
#mdHeader .ct-nav li.md-active > a .icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
#mdHeader .ct-nav li.md-active > a { /*border-bottom: solid 2px #fe8e14;*/ color: #fe8e14; }
#cp-header { padding: 6px 0; height: 65px; }
#cp-header iframe { position: relative; right: 15px; }
/*=================================== header =========================================*/

/*========================= subNav - show in 970&&1170 ===============================*/
#subNav { position: relative; width: 100%; height: 60px; border-bottom: solid 1px #ddd; background: #fff; z-index: 9000; }
#subNav > .container { position: relative; }
#subNav li { position: relative; height: 60px; line-height: 60px; float: left; font-size: 14px; }
#subNav li a { display: inline-block; font-size: 14px; }
#subNav .subNav-lt { float: left; padding-left: 15px; }
#subNav .subNav-ct:after { content: ''; display: block; clear: both; }
#subNav .subNav-ct li { padding: 0 5px; }
#subNav .subNav-ct > ul > li > a { height: 60px; padding: 0 10px; }
#subNav .to-home { display: none; padding: 0; width: 25px; margin-right: 10px; }
#subNav .to-home a { display: inline-block; width: 25px; height: 55px; background: url(../images/logo-to-home.png) no-repeat left center; }
#subNav .subNav-rt { float: right; padding-right: 15px; }
.subNav-rt .lgBtn37-orangeBg { margin-top: 12px; }
.subNav-rt .btn { margin-top: 11px; }
/*============================= subNav-ct-more =================================*/
#subNav a.dropdown-toggle .icon { display: block; position: relative; top: -16px; height: 8px; width: 10px; margin: 0 auto; background: url(../img-icon/icn-subNav-upDown-7x4.png) no-repeat center center; -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; }
#subNav a.dropdown-toggle:hover .icon, #subNav a.dropdown-toggle.on .icon { background: url(../img-icon/icn-subNav-upDown-hover-7x4.png) no-repeat center center; }
/*#subNav a.dropdown-toggle.on .icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }*/
#subNav a.dropdown-toggle.on { color: #fe8e14; }
.subNav-ct-more { position: absolute\0; display: none; width: auto; height: auto; background: #f7f7f7; border: solid 1px #eee; border-top: none; }
#subNav .subNav-ct-more li { float: none; padding: 0 10px; height: 40px; line-height: 35px; }
#subNav .subNav-ct-more li a { display: block; width: auto; height: 40px; line-height: 39px; text-align: left; border-bottom: solid 1px #eee; white-space: nowrap; }
#subNav .subNav-ct-more li:last-child a { border-bottom: none; }
/*================================= footer ======================================*/
#main { padding-bottom: 376px; }
#footer { position: absolute; bottom: 0; width: 100%; height: 376px; }
#footerTop { padding: 48px 0 42px; background: #323234; }
#footerTop .subscribe li { text-align: center; }
#footerTop .subscribe .logo img { width: 125px; }
#footerTop .subscribe .link { position: relative; margin: 30px 0 35px; }
#footerTop .subscribe .link span { display: inline-block; }
#footerTop .subscribe .link span:first-child { width: 22%; text-align: left; }
#footerTop .subscribe .link span:nth-child(2) { width: 28%; text-align: center; }
#footerTop .subscribe .link span:nth-child(3) { width: 28%; text-align: center; }
#footerTop .subscribe .link span:last-child { width: 22%; text-align: right; }
#footerTop .subscribe .link a { color: #ccc; font-size: 14px; font-size: 1.4rem; font-family: OpenSans-Semibold; }
#footerTop .subscribe .link a:hover { color: #fff; }
#footerTop .subscribe .form { position: relative; /*height: 38px;*/ width: 100%; }
#footerTop .subscribe .placeHolder { position: absolute; left: 10px; top: 0; font-size: 14px; font-size: 1.4rem; color: #777; line-height: 38px; font-family: OpenSans-Semibold; }
#footerTop .subscribe .form input { -webkit-appearance: none; float: left; padding-left: 8px; width: 70%; height: 38px; line-height: 38px; font-size: 14px; font-size: 1.4rem; background: #555; color: #fff; outline: none; border: solid 1px #555; 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; }
#footerTop .subscribe .form input:focus { border-color: #555 !important; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
#footerTop .subscribe .form .d-btn { float: left; padding: 0; width: 30%; height: 38px; line-height: 34px; 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; }
#footerTop .footerSubscribeSuccess { float: left; }
#footerTop .footerSubscribeSuccess p { color: #b29474; font-size: 14px; }
#footerTop .socialMedia { margin-top: 30px; }
#footerTop .socialMedia span { display: inline-block; }
#footerTop .socialMedia span:first-child { width: 18%; text-align: left; }
#footerTop .socialMedia span:nth-child(2) { width: 20%; }
#footerTop .socialMedia span:nth-child(3) { width: 24%; }
#footerTop .socialMedia span:nth-child(4) { width: 20%; }
#footerTop .socialMedia span:nth-child(5) { width: 18%; text-align: right; }
#footerTop .socialMedia a { display: inline-block; width: 36px; height: 36px; background: url(../img-icon/icon-footer-socialMedia-36x36.png) no-repeat -2px top; }
#footerTop .socialMedia .fb { background-position: -2px -40px; }
#footerTop .socialMedia .tw { background-position: -2px -80px; }
#footerTop .socialMedia .gg { background-position: -2px -120px; }
#footerTop .socialMedia .yt { background-position: -2px -160px; }
#footerTop .socialMedia .linkedIn:hover { background-position: -2px -200px; }
#footerTop .socialMedia .fb:hover { background-position: -2px -240px; }
#footerTop .socialMedia .tw:hover { background-position: -2px -280px; }
#footerTop .socialMedia .gg:hover { background-position: -2px -320px; }
#footerTop .socialMedia .yt:hover { background-position: -2px -360px; }
#footerBottom { padding: 8px 0; background: #2a2a2b; color: #aaa; font-size: 12px; font-size: 1.2rem; line-height: 22px; text-align: center; }
#footerBottom a { color: #aaa; }
#footerBottom a:hover { color: #fff; }
/*================================= iframe ======================================*/
iframe[name='google_conversion_frame'] { display: none; line-height: 0 !important; font-size: 0 !important; margin: 0; }
a#toTop { position: fixed; _position: absolute; z-index: 9999; bottom: 30px; right: 2%; bottom: 3%; width: 46px; height: 45px; float: right; background: url(../images/icn-toTop-45X45.png) no-repeat center top; }
a#toTop:hover { background: url(../images/icn-toTop-45X45.png) no-repeat center -45px; }
/*================================= tooltip =======================================*/
#tooltip { border: 1px solid #CCC; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; background: url(../images/blkTransparent.png) top left repeat; position: absolute; z-index: 9999; color: #fff; font-size: 11px; }
#tooltip .tipBody { background-color: #333; padding: 5px 5px 5px 15px; opacity: 0.8; filter: alpha(opacity=80); -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; line-height: 19px; }
/*==== bootstrap-tooltip ====*/
.tooltip .tooltip-inner { background: #c7c7c7; padding: 10px 15px 12px; }
.tooltip.in { filter: alpha(opacity=100); opacity: 1 !important; }
.tooltip.top .tooltip-arrow { border-top-color: #c7c7c7 !important; }
/*================================  mask layer =====================================*/
#mask { position: absolute; left: 0; top: 0; z-index: 9997; background: #000; opacity: 0.8; filter: alpha(opacity=80); }
#quote.window { position: fixed; left: 0; top: 0; float: left; display: none; z-index: 9999; padding: 20px; margin-bottom: 20px; }
a.close { float: right; margin-top: 15px; display: block; background: url(../images/icn-close-49X13.gif) no-repeat; width: 49px; height: 13px; }
/*================================== Dialog Msg ====================================*/
#msgDialog { display: none; position: fixed; z-index: 1; top: 110px; left: 50%; margin-left: -220px; padding: 35px 55px 35px 45px; width: 440px; height: auto; background: #fff; border: solid 1px #ddd; border-radius: 4px; box-shadow: 0 0 0 #eee, 0 0 0 #fff, 0 4px 6px #e8e8e8, 0 0 0 #eee; -webkit-box-shadow: 0 0 0 #eee, 0 0 0 #fff, 0 4px 6px #ddd, 0 0 0 #eee; -moz-box-shadow: 0 0 0 #eee, 0 0 0 #fff, 0 4px 6px #ddd, 0 0 0 #eee; }
#msgDialog:after { display: block; content: ''; clear: both; }
#msgDialog .content-lt { float: left; margin-right: 45px; }
#msgDialog .content-rt { float: left; width: 198px; }
#msgDialog p.title { color: #444; font-family: OpenSans-Semibold; font-size: 18px; font-size: 1.8rem; line-height: 27px; }
#msgDialog p { margin-bottom: 3px; }
#msgDialog a.closeDialog { position: absolute; top: 8px; right: 20px; cursor: pointer; }
#msgDialog input[type='button'] { margin-top: 15px; padding: 0 30px; width: auto; height: 28px; border-radius: 4px; background: #fe8e14; color: #fff; outline: none; border: none; }
#msgDialog input[type='button']:hover { background: #ff9f1f; }
#msgDialog input[type='button']:active { background: #f99d31; }
/*================================== Video Style ==================================*/
.video { width: 225px; margin: 0 auto; margin-top: 35px; }
.video dt { padding-top: 5px; padding-bottom: 5px; margin: 0 auto; background: #fff; border: solid 1px #ddd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-align: center; }
.video dt > a { position: relative; display: inline-block; }
.video dt > a img { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.video dt > a .icon { display: inline-block; position: absolute; top: 29%; left: 35%; width: 60px; height: 60px; background: url(../img-icon/icn-video-60x60.png) no-repeat center top; }
.video dt > a:hover .icon { background-position: center -60px; }
.video dd { margin-top: 16px; text-align: left; }
.video dd a { display: inline-block; padding-left: 22px; font-size: 14px; font-size: 1.4rem; line-height: 24px; background: url(../img-icon/icn-video-16x16.png) no-repeat left 4px; }
.video dd a:hover { color: #61c2ec; }
/*================================= Contact Style =================================*/
#dsContact dl { margin-bottom: 50px; }
#dsContact dt { height: 85px; background: url(../img-icon/icn-contact-82x82.png) no-repeat center top; }
#dsContact dt a { display: block; height: 85px; width: 82px; margin: 0 auto; }
#dsContact dd { text-align: center; padding-top: 10px; font-size: 14px; line-height: 22px; color: #444; font-family: OpenSans-Semibold; }
#dsContact .contact-email dd { text-align: left; width: 240px; margin: 0 auto; }
#dsContact .contact-phone dd { text-align: left; width: 180px; margin: 0 auto; }
#dsContact dd a { color: #444; }
#dsContact dd a:hover { color: #61c2ec; }
#dsContact .contact-chat dt { background-position: center -85px; }
#dsContact .contact-email dt { background-position: center -170px; }
#dsContact .contact-phone dt { background-position: center -255px; }
/*================================ padding & margin ===============================*/
.ptb20 { padding-top: 20px; padding-bottom: 20px; }
.ptb30 { padding-top: 30px; padding-bottom: 30px; }
.ptb40 { padding-top: 40px; padding-bottom: 40px; }
.ptb50 { padding-top: 50px; padding-bottom: 50px; }
.ptb60 { padding-top: 60px; padding-bottom: 60px; }
.ptb80 { padding-top: 80px; padding-bottom: 80px; }
.ptb100 { padding-top: 100px; padding-bottom: 100px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt100 { padding-top: 100px; }
.pr0 { padding-right: 0 !important; }
.pr15 { padding-right: 15px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb100 { padding-bottom: 100px; }
.pl0 { padding-left: 0 !important; }
.pl15 { padding-left: 15px; }
.plr30 { padding-left: 30px !important; padding-right: 30px !important; }
.mt0 { margin-top: 0; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mr0 { margin-right: 0 !important; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mb0 { margin-bottom: 0; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.mln5 { margin-left: -5px; }
.mauto { margin-left: auto; margin-right: auto; }
/*================================= line-height ================================*/
.lh24 { line-height: 24px; }
.lh30 { line-height: 30px; }
.lh36 { line-height: 36px; }
.lh30 { line-height: 30px; }
/*================================= font-size ===================================*/
.f12 { font-size: 12px; font-size: 1.2rem; }
.f14 { font-size: 14px; font-size: 1.4rem; }
.f16 { font-size: 16px; font-size: 1.6rem; }
.f18 { font-size: 18px; font-size: 1.8rem; }
.f20 { font-size: 20px; font-size: 2.0rem; }
.f24 { font-size: 24px; font-size: 2.4rem; }
.f30 { font-size: 30px; font-size: 3.0rem; }
.f36 { font-size: 36px; font-size: 3.6rem; }
.fontSb { font-family: OpenSans-Semibold; }
.fontLt { font-family: OpenSans-Light; }
.fontRl { font-family: OpenSans-Regular; }
.t2 { text-indent: 2em; }
.vm { vertical-align: middle !important; }
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.fl { float: left; }
.fr { float: right; }
.inline-block { display: inline-block; }
.inlineBlock { display: inline-block; }
.block { display: block; }
.nowrap { white-space: nowrap; }
hr.cutLine { border-top: solid 1px #ddd; margin: 0; padding: 0; }
@media screen and (max-width: 767px) {
#cookie-warn { display: none !important; }
#subMenu { display:none;}
#subMenu .subMenu-secondary.sm-active { display: none !important; }
#comm100-float-button-2-inner { font-weight: normal !important; height: 38px !important; line-height: 40px !important; font-size: 14px !important; font-size: 1.4rem !important; padding: 0 25px !important; background: #fe8e14 !important; color: #fff !important; }
#footerTop .footerSubscribeSuccess p { width: 80%; margin: auto; }
}
@media (min-width: 768px) {
h1, .h1 { font-size: 36px; font-size: 3.6rem; line-height: 54px; }
h2, .h2 { font-size: 30px; font-size: 3.0rem; line-height: 45px; }
h3, .h3 { font-size: 24px; font-size: 2.4rem; line-height: 36px; font-family: OpenSans-Light; }
h4, .h4 { font-size: 16px; font-size: 1.6rem; line-height: 26px; }
h5, .h5 { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
.sm-fontSb { font-family: OpenSans-Semibold; }
.sm-fontLt { font-family: OpenSans-Light; }
.sm-fontRl { font-family: OpenSans-Regular; }
.sm-mauto { margin-left: auto; margin-right: auto; }
/*reset*/
.sm-tl { text-align: left; }
.sm-tr { text-align: right; }
.sm-tc { text-align: center; }
.sm-fl { float: left; }
.sm-fr { float: right; }
.sm-f14 { font-size: 14px; font-size: 1.4rem; }
.sm-f16 { font-size: 16px; font-size: 1.6rem; }
.sm-f18 { font-size: 18px; font-size: 1.8rem; }
.sm-f20 { font-size: 20px; font-size: 2.0rem; }
.sm-f24 { font-size: 24px; font-size: 2.4rem; }
.sm-f26 { font-size: 26px; font-size: 2.6rem; }
.sm-f30 { font-size: 30px; font-size: 3.0rem; }
.sm-f36 { font-size: 36px; font-size: 3.6rem; }
.sm-lh24 { line-height: 24px; }
.sm-lh26 { line-height: 26px; }
.sm-lh27 { line-height: 27px; }
.sm-lh34 { line-height: 34px; }
.sm-lh39 { line-height: 39px; }
.sm-lh42 { line-height: 42px; }
.sm-lh48 { line-height: 48px; }
.sm-ptb20 { padding-top: 20px; padding-bottom: 20px; }
.sm-ptb30 { padding-top: 30px; padding-bottom: 30px; }
.sm-ptb40 { padding-top: 40px; padding-bottom: 40px; }
.sm-ptb50 { padding-top: 50px; padding-bottom: 50px; }
.sm-ptb60 { padding-top: 60px; padding-bottom: 60px; }
.sm-ptb80 { padding-top: 80px; padding-bottom: 80px; }
.sm-ptb100 { padding-top: 100px; padding-bottom: 100px; }
.sm-pt0 { padding-top: 0; }
.sm-plr0 { padding-left: 0 !important; padding-right: 0 !important; }
.sm-pl0 { padding-left: 0 !important; }
.sm-pr0 { padding-right: 0 !important; }
.sm-pt10 { padding-top: 10px; }
.sm-pt20 { padding-top: 20px; }
.sm-pt30 { padding-top: 30px; }
.sm-pt40 { padding-top: 40px; }
.sm-pt50 { padding-top: 50px; }
.sm-pt60 { padding-top: 60px; }
.sm-pt70 { padding-top: 70px; }
.sm-pt80 { padding-top: 80px; }
.sm-pt100 { padding-top: 100px; }
.sm-pr15 { padding-right: 15px !important; }
.sm-pb0 { padding-bottom: 0; }
.sm-pb10 { padding-bottom: 10px; }
.sm-pb15 { padding-bottom: 15px; }
.sm-pb20 { padding-bottom: 20px; }
.sm-pb30 { padding-bottom: 30px; }
.sm-pb40 { padding-bottom: 40px; }
.sm-pb50 { padding-bottom: 50px; }
.sm-pb60 { padding-bottom: 60px; }
.sm-pb70 { padding-bottom: 70px; }
.sm-pb80 { padding-bottom: 80px; }
.sm-pb90 { padding-bottom: 90px; }
.sm-pb100 { padding-bottom: 100px; }
.sm-pl15 { padding-left: 15px !important; }
.sm-pl30 { padding-left: 30px; }
.sm-mt0 { margin-top: 0; }
.sm-mt10 { margin-top: 10px; }
.sm-mt15 { margin-top: 15px; }
.sm-mt20 { margin-top: 20px; }
.sm-mt30 { margin-top: 30px; }
.sm-mt40 { margin-top: 40px; }
.sm-mt50 { margin-top: 50px; }
.sm-mt60 { margin-top: 60px; }
.sm-mt70 { margin-top: 70px; }
.sm-mt80 { margin-top: 80px; }
.sm-mt100 { margin-top: 100px; }
.sm-mr10 { margin-right: 10px; }
.sm-mb0 { margin-bottom: 0; }
.sm-ml0 { margin-left: 0; }
.sm-ml50 { margin-left: 50px; }
/*reset*/
#overall-header { height: 70px; }
#smHeader { border-bottom: solid 1px #ddd; }
.ds-logo { margin-top: 18px; }
#smHeaderClickedMenu .ds-logo { background: url(../img-icon/logo-dynamsoft-159X39.svg) no-repeat left center; }
#smHeader .toggle-smNav { float: right; padding: 23px 15px 23px 30px; height: 70px; font-size: 16px; cursor: pointer; }
.toggle-smNav .icon-bar { display: block; width: 22px; height: 3px; border-radius: 2px; background: #aaa; margin-top: 4px; }
#smHeaderClicked { position: absolute; top: 0; width: 100%; z-index: 9000; display: none; }
#smHeaderClickedMenu { border-bottom: solid 1px #ddd; background: #fff; }
#smHeaderClicked .toggle-smNav .icon-bar { background: #aaa; }
#smHeaderClicked .toggle-smNav .pull-left { color: #606060; }
#smHeaderClickedContent .div-shadow { height: 480px; background: #fff; box-shadow: 0 0 0 #fff, 0 0 0 #fff, 0 2px 10px rgba(0, 0, 0, .2), 0 0 0 #fff; /*left-top-bottom-right*/ -moz-box-shadow: 0 0 0 #fff, 0 0 0 #fff, 0 2px 10px rgba(0, 0, 0, .2), 0 0 0 #fff; -webkit-box-shadow: 0 0 0 #fff, 0 0 0 #fff, 0 2px 10px rgba(0, 0, 0, .2), 0 0 0 #fff; }
#smHeaderClickedContent .smHeaderClicked-Nav > li > a { display: inline-block; height: 35px; font-size: 16px; font-size: 1.6rem; text-align: center; }
#smHeaderClickedContent .smHeaderClicked-Nav > li > a:hover { color: #fe8e14; }
#smHeaderClickedContent .smHeaderClicked-Nav > li:first-child a { padding-right: 15px; color: #fe8e14; background: url(../img-icon/icn-subNav-upDown-hover-7x4.png) no-repeat 76px 13px; font-family: OpenSans-Semibold; }
#smHeaderClicked .smHeaderClicked-Nav { padding: 35px 140px 0 35px; background: #fff; }
#smHeaderClicked .smHeaderClicked-Nav li { float: left; width: 20%; text-align: center; }
#subMenu .subMenu-secondary { display: none; padding: 20px 20px 30px 45px; position: absolute; top: 155px; left: 50%; margin-left: -360px; z-index: 9015; width: 720px; height: auto; }
#subMenu .ct-lt { float: left; width: 350px; }
#subMenu .ct-lt li { margin-bottom: 20px; }
#subMenu .ct-lt li:last-child { margin-bottom: 0; }
#subMenu .ct-lt li a, #subMenu .imaging-service a { display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 40px; color: #444; font-family: OpenSans-Semibold; }
#subMenu .ct-lt li a:hover, #subMenu .imaging-service a:hover { color: #fe8e14; }
#subMenu .ct-lt li .logo, #subMenu .imaging-service .logo { float: left; margin: 0 6px 0 -4px; }
#subMenu .ct-lt li .intro, #subMenu .imaging-service .intro { margin: 5px 0 0; font-size: 14px; font-size: 1.4rem; line-height: 20px; color: #999; }
#subMenu .ct-rt { float: left; width: 290px; }
#subMenu .ct-rt .item { padding: 22px 20px 21px; width: 290px; border: solid 1px #eee; }
#subMenu .imaging-service { margin-bottom: 20px; }
#subMenu .imaging-service a { line-height: 32px; }
#subMenu .imaging-service .logo { margin: 0 8px 0 -2px; }
#subMenu .ct-rt .type { margin-bottom: 20px; font-size: 20px; font-size: 2.0rem; color: #444; font-family: OpenSans-Light; }
#subMenu .version-control .type { margin-bottom: 11px; }
#subMenu .version-control a { font-size: 14px; font-size: 1.4rem; }
/*footer*/
#main { padding-bottom: 322px; }
#footer { height: 322px; }
#footerTop { padding: 40px 0 32px; }
#footerTop ul { float: left; }
#footerTop ul li a { font-size: 14px; font-size: 1.4rem; color: #aaa; line-height: 30px; }
#footerTop ul li a:hover { color: #fff; }
#footerTop ul li.title { margin-bottom: 16px; font-size: 14px; font-size: 1.4rem; color: #fe8e14; line-height: 24px; font-family: OpenSans-Semibold; }
#footerTop .products { width: 33%; }
#footerTop .company { width: 23%; }
#footerTop .subscribe { width: 44%; }
#footerTop .subscribe li { text-align: left; }
#footerTop .subscribe .newsLetter { margin-bottom: 26px; font-size: 14px; font-size: 1.4rem; color: #aaa; }
#footerTop .subscribe .form input { width: 66%; }
#footerTop .subscribe .form .d-btn { color: #fff; width: 34%; }
#footerTop .subscribe .form .placeHolder { /*display: none !important*/ ;
}
#footerTop .socialMedia { margin-top: 33px; width: 80%; }
#footer .socialMedia span { display: inline-block; width: 20%; }
#footerBottom .socialMedia span { text-align: right; }
#footer .socialMedia a { display: inline-block; width: 30px; height: 30px; background: url(../img-icon/icon-footer-socialMedia-30x30.png) no-repeat -5px top; }
#footer .socialMedia .fb { background-position: -5px -40px; }
#footer .socialMedia .tw { background-position: -5px -80px; }
#footer .socialMedia .gg { background-position: -5px -120px; }
#footer .socialMedia .yt { background-position: -5px -160px; }
#footer .socialMedia .linkedIn:hover { background-position: -5px -200px; }
#footer .socialMedia .fb:hover { background-position: -5px -240px; }
#footer .socialMedia .tw:hover { background-position: -5px -280px; }
#footer .socialMedia .gg:hover { background-position: -5px -320px; }
#footer .socialMedia .yt:hover { background-position: -5px -360px; }
#footerTop .socialMedia span:first-child { width: 20%; }
#footerTop .socialMedia span:nth-child(3) { width: 20%; }
#footerTop .socialMedia span:nth-child(5) { width: 20%; text-align: left; }
#footerBottom { padding: 0; height: 60px; }
#footerBottom .ct-lt { padding-right: 0; text-align: left; }
#footerBottom .ct-lt img { margin-top: 17px; width: 98px; }
#footerBottom .ct-ct { text-align: right; line-height: 60px; }
/*================================== Video Style ==================================*/
.video { margin-top: 50px; }
.video dt > a .icon { top: 27%; }
/*================================= Contact Style =================================*/
#dsContact dl { margin-bottom: 60px; }
}
@media (min-width: 768px) and (max-width: 991px) {
#subMenu .subMenu-secondary.sm-active { display: block; }
#smHeaderClickedContent .smHeaderClicked-Nav > li:first-child a { cursor:default;}
/*================================= Contact Style =================================*/
#dsContact .contact-email { padding-right: 0; }
#dsContact .contact-phone { padding-left: 45px; }
#dsContact .contact-phone dd, #dsContact .contact-email dd { text-align: left; }
}
@media (min-width: 992px) {
h1, .h1 { font-size: 40px; font-size: 4.0rem; line-height: 60px; }
h2, .h2 { font-size: 36px; font-size: 3.6rem; line-height: 54px; }
h3, .h3 { font-size: 24px; font-size: 2.4rem; line-height: 36px; }
h4, .h4 { font-size: 16px; font-size: 1.6rem; line-height: 26px; }
h5, .h5 { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
/*reset*/
.md-fontSb { font-family: OpenSans-Semibold; }
.md-fontLt { font-family: OpenSans-Light; }
.md-fontRl { font-family: OpenSans-Regular; }
.md-block { display: block !important; }
.md-fl { float: left; }
.md-fr { float: right; }
.md-fn { float: none !important; }
.md-tc { text-align: center; }
.md-tl { text-align: left; }
.md-tr { text-align: right; }
.md-f12 { font-size: 12px; font-size: 1.2rem; }
.md-f14 { font-size: 14px; font-size: 1.4rem; }
.md-f16 { font-size: 16px; font-size: 1.6rem; }
.md-f18 { font-size: 18px; font-size: 1.8rem; }
.md-f24 { font-size: 24px; font-size: 2.4rem; }
.md-f30 { font-size: 30px; font-size: 3.0rem; line-height: 45px; }
.md-f32 { font-size: 32px; font-size: 3.2rem; }
.md-f36 { font-size: 36px; font-size: 3.6rem; }
.md-f40 { font-size: 40px; font-size: 4.0rem; }
.md-lh26 { line-height: 26px; }
.md-lh36 { line-height: 36px; }
.md-lh45 { line-height: 45px; }
.md-lh60 { line-height: 60px; }
.md-mt0 { margin-top: 0; }
.md-mt10 { margin-top: 10px; }
.md-mt15 { margin-top: 15px; }
.md-mt20 { margin-top: 20px; }
.md-mt30 { margin-top: 30px; }
.md-mt40 { margin-top: 40px; }
.md-mt50 { margin-top: 50px; }
.md-mt60 { margin-top: 60px; }
.md-mt70 { margin-top: 70px; }
.md-mt80 { margin-top: 80px; }
.md-mt100 { margin-top: 100px; }
.md-mt160 { margin-top: 160px; }
.md-mr30 { margin-right: 30px; }
.md-ml30 { margin-left: 30px; }
.md-ptb100 { padding-top: 100px; padding-bottom: 100px; }
.md-p0 { padding: 0 !important; }
.md-pt10 { padding-top: 10px; }
.md-pt20 { padding-top: 20px; }
.md-pt30 { padding-top: 30px; }
.md-pt40 { padding-top: 40px; }
.md-pt50 { padding-top: 50px; }
.md-pt60 { padding-top: 60px; }
.md-pt70 { padding-top: 70px; }
.md-pt80 { padding-top: 80px; }
.md-pr0 { padding-right: 0 !important; }
.md-pr15 { padding-right: 15px; }
.md-pb0 { padding-bottom: 0; }
.md-pb10 { padding-bottom: 10px; }
.md-pb15 { padding-bottom: 15px; }
.md-pb20 { padding-bottom: 20px; }
.md-pb30 { padding-bottom: 30px; }
.md-pb50 { padding-bottom: 50px; }
.md-pb70 { padding-bottom: 70px; }
.md-pb80 { padding-bottom: 80px; }
.md-pb90 { padding-bottom: 90px; }
.md-pl0 { padding-left: 0 !important; }
.md-pl15 { padding-left: 15px; }
.visible-mobile { display: none; }
/*reset*/
.scrollToMainContent { display: inline-block; width: 25px; height: 30px; position: absolute; bottom: 40px; left: 50%; margin-left: -15px; color: #444; font-size: 40px; font-size: 4.0rem; }
.scrollToMainContent i { display: inline-block; width: 25px; height: 30px; }
.scrollToMainContent.fontWhite { color: #fff; }
.scrollToMainContent.fontWhite:hover { color: #fe8e14; }
/*md-nav*/
#header.fixed { padding-bottom: 60px; }
#subNav.subNav-fixed { position: fixed; top: 0; z-index: 9001; box-shadow: 0 0 12px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .3); }
#subNav .subNav-ct { position: absolute; left: 210px; }
#smHeaderClicked { display: none; }
#overall-header { height: 65px; border-bottom: solid 1px #e5e5e5; }
.ds-logo { float: left; width: 120px; height: 30px; margin-top: 15px; }
#mdHeader .container { background: #fff; height: 64px; }
#mdHeader .row > .col-xs-12 { position: static; }
#mdHeader-nav { padding-left: 73px; float: left; }
#mdHeader.overall #mdHeader-nav { padding-right: 35px; }
#mdHeader-nav .ct-nav>li>a { padding: 0 15px; }
#subMenu .subMenu-secondary { padding: 30px 60px 45px; top: 65px; width: 790px; margin-left: -320px; background: #fff; box-shadow: 0 0 0 #fff, 0 0 0 #fff, 0 2px 10px rgba(0, 0, 0, .2), 0 0 0 #fff; -moz-box-shadow: 0 0 0 #fff, 0 0 0 #fff, 0 2px 10px rgba(0, 0, 0, .2), 0 0 0 #fff; -webkit-box-shadow: 0 0 0 #fff, 0 0 0 #fff, 0 2px 10px rgba(0, 0, 0, .2), 0 0 0 #fff; }
#subMenu .ct-lt { width: 380px; }
/*md-search*/
#cp-header { float: right; }
#cp-header li { text-indent: 0; }
/*md-footer*/
#main { padding-bottom: 322px; }
#footer { height: 322px; }
#footerTop .products { width: 26%; }
#footerTop .resources { width: 23%; }
#footerTop .company { width: 17%; }
#footerTop .subscribe { width: 34%; }
#footerTop .footerSubscribeSuccess p { width: 320px; }
#footerBottom .ct-lt { width: 25%; }
#footerBottom .ct-ct { width: 51%; padding-left: 18px; text-align: left; }
#footerBottom .ct-rt { width: 24%; height: 60px; float: left; padding: 15px 0 0 18px; }
/*================================= Contact Style =================================*/
#dsContact .contact-chat { margin-left: 55px; margin-right: 25px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
/*reset*/
.lg-fontSb { font-family: OpenSans-Semibold; }
.lg-fontLt { font-family: OpenSans-Light; }
.lg-fontRl { font-family: OpenSans-Regular; }
.lg-tc { text-align: center; }
.lg-tl { text-align: left; }
.lg-fl { float: left; }
.lg-tr { text-align: right; }
.lg-fr { float: right; }
.lg-fn { float: none !important; }
.lg-mt0 { margin-top: 0; }
.lg-mt10 { margin-top: 10px; }
.lg-mt20 { margin-top: 20px; }
.lg-mt30 { margin-top: 30px; }
.lg-mt40 { margin-top: 40px; }
.lg-mt50 { margin-top: 50px; }
.lg-mt60 { margin-top: 60px; }
.lg-mt100 { margin-top: 100px; }
.lg-ml10 { margin-left: 10px; }
.lg-ptb40 { padding-top: 40px; padding-bottom: 40px; }
.lg-ptb80 { padding-top: 80px; padding-bottom: 80px; }
.lg-ptb100 { padding-top: 100px; padding-bottom: 100px; }
.lg-pt50 { padding-top: 50px; }
.lg-pt60 { padding-top: 60px; }
.lg-pt80 { padding-top: 80px; }
.lg-pt100 { padding-top: 100px; }
.lg-pr0 { padding-right: 0 !important; }
.lg-pr15 { padding-right: 15px; }
.lg-pb10 { padding-bottom: 10px; }
.lg-pb20 { padding-bottom: 20px; }
.lg-pb40 { padding-bottom: 40px; }
.lg-pb50 { padding-bottom: 50px; }
.lg-pb60 { padding-bottom: 60px; }
.lg-pb80 { padding-bottom: 80px; }
.lg-pb100 { padding-bottom: 100px; }
.lg-pl0 { padding-left: 0 !important; }
.lg-pl15 { padding-left: 15px; }
.lg-p0 { padding: 0 !important; }
/*lg-nav*/
#mdHeader-nav { padding-left: 70px; }
#mdHeader.overall #mdHeader-nav { padding-right: 55px; }
#mdHeader-nav .ct-nav>li>a { padding: 0 24px; }
#subMenu .subMenu-secondary { margin-left: -414px; }
#action-nav .action-signin { margin-left: 50px; }
#subNav .subNav-ct { }
#subNav .subNav-ct li { padding: 0 10px; }
/*lg-footer*/
#main { padding-bottom: 322px; }
#footer { height: 322px; }
#footerTop .company { width: 20%; }
#footerTop .subscribe { width: 31%; }
#footerTop .subscribe .form input { width: 69%; }
#footerTop .subscribe .form .d-btn { width: 31%; }
#footerBottom .ct-lt { width: 25%; }
#footerBottom .ct-ct { width: 57%; padding-left: 20px; }
#footerBottom .ct-ct .visible-lg { display: inline !important; }
#footerBottom .ct-rt { width: 18%; padding: 15px 0 0 0; }
}