/*==================================== 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; }
@font-face { font-family: Oswald-Light; src: local('☺'), url('../font-face/Oswald-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: myriad-pro; src: local('☺'), url('../font-face/MyriadPro-Cond.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: Oswald; src: local('☺'), url('../font-face/Oswald-VariableFont_wght.ttf') format('truetype'); 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: 42px; 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; }
.fontOswald { font-family: Oswald; }
.fontOswaldLight { font-family: Oswald-Light; }
.fontMyriad { font-family: myriad-pro; }
.fc4 { color: #444; }
.fc9 { color: #999; }
.fc60 { color: #606060; }
.fca { color: #aaa; }
.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; }
/*================================ 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; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.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; }
.mb20 { margin-bottom: 20px; }
.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; }
.show-xs, .show-sm, .show-md, .show-lg { display: none; }
.hide-xs, .hide-sm, .hide-md, .hide-lg { display: inline-block; }
/*===================================== 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 =======================================*/
.btn { display: inline-block; padding: 0 25px; min-width: 100px; height: 38px; line-height: 32px; 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 { color: #ffae38; border: solid 2px #ffae38; }
.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: #50a8e1; }
.btn.brBlue:hover { border-color: #5bbfff; color: #5bbfff; }
.btn.brWhite { border-color: #fff; background: none; color: #fff; }
.btn.brWhite:hover { border-color: #ffae38; color: #fff; }
.btn.bgWhite { background: #fff; border-color: #fff; color: #fe8e14; }
.btn.bgWhite:hover { background: #ffae38; border-color: #ffae38; color: #fff; }
.btn.bgOrange { background: #fe8e14; color: #fff; }
.btn.bgOrange:hover { background: #ffae38; }
.btn.bgBlue { border-color: #50a8e1; background: #50a8e1; color: #fff; }
.btn.bgBlue:hover { border-color: #61c2ec; background: #61c2ec; }
.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: 38px; line-height: 32px; 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 { color: #ffae38; border: solid 2px #ffae38; }
.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: #50a8e1; }
.d-btn.brBlue:hover { border-color: #5bbfff; color: #5bbfff; }
.d-btn.brWhite { border-color: #fff; background: none; color: #fff; }
.d-btn.brWhite:hover { border-color: #ffae38; color: #fff; }
.d-btn.bgWhite { background: #fff; border-color: #fff; color: #fe8e14; }
.d-btn.bgWhite:hover { background: #ffae38; border-color: #ffae38; color: #fff; }
.d-btn.bgOrange { background: #fe8e14; color: #fff; }
.d-btn.bgOrange:hover { background: #ffae38; }
.d-btn.bgBlue { border-color: #50a8e1; background: #50a8e1; color: #fff; }
.d-btn.bgBlue:hover { border-color: #61c2ec; background: #61c2ec; }
.d-btn.bgGray { background: #f5f5f5; border-color: #ddd; color: #606060; }
.d-btn.bgGray:hover { background: #fff; }
.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: 1px solid #ddd; outline: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea: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; }
/*=================================== cookieAlert =====================================*/
#cookieAlert { display: none; width: 100%; height: auto; background: #D8EDF8; color: #3a87ad; padding: 15px 0; }
#cookieAlert p { margin: 0; line-height: 30px; }
#cookieAlert .close-cookieAlert { position: absolute; z-index: 2; right: 15px; top: 6px; cursor: pointer; }
#cookieAlert .close-cookieAlert .fa { color: #4788b3; font-size: 18px; opacity: .6; }
#cookieAlert .close-cookieAlert:hover .fa { opacity: .4; }
/*====================================== header =======================================*/
#header { position: relative; height: auto; width: 100%; }
#overall-header { position: relative; height: 60px; }
#overall-header .ds-logo { display: block; background: url(../img-icon/logo-dynamsoft-159X39.svg) no-repeat center left; }
/*====================================== subNav  ======================================*/
#subNav { position: relative; width: 100%; border-bottom: solid 1px #eee; background: #fff; z-index: 9000; }
#subNav .subNav-ct { background: #fff; }
/*============ ct-more ===============*/



/*====================================== footer =======================================*/
#main { padding-bottom: 268px; }
#footer { position: absolute; bottom: 0; width: 100%; height: 268px; }
#footer .ds-white { display: inline-block; background: url(../img-icon/logo-dynamsoft-white.svg) no-repeat center center; width: 130px; height: 32px; }
#footerTop { padding: 40px 0 35px; background: #323234; }
#footerTop .subscribe li { text-align: center; }
#footerTop .subscribe .link { position: relative; margin: 16px 0 20px; }
#footerTop .subscribe .link span { display: inline-block; padding: 0 10px; text-align: center; }
#footerTop .subscribe .link a { color: #aaa; font-size: 13px; font-size: 1.3rem; }
#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; 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 { }
#footerTop .socialMedia span { display: inline-block; width: 35px; height: 20px; }
#footerTop .socialMedia a { display: inline-block; width: 25px; height: 20px; background: url(../img-icon/icon-footer-socialMedia-20x20.png) no-repeat center top; }
#footerTop .socialMedia .fb { background-position: center -20px; }
#footerTop .socialMedia .gg { background-position: center -40px; }
#footerTop .socialMedia .tw { background-position: center -60px; }
#footerTop .socialMedia .yt { background-position: center -80px; }
#footerTop .socialMedia .linkedIn:hover { background-position: center -100px; }
#footerTop .socialMedia .fb:hover { background-position: center -120px; }
#footerTop .socialMedia .gg:hover { background-position: center -140px; }
#footerTop .socialMedia .tw:hover { background-position: center -160px; }
#footerTop .socialMedia .yt:hover { background-position: center -180px; }
#footerBottom { padding: 10px 0; background: #2a2a2b; font-size: 12px; font-size: 1.2rem; line-height: 22px; text-align: center; }
#footerBottom a:hover { color: #fff; }
/*=================================== footer.short ====================================*/
#main.short { padding-bottom: 85px; }
#footer.short { padding: 18px 0; height: 85px; font-size: 14px; font-size: 1.4rem; line-height: 24px; background: #fff; border-top: 1px solid #eee; }
/*====================================== 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 { line-height: 20px; }
.tooltip .tooltip-inner { background-color: #333; padding: 8px 13px 8px; text-align: left; }
/*.tooltip.in { filter: alpha(opacity=100); opacity: 1 !important; }*/
.tooltip.top .tooltip-arrow { border-top-color: #333 !important; }
.tooltip.right .tooltip-arrow { border-right-color: #333 !important; }
.tooltip.left .tooltip-arrow { border-left-color: #333 !important; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #333 !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: 50%; left: 50%; margin:-30px 0 0 -30px; 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; }
 @media screen and (max-width: 767px) {
.show-xs { display: inline-block; }
.hide-xs { display: none; }
#main .container { padding-left: 30px; padding-right: 30px; }
#cookieAlert { display: none !important; }
#subMenu { display: none; }
/*==================================== xs-header ======================================*/
#xsHeader .ds-logo { float: left; margin: 14px 0 0; width: 125px; height: 30px; }
#xsMenu { height: 60px; border-bottom: solid 1px #eee; }
#xsMenu .xsMenuToggle { float: right; padding: 11px 0 5px 10px; cursor: pointer; }
#xsMenu .xsMenuToggle .open { display: inline-block; margin-top: 8px; }
#xsMenu .xsMenuToggle .open span { display: block; margin-top: 4px; width: 22px; height: 2px; background: #aaa; }
#xsMenu .xsMenuToggle .close { display: none; font-size: 4.0rem; color: #aaa; font-family: initial; opacity: 1; }
#xsNav { display: none; padding: 0 0 15px; background: #fff; border-bottom: solid 1px #eee; box-shadow: 3px 6px #eee; -moz-box-shadow: 0 3px 6px #eee; -webkit-box-shadow: 0 3px 6px #eee; }
#xsNav .products { margin-bottom: 5px; }
#xsNav li { padding: 5px 15px 4px; }
#xsNav a { font-size: 1.4rem; line-height: 2.4rem; }
#xsNav .xsNavToggle { display: inline-block; padding: 0 15px 3px; font-size: 1.4rem; line-height: 2.4rem; color: #999; cursor: pointer; }
/*================================ xs-header-search ===================================*/
#xsSearch { position: relative; margin: 0 0 15px; height: 46px; width: 100%; border-bottom: solid 1px #eee; }
#xsSearch:after { display: table; content: ''; clear: both; }
#xsSearch .xsSearchSubmit { display: inline-block; position: absolute; right: 15px; top: 0; width: 30px; height: 100%; background: url(../img-icon/icon-search-a-16x16.png) no-repeat right center; cursor: pointer; }
#xsSearch input[type='text'] { padding: 0 35px 0 15px; width: 100%; height: 45px; border: none; outline: none; }
#xsSearch input[type="text"]:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
#xsSearch input[type="text"]::-webkit-input-placeholder {
 color:#aaa;
 font-size:1.4rem;
}
#xsSearch input[type="text"]:-moz-placeholder {
 color:#aaa;
 font-size:1.4rem;
}
#xsSearch input[type="text"]:-ms-input-placeholder {
color:#aaa;
font-size:1.4rem;
}
/*====================================== subNav  ======================================*/
#subNav { height: 48px; }
#subNav .subNav-ct { background: #fff; }
#subNav .xsCurNav { padding: 0 15px; height: 48px; border-bottom: 1px solid #eee; font-size: 1.4rem; line-height: 4.6rem; }
#subNav .xsCurNav .subNav-xsToggle { margin: 0 7px 0 0; cursor: pointer; }
#subNav .xsCurNav .subNav-xsToggle .fa { margin: 0 0 0 3px; width: 7px; font-size: 1.2rem; color: #aaa; }
#subNav .xsCurNav .curPage { color: #aaa; }
#subNav .xsCurNav .subNav-xsToggle:hover, #subNav .xsCurNav .subNav-xsToggle:hover .fa, #subNav .xsCurNav .subNav-xsToggle.on, #subNav .xsCurNav .subNav-xsToggle.on .fa { color: #fe8e14; }
#subNav .ct-list { display: none; padding: 6px 0 14px; box-shadow: 0 3px 4px #ddd; -moz-box-shadow: 0 3px 4px #ddd; -webkit-box-shadow: 0 3px 4px #ddd; }
#subNav .ct-list > li { font-size: 1.4rem; line-height: 3.2rem; }
#subNav .ct-list > li > a { margin: 0 15px; }
#subNav .ct-list > li > a .fa { margin: 0 0 0 3px; color: #aaa; }
#subNav .ct-list > li > a:hover .fa { color: #fe8e14; }
#subNav .subNav-toggle .fa.show-xs { display: inline-block; }
#subNav .subNav-toggle .fa.hide-xs { display: none; }
#subNav .ct-list > li.on { position: relative; }
#subNav .ct-list > li.on:before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 34px; width: 100%; background: #f5f5f5; }
#subNav .ct-list > li.on > a { position: relative; color: #606060; }
#subNav .ct-list > li.on > a .fa { color: #606060; }
/*============ ct-more ===============*/
#subNav .ct-more { display: none; padding: 10px 15px; margin-bottom: 8px; border-bottom: 1px solid #eee; }
#subNav .ct-more li { padding: 0 10px; font-size: 1.4rem; line-height: 3.0rem; }
/*====================================== footer =======================================*/
#footerTop .footerSubscribeSuccess p { width: 80%; margin: auto; }
}
@media (min-width: 768px) {
h1, .h1 { font-size: 36px; font-size: 3.6rem; line-height: 48px; }
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-mt25 { margin-top: 25px; }
.sm-mt30 { margin-top: 30px; }
.sm-mt35 { margin-top: 35px; }
.sm-mt40 { margin-top: 40px; }
.sm-mt45 { margin-top: 45px; }
.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-mr15 { margin-right: 15px; }
.sm-mr20 { margin-right: 20px; }
.sm-mb0 { margin-bottom: 0; }
.sm-ml0 { margin-left: 0; }
.sm-ml10 { margin-left: 10px; }
.sm-ml15 { margin-left: 15px; }
.sm-ml20 { margin-left: 20px; }
.sm-ml50 { margin-left: 50px; }
/*====================================== subMenu  =====================================*/
#overall-header { height: 65px; }
#subMenu { display: none; padding: 35px 20px 55px 45px; position: absolute; top: 65px; left: 50%; margin-left: -360px; z-index: 9020; width: 720px; background: #fff; box-shadow: 0 2px 6px #ccc; -moz-box-shadow: 0 2px 6px #ccc; -webkit-box-shadow: 0 2px 6px #ccc; border: 1px solid #eee; border-top: none; }
#subMenu .subMenuContent:after { display: table; content: ''; clear: both; }
#subMenu .subMenuContent .ct-lt { float: left; width: 345px; }
#subMenu .subMenuContent ul li { margin-bottom: 28px; }
#subMenu .subMenuContent ul li:last-child { margin-bottom: 0; }
#subMenu .subMenuContent ul li a { display: inline-block; margin: 0 0 6px; font-size: 14px; line-height: 32px; color: #444; font-family: OpenSans-Semibold; }
#subMenu .subMenuContent ul li.ddc a { line-height: 33px; margin: 3px 0; }
#subMenu .subMenuContent ul li a:hover { color: #fe8e14; }
#subMenu .subMenuContent ul li a.bluelink { color: #50a8e1; }
#subMenu .subMenuContent ul li a.bluelink:hover { color: #61c2ec; }
#subMenu .subMenuContent ul li .logo { display: inline-block; float: left; margin: 0 9px 0 0; }
#subMenu .subMenuContent ul li .logo img { width: 33px; height: 32px; }
#subMenu .subMenuContent ul li .intro { margin: 4px 0 0; font-size: 14px; line-height: 22px; color: #999; }
#subMenu .subMenuContent ul li.dcs .intro a.bluelink { margin-bottom: 0; line-height: 26px; font-family: OpenSans-Regular; }
#subMenu .subMenuContent .ct-rt { float: left; width: 250px; }
/*====================================== subNav  ======================================*/
#subNav { height: 65px; }
#subNav > .container { position: relative; }
#subNav li a { display: inline-block; font-size: 1.4rem; }
#subNav .subNav-lt { float: left; padding-left: 15px; margin-right: 40px; }
#subNav .subNav-lt li { float: left; height: 65px; font-size: 1.4rem; line-height: 62px; }
#subNav .subNav-ct:after, #subNav ul:after { content: ''; display: block; clear: both; }
#subNav .subNav-ct { float: left; }
#subNav .ct-list { display: block !important; }
#subNav .ct-list > li { position: relative; padding: 0 13px; height: 64px; line-height: 64px; float: left; font-size: 14px; }
#subNav .ct-list > li > a:hover .fa, #subNav .ct-list > li.on > a, #subNav .ct-list > li.on > a .fa { color: #fe8e14; }
#subNav .ct-list .subNav-toggle { position: relative; }
#subNav .subNav-toggle .fa.show-xs { display: none; }
#subNav .subNav-toggle .fa.hide-xs { display: inline-block; }
#subNav .subNav-toggle .fa { position: absolute; bottom: 12px; left: 50%; margin-left: -4px; width: 8px; font-size: 1.2rem; color: #aaa; }
#subNav .subNav-rt { float: right; padding-right: 15px; }
#subNav .subNav-rt .btn { margin-top: 10px; }
#subNav .subNav-rt .d-btn { margin-top: 12px; -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; }
/*====================================== ct-more ======================================*/
#subNav .ct-more { position: absolute; top: 65px; display: none; padding: 8px 0; width: auto; height: auto; background: #fff; border: solid 1px #eee; border-top: none; box-shadow: 0 2px 6px #e5e5e5; -webkit-border-radius: 0 2px 6px #e5e5e5; -moz-border-radius: 0 2px 6px #e5e5e5; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; }
#subNav .ct-more li { float: none; padding: 0; height: 30px; line-height: 30px; }
#subNav .ct-more li a { display: block; padding: 0 17px; width: auto; text-align: left; white-space: nowrap; }
/*====================================== footer =======================================*/
#main { padding-bottom: 292px; }
#footer { height: 292px; }
#footer .ds-white { margin-top: 16px; width: 102px; height: 25px; }
#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; color: #aaa; }
#footerBottom .ct-lt { padding-right: 0; text-align: left; }
#footerBottom .ct-ct { text-align: right; line-height: 60px; }
#footerBottom a { color: #aaa; }
#footerBottom a:hover { color: #fff; }
/*=================================== footer.short ====================================*/
#main.short { padding-bottom: 70px; }
#footer.short { padding: 21px 0; height: 70px; }
/*=================================== Video Style =====================================*/
.video { margin-top: 50px; }
/*=================================== Contact Style ===================================*/
#dsContact dl { margin-bottom: 60px; }
}
@media (min-width: 768px) and (max-width: 991px) {
.show-sm { display: inline-block; }
.hide-sm { display: none; }
/*===================================== sm-header =====================================*/
#smMenu { height: 65px; border-bottom: solid 1px #eee; }
#smHeader .ds-logo { float: left; margin: 15px 0 0; width: 135px; height: 32px; }
#smHeader .smMenuToggle { float: right; margin-top: 20px; cursor: pointer; }
#smHeader .smMenuToggle .bars { display: inline-block; width: 28px; vertical-align: top; }
#smHeader .smMenuToggle .bars span { display: block; margin-top: 5px; width: 21px; height: 2px; border-radius: 2px; background: #aaa; }
#smNav { margin: 0 0 38px; }
#smNav li { float: left; padding: 0 22px; }
#smNav li:first-child { padding-left: 0; }
#smNav li:first-child a { color: #fe8e14; font-family: OpenSans-Semibold; cursor: default; }
#smNav li:first-child .fa { font-size: 1.2rem; margin: 0 0 0 2px; }
/*================================= sm-header-search ==================================*/
#smSearch { position: absolute; top: 0; right: 15px; height: 64px; width: auto; background: #fff; }
#smSearch:after { display: table; content: ''; clear: both; }
#smSearch .smSearchToggle, #smSearch .smSearchSubmit { display: inline-block; width: 25px; height: 100%; background: url(../img-icon/icon-search-a-16x16.png) no-repeat right center; cursor: pointer; }
#smSearch .smSearchSubmit { display: none; position: absolute; left: 0; top: 0; width: 30px; background-position: left center; }
#smSearch input[type='text'] { display: none; float: left; margin: 0 0 0 30px; padding: 0; width: 690px; height: 64px; border: none; outline: none; }
#smSearch input[type="text"]:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
#smSearch input[type="text"]::-webkit-input-placeholder {
 color:#aaa;
}
#smSearch input[type="text"]:-moz-placeholder {
 color:#aaa;
}
#smSearch input[type="text"]:-ms-input-placeholder {
 color:#aaa;
}
/*==================================== 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 screen and (max-width: 991px) {
#overall-header { z-index: 9010; }
/*====================================== footer =======================================*/
body.mobile #toTop { display: none !important; }
body.mobile #comm100-float-button-2 { 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;*/ }
#liveChatMobile { position: fixed; z-index: 10000; bottom: 3%; right: 2%; display: block; width: 62px; height: 62px; background: url(../img-icon/livechat-mobile-186x186.png) no-repeat center center; background-size: cover; }
}
@media (min-width: 992px) {
h1, .h1 { font-size: 40px; font-size: 4.0rem; line-height: 54px; }
h2, .h2 { font-size: 32px; font-size: 3.2rem; line-height: 48px; }
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-mt25 { margin-top: 25px; }
.md-mt30 { margin-top: 30px; }
.md-mt35 { margin-top: 35px; }
.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-mr20 { margin-right: 20px; }
.md-mr30 { margin-right: 30px; }
.md-ml20 { margin-left: 20px; }
.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-pt35 { padding-top: 35px; }
.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-pt90 { padding-top: 90px; }
.md-pt100 { padding-top: 100px; }
.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-pb60 { padding-bottom: 60px; }
.md-pb70 { padding-bottom: 70px; }
.md-pb80 { padding-bottom: 80px; }
.md-pb90 { padding-bottom: 90px; }
.md-pb100 { padding-bottom: 100px; }
.md-pl0 { padding-left: 0 !important; }
.md-pl15 { padding-left: 15px; }
.visible-mobile { display: none; }
/*======================== overview-banner-scrollToMainContent ========================*/
.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-header ======================================*/
#header.fixed { padding-bottom: 60px; }
#mdHeader { height: 65px; border-bottom: solid 1px #eee; }
#mdHeader .ds-logo { float: left; margin: 15px 0 0; width: 125px; height: 30px; }
#mdMenu { padding-left: 68px; float: left; }
.company-header #mdMenu { padding-left: 55px; }
#mdMenu li { float: left; height: 65px; padding: 0; text-align: center; }
#mdMenu 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; }
#mdMenu li a { display: inline-block; padding: 0 15px; line-height: 62px; font-size: 16px; color: #444; }
#mdMenu li a:hover, #mdMenu li a:hover .fa, #mdMenu li.on a, #mdMenu li.on .fa { color: #fe8e14; }
#mdMenu li a .fa { color: #aaa; font-size: 1.2rem; margin: 0 0 0 2px; }
#cp-header { float: right; padding: 6px 0; height: 65px; }
#cp-header li { text-indent: 0; }
#cp-header iframe { position: relative; right: 15px; }
/*===================================== subMenu =======================================*/
#subMenu { padding: 40px 30px 50px 60px; width: 785px; margin-left: -320px; }
#subMenu.overall { margin-left: -339px; }
#subMenu .subMenuContent .ct-lt { width: 400px; }
#subMenu .subMenuContent .ct-lt ul li:last-child { margin-top: 35px;}
/*===================================== subNav =======================================*/
#subNav { z-index: 9015; }
#subNav.subNav-fixed { position: fixed; top: 0; z-index: 9025; box-shadow: 0 0 16px #ccc; -moz-box-shadow: 0 0 16px #ccc; -webkit-box-shadow: 0 0 16px #ccc; }
#subNav .subNav-ct { position: absolute; left: 210px; float: none; margin: 0; }
#subNav .ct-list > li { padding: 0 15px; }
/*====================================== footer ======================================*/
#main { padding-bottom: 292px; }
#footer { height: 292px; }
#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) {
.show-md { display: inline-block; }
.hide-md { display: none; }
}
@media (min-width: 1200px) {
.show-lg { display: inline-block; }
.hide-lg { display: none; }
/*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-f16 { font-size: 16px; font-size: 1.6rem; }
.lg-lh26 { line-height: 26px; }
.lg-mt0 { margin-top: 0; }
.lg-mt10 { margin-top: 10px; }
.lg-mt15 { margin-top: 15px; }
.lg-mt20 { margin-top: 20px; }
.lg-mt25 { margin-top: 25px; }
.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-pt40 { padding-top: 40px; }
.lg-pt50 { padding-top: 50px; }
.lg-pt60 { padding-top: 60px; }
.lg-pt70 { padding-top: 70px; }
.lg-pt80 { padding-top: 80px; }
.lg-pt90 { padding-top: 90px; }
.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-pb90 { padding-bottom: 90px; }
.lg-pb100 { padding-bottom: 100px; }
.lg-pl0 { padding-left: 0 !important; }
.lg-pl15 { padding-left: 15px; }
.lg-p0 { padding: 0 !important; }
/*==================================== lg-header ======================================*/
#mdMenu { padding-left: 65px; }
.company-header #mdMenu { padding-left: 50px; }
#mdMenu li>a { padding: 0 24px; }
.company-header #mdMenu li>a { padding: 0 22px; }
#action-nav .action-signin { margin-left: 50px; }
#cp-header .action-signin { margin-left: 35px; }
.company-header #cp-header .action-signin { display: block !important; }
.company-header #cp-header .action-search .toggle-search { display: none !important; }
.company-header #cp-header .action-search input[type='text'] { width: 240px !important; padding: 0 5px !important; border-width: 1px !important; }
/*===================================== subMenu =======================================*/
#subMenu { margin-left: -414px; }
#subMenu.overall { margin-left: -432px; }
/*====================================== subNav =======================================*/
#subNav .subNav-ct { left: 215px; }
/*===================================== lg-footer =====================================*/
#main { padding-bottom: 292px; }
#footer { height: 292px; }
#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; }
}

.productMenu { width: 100%; height: 95px; font-size: 14px; background: #F5F5F5; }
.productMenu.fixedMenu { position: fixed; top: 0; z-index: 111; box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.2); }
.mobileProductMenu { display: none !important; }
.productMenu .menuList { margin: 0; padding: 0; list-style: none; display: inline-block; margin-bottom: 0; }
.productMenu .menuList li { display: inline-block; position: relative; color: #323234; line-height: 95px; margin-right: 30px; padding: 0 10px; font-size: 18px; cursor: pointer; vertical-align: top; font-family: Oswald; }
.productMenu .menuList li:last-child { margin-right: 0; }
.productMenu .menuList li a { font-family: Oswald; }
.productMenu .menuList li a, .productMenu .menuList li a:active { color: #323234; text-decoration: none; }
.productMenu .menuList li a:hover { color: #FE8E14; }
.productMenu .menuList li.title, .productMenu .menuList li.title a { font-size: 26px; margin-right: 30px; color: #FE8E14; padding-left: 0; }
.productMenu .menuList li.title a { margin-right: 0; }
.productMenu .downloadBtn { display: inline-block; padding: 0 25px; height: 54px; line-height: 54px; font-size: 18px; text-align: center; cursor: pointer; margin-top: 20px; color: #FFFFFF; background: #FE8E14; font-family: Oswald; transition: ease-in-out 0.2s all; box-shadow: 0px 0px 0 0 #FFFFFF; }
.productMenu .downloadBtn:hover { box-shadow: -8px 8px 0 0 #000000; transform: translate(8px, -8px); background: #fe8e14; }
.productMenu .pcProductMenu .ct-more { position: absolute; top: 95px; padding: 8px 0; width: auto; height: auto; background: #F5F5F5; position: absolute; border: 1px solid #ddd; border-top: 2px solid #ddd; z-index: 11; }
.productMenu .pcProductMenu .ct-more li { float: none; display: block; padding: 0; height: 30px; line-height: 30px; margin-right: 0; }
.productMenu .pcProductMenu .ct-more li a { display: block; padding: 0; width: auto; text-align: left; white-space: nowrap; text-transform: capitalize; }

#BarcodeMenuContainer .productSubMenuWrap .subMenuCnt { top: 0px; left: 505px; }
.productMenu span.type { display: inline-block; color: #aaa; }
.productMenu .pcProductMenu .ct-more { left: -22%; }
.productMenu .pcProductMenu .menuList li a, .productMenu .menuList li a:active { color: #323234; }
.productMenu .pcProductMenu .menuList li a:hover { color: #fe8e14; }
.productMenu .pcProductMenu .ct-more { width: auto; padding: 35px 40px; }
.productMenu .pcProductMenu .ct-more li { height: auto; color: #323234; line-height: 30px; font-size: 18px; margin-top: 10px; }
.productMenu .pcProductMenu .ct-more li:nth-child(2) { margin-top: 0; }
.productMenu .pcProductMenu .ct-more li a { color: #323234; text-transform: uppercase; }
.productMenu .pcProductMenu .ct-more li a.on, .productMenu .pcProductMenu .ct-more li a:hover { color: #fe8e14; }
.productMenu .pcProductMenu .ct-more .icon-orange-angle { display: none; position: absolute; width: 26px; height: 33px; left: 35px; top: -15px; }
.productMenu .pcProductMenu .item.on { background: #dddddd; }

#_hj_feedback_container { display: none !important; }

@media (max-width: 1679.98px) {
    .productMenu { height: 72px; }
    .productMenu .pcProductMenu .menuList li { line-height: 72px; font-size: 16px; }
    .productMenu .pcProductMenu .menuList li:last-child { margin-right: 0; }
    .productMenu .pcProductMenu .menuList li.title, .productMenu .menuList li.title a { font-size: 22px; }
    .productMenu .pcProductMenu .downloadBtn { padding: 0 20px; height: 40px; line-height: 40px; margin-top: 16px; }
    .productMenu .pcProductMenu .ct-more { top: 72px; font-size: 16px; }
    .productMenu .pcProductMenu .ct-more li { font-size: 18px; line-height: 30px; }
    .productMenu .pcProductMenu .ct-more .icon-orange-angle { position: absolute; width: 23px; height: 30px; left: 35px; top: -12px; }
    .productMenu .pcProductMenu .menuList .showMenuMore .icon-orange-angle { width: 7px; height: 13px; }
}

@media (max-width: 1199.98px) {
    .productMenu .pcProductMenu .menuList li { margin-right: 5px; }
}

@media (max-width: 991.98px) {
    .productMenu .downloadBtn { display: none; }
    .productMenu .pcProductMenu .menuList li { margin-right: 30px; }
    .productMenu { height: 60px; }
    .productMenu .pcProductMenu .menuList li { line-height: 60px; margin-right: 30px; font-size: 16px; }
    .productMenu .pcProductMenu .ct-more li { line-height: 30px; }
    .pcProductMenu { display: none !important; }
    .mobileProductMenu { display: block !important; }
    .mobileProductMenu .productLogo { display: inline-block; height: 36px; line-height: 36px; font-family: Oswald; font-size: 20px; margin-top: 12px; cursor: pointer; }
    .mobileProductMenu .productLogo i.dbr-logo, .mobileProductMenu .productLogo i.dwt-logo, .mobileProductMenu .productLogo i.dnt-logo { height: 36px; }
    .mobileProductMenu .productLogo i.icon-orange-angle { vertical-align: top; margin-top: 16px; margin-left: 15px; }
    #DLRMenu .mobileProductMenu .productLogo i.icon-orange-angle { vertical-align: top; margin-top: 14px; margin-left: 7px; }
    #SourceAnyWhereMenu .mobileProductMenu .productLogo i.icon-orange-angle { vertical-align: top; margin-top: 10px; margin-left: 15px; }
    .mobileProductMenu .currentPage { height: 60px; line-height: 60px; font-size: 16px; }
    .mobileProductDetailMenu { display: none; position: absolute; width: 100%; background: #323234; color: #FFFFFF; padding: 30px; z-index: 11; }
    .mobileProductDetailMenu .menuList .item { display: block; line-height: 30px; }
    .mobileProductDetailMenu .menuList .item a, .mobileProductDetailMenu .menuList .item a:visited, .mobileProductDetailMenu .menuList .item a:active { color: #FFFFFF; }
    .mobileProductDetailMenu .menuList .item a:hover { color: #FE8E14; }
    .mobileProductDetailMenu .menuList .item a, .mobileProductDetailMenu .menuList .item .showMenuMore { font-size: 18px; color: #FFFFFF; cursor: pointer; font-family: Oswald; text-transform: uppercase; }
    .mobileProductDetailMenu .menuList .item .ct-more .item { line-height: 21px; }
    .mobileProductDetailMenu .menuList .item .ct-more .item a { font-size: 14px; font-family: Oswald; }
    .mobileProductDetailMenu .menuList > .item { margin-bottom: 10px; }
    .mobileProductDetailMenu .menuList .item .ct-more > .item { margin-top: 6px; padding-left: 20px; }
    .productMenu .menuList li { padding: 0; }
}

@media (max-width: 767.98px) {
    .productMenu { height: 42px; }
    .productMenu .pcProductMenu .menuList li { margin-right: 30px; display: none; }
    .productMenu .pcProductMenu .menuList li:first-child { display: inline-block; }
    .mobileProductDetailMenu { padding: 20px 10px; }
    .mobileProductMenu .productLogo { margin-top: 8px; }
    .mobileProductMenu .productLogo i.dbr-logo, .mobileProductMenu .productLogo i.dwt-logo, .mobileProductMenu .productLogo i.dnt-logo { height: 25px; width: 188px; }
    .mobileProductMenu .productLogo i.icon-orange-angle { vertical-align: top; margin-top: 8px; margin-left: 15px; }
    .mobileProductMenu .currentPage { height: 42px; line-height: 42px; font-size: 16px; }
    .mobileProductDetailMenu .menuList .item a, .mobileProductDetailMenu .menuList .item .showMenuMore { font-size: 16px; }
    #DLRMenu .mobileProductMenu .productLogo { margin-top: 0px; line-height: 42px; font-size: 18px; }
    #DLRMenu .mobileProductMenu .productLogo i.icon-orange-angle { vertical-align: top; margin-top: 17px; margin-left: 4px; }
}

@media (min-width: 992px) {
    .mobileProductDetailMenu { display: none !important; }
    .productMenu .container { max-width: calc(100% - 40px); }
}

@media (min-width: 1200px) {
    .productMenu .container { max-width: calc(100% - 100px); }
}

@media(min-width:1680px) {
    .productMenu .container { max-width: 1630px }
}