@charset "utf-8";
/* ===[ Designed & Coded by Adorable Damingsoft Team ]=== */


img { border: none }
html, body { background: #f0f0f0 url(../images/bg_noise.gif) repeat top left; font-size: 14px; line-height: 26px; color: #676869; font-family: "Microsoft YaHei", "Hiragino Sans GB W3", Tahoma, sans-serif; margin: 0; }
#wrapper { width: 100%; margin: 0 auto; padding: 0 auto; }
#topbg { width: 100%; height: 8px; background: #3a3a3a; }
#main { width: 960px; border: 1px solid #e5e6e7; margin: 0 auto; background-color: #fff; }
#container { margin: 40px 20px }
#container.card { margin: 60px 70px; }
#header { }
#top { height: 98px; background: #fff; position: relative; }
#logo { width: 176px; height: 30px; background: url(../images/logo_daming.png); background-size: cover; float: left; margin-left: 20px; margin-top: 38px; }
/* Navigation Menu
   ================================================== */
#nav { float: right; position: relative; width: 600px; /*width: 500px;*/ margin-right: 20px; z-index: 99; }
#menu { width: 520px; /*width: 500px;*/ position: absolute; top: -9px; left: 90px; }
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu ul li { margin: 0; padding: 0; list-style: none; float: left; position: relative; display: block; }
#menu ul li a, #menu ul li a:link { display: block; width: 100px; height: 108px; margin: 0; padding: 0; float: left; text-decoration: none; }
#menu ul li a:visited, #menu ul li a:active { background: none }
#menu ul li a:hover, #menu ul li.dropdown_on a.has_dropdown { color: #3a3a3a; background: url(../images/menu_active.png); }
#menu ul li a:active { background: url(../images/menu_active.png) }
#menu ul li.current>a { background: url(../images/menu_active.png) }
#menu ul li.current .menucn { color: #f15a23 }
#menu ul li span { display: block; user-select: none; }
.menucn, .menuen { display: block; text-align: center; width: 100%; }
.menucn { margin-top: 45px; font-weight: 700; color: #666; }
.menuen { font-size: 11px; margin-top: -6px; color: #959393; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/* submenu start */
#menu ul ul.nav_dropdown { position: absolute; display: none; float: left; left: 0; top: 108px; height: auto; background: #f7f7f7; z-index: 1; }
#menu .dropdown_on ul.nav_dropdown { display: block }
#menu ul ul.nav_dropdown li { width: 100%; border-top: 1px solid #fafafa; border-bottom: 1px solid #efefef; overflow: hidden; /*fix IE7 content stretches outside container issue*/ }
#menu ul ul.nav_dropdown li:hover { border-top: 1px solid #f15a23; border-bottom: 1px solid #f15a23; overflow: hidden; /*fix IE7 content stretches outside container issue*/ }
#menu ul ul.nav_dropdown li.last { border-bottom: 1px solid #F15A23 }
#menu ul ul.nav_dropdown li a { color: #474849; padding: 5px 20px 2px 20px; width: 100%; height: auto; }
#menu ul ul.nav_dropdown li a:hover, #menu ul ul.nav_dropdown li a:active { background-image: none; background-color: #f0f0f0; }
#menu ul ul.nav_dropdown li a .menuen { text-align: left }
/* submenu end */
#intro { min-height: 139px; border: none; border-top: 1px solid #e5e6e7; background: url(../images/bg-intro.gif) left top no-repeat; }
#intro h1 { color: #474849; font-size: 20px; font-weight: 400; text-shadow: 0 1px 0 #fff; text-align: center; vertical-align: middle; margin-top: 50px; }
#content { border: none; background: #fff; min-height: 700px; }
/* TYPOGRAPHY
   ================================================== */
h1, h2 { font-size: 16px; font-weight: 700; color: #474849; }
h3 { font-size: 14px; font-weight: 700; color: #575859; }
h4 { font-size: 14px; font-weight: bold; }
b { color: #474849; font-weight: 700; }
.fontB { font-weight:bold;}
.note_small { color: #959393; font-size: 11px; font-weight: 400; }
h3 + li { margin-top: -10px }
.desc h1 { margin-top: 10px; margin-bottom: 10px; }
.desc h2 { margin: 33px 0 10px 0; }
#container-body h2 { margin: 30px 0 10px 0; }
.desc h3 { margin: 20px 0 10px 0; }
#container-body h3 { margin: 15px 0 0 0; }
.desc h4, #container-body h4 { margin: 20px 0 20px 0; }
p { margin: 10px 0; }
/* BARCODE READER TYPE
    ==================================================*/
.desc .split_lines { border-bottom: solid 2px #f15a23; margin-top: -10px; }
.container-header-mt { margin-top: 10px !important; }
.container-header-bb { border-bottom: none !important; }
.editon-wrap .item a { text-align: center; border: 2px solid #fe8e14; border-radius: 3px; padding: 7px 45px; text-decoration: none; color: #fe8e14; }
.editon-wrap .item a:hover { color: #fff; background: #fe8e14; border: solid 2px #fe8e14; }
/* Webpages
   ================================================== */
/* company info */
#brief_intro, #customer_list, #full_intro, #customer_more, #contacts { margin: 40px 20px }
#brief_intro { height: 200px }
.logo_row { margin: 25px 0 0 20px; padding-bottom: 25px; }
.logo_row img { margin-right: 24px }
.logo_row img:last-child { margin-right: 0 }
#full_intro { height: 370px }
/* company culture */
.v_menu { background-color: #f7f7f7; width: 280px; border-top: 1px solid #e5e6e7; float: left; margin-bottom: 40px; }
.v_menu ul { list-style: none; margin: 0; padding: 0; }
.v_menu ul li a, .v_menu ul li a:link, .v_menu ul li a:visited { font-size: 15px; font-weight: 700; color: #474849; line-height: 50px; text-decoration: none; padding-left: 20px; display: block; height: 50px; border-top: 1px solid #fafafa; border-bottom: 1px solid #efefef; background: url(../images/arrows.png) no-repeat 255px 18px; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 30px; }
.v_menu ul li a:hover, .v_menu ul li a:active, li#selected a, #nav_saw li a.current_page, #nav_twain li.selected a { background-color: #f0f0f0; border-top: 1px solid #f15a23; border-bottom: 1px solid #f15a23; }
#nav_sonWrap li.selected a { background-color: #f0f0f0; border-top: 1px solid #f15a23; border-bottom: 1px solid #f15a23; }
li#selected a, #nav_twain li.selected a { color: #f15a23; cursor: default; background: url(../images/arrow_orange.gif) no-repeat 255px 18px; }
.nav-res.selected a { color: #f15a23; cursor: default; background: url(../images/dbr/arrows.png) no-repeat 255px 18px !important; }
.nav-res.selected a { background-position: 254px -85px !important; }
#nav_sonWrap li a { font-size: 15px; font-weight: normal; color: #959393; background-color: #f1f1f1; padding-left: 35px; background: none; }
#nav_sonWrap li a:hover { font-size: 15px; color: #676869; background: url(../images/dbr/arrows.png) no-repeat 255px 18px; background-position: 255px -50px; }
#nav_sonWrap .slc_edition a { color: #676869; background: url(../images/dbr/arrows.png) no-repeat 255px 18px; background-position: 255px -50px; }
.v_menu img { margin: 45px 0 60px 16px }
.desc { float: right; width: 610px; margin-bottom: 40px; }
.desc a { color: #676869; text-decoration: none; text-shadow: 0 0 3px rgba(0,0,0,.1); }
.desc a:hover { text-decoration: underline; }
ul.list { list-style: none; margin: 10px 0; padding-left: 0; }
ul.dbr-list { padding-left: 0px !important; }
ul.list li { background: url(../images/icn-bullet-3x3.png) left 11px no-repeat; margin: 5px 5px 5px 5px; padding-left: 10px; }
ul.list.list-check>li { background: url(../images/icn-check-14x14.png) 0 5px no-repeat; margin-left: -2px; padding-left: 18px; }
ul.list.list-star>li { background: url(../images/icn-star-14x14.png) 0 5px no-repeat; margin-left: -2px; padding-left: 18px; }
ul.list.list-check>li>a { font-weight: bold; text-shadow: none; }
ul.list.list-2dots li { background: url(../images/icn-bullet-9x3.png) left 11px no-repeat; margin-left: 0px; padding-left: 15px; }
ol.list { margin: 20px 0; padding-left: 40px; }
ol.list li { margin: 5px 0; }
.side-menu { float: left }
#mission div:nth-child(3) { margin-left: 30px }
#employees ul { list-style: none; margin-left: 3px; padding-left: 0; }
#employees ul li { background: none; padding: 0; margin: 10px 0 5px 5px; float: left; }
#employees ul li p { text-align: center; margin: 0; }
.curriculums { width: 540px; margin-left: 30px; margin-right: 30px; border-top: 2px solid #E3E5E5; color: #969797; font-size: 12px; }
.curriculums td { padding-left: 10px }
ul.year_index { color: #B2BABD }
ul.year_index li { background: none; display: inline-block; *display: inline;
zoom: 1; padding: 0 10px; margin: 0; }
ul.year_index li a { text-decoration: none; color: #676869; font-weight: 700; }
ul.year_index li a:hover { text-decoration: underline }
li#selected_years a { color: #f15a23; cursor: default; text-decoration: none; }
.curriculums tr td:nth-child(odd) { border-bottom: 1px dotted #E3E5E5 }
/* job opportunity */
#menu_job { float: left }
.jobs, .cultures { display: none }
a.email { background: url(../images/mail_orange.gif) no-repeat left 5px; padding-left: 19px; }
/* contact us */
#contacts .split_line { width: 360px }
#map { float: right; margin-right: 20px; margin-top: -40px; }
/* SAW webpags
   ================================================== */
/* overview */
.logo-list img { margin-left: 25px; opacity: .8; }
/* Purchasing Pages
   ================================================== */
/* purchasing process */
.step { margin-bottom: 10px; }
.step .balloon { margin-right: 40px; margin-bottom: 10px; }
.balloon { width: 64px; height: 132px; background: url(../images/icn-balloon-steps-256x132.png) no-repeat; }
.balloon1 { background-position: 0 0; }
.balloon2 { background-position: -64px 0; }
.balloon3 { background-position: -128px 0; }
.balloonc { background-position: -192px 0; }
/* One-col Pages
   ================================================== */
.section { margin: 40px 50px; }
/* SAW BLOG
   ================================================== */
/* banner */
.banner { background: url(../images/bg_denim.jpg) repeat top left; width: 958px; height: 139px; }
#intro > a { text-decoration: none }
.side-menu a { text-decoration: none }
#nav_saw { float: left; width: 100%; }
#nav_saw li ul { display: none }
#nav_saw li ul li a { padding-left: 40px; font-size: 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 30px; }
#nav_saw li ul li a:before { content: "|"; position: relative; left: -15px; color: #959393; }
#nav_saw li ul li ul a { padding-left: 60px; padding-right: 30px; }
#nav_saw a.link_out { background: url(../images/link_out.png) no-repeat 254px 20px }
#nav_saw a.link_out:hover { background-position: 254px -18px; background-color: #f0f0f0; }
#nav_saw a.active { background-position: 253px -60px }
#nav_saw > li > a + ul { background-color: #f0f0f0 }
#nav_saw > li > ul > li > ul { background-color: #ededed }
/* TWAIN BLOG START
   ================================================== */
#nav_twain li a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 30px; }
/* Footer
   ================================================== */
#footer { width: 960px; height: 130px; margin: 0 auto; padding: 30px 20px 25px; color: #aaa; font-size: 12px; line-height: 25px; vertical-align: middle; }
#footer-top { border-bottom: 1px solid #e5e6e7; width: 100%; padding-bottom: 8px; }
#frLink { float: right; width: 430px; margin-right: -13px; }
#frLink a { display: inline-block; width: 75px; text-align: center; text-decoration: none; color: #aaa; }
#pb a { text-decoration: none; color: #aaa; }
#pb a:hover, #frLink a:hover { text-decoration: underline }
#footer-bottom { padding-top: 10px }
#copyright { /*width: 240px;*/ float: left; }
.icplink { display: inline-block; text-align: center; text-decoration: none; color: #aaa; }
.icplink:hover { text-decoration: underline }
#footer-compInfo { float: right }
#footer-compInfo img { top: 2px; position: relative; }
#footer-compInfo div:nth-of-type(1) img { top: 3px }
.compInfo { float: left; margin-left: 14px; }
/* HOMEPAGE SLIDESHOW
   ================================================== */
/* ===[ Reset ]=== */
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* main wrapper  */
.cbp-contentslider { width: 100%; height: 100%; position: relative; }
.cbp-contentslider > ul { list-style: none; height: 100%; width: 100%; overflow: hidden; position: relative; padding: 0; margin: 0; }
.cbp-contentslider > ul li { position: absolute; width: 100%; height: 330px; left: 0; top: 0; }
.cbp-contentslider > ul li img { height:50px;}
#slide1 { background: url(../images/bg-indexBanner-dwt.png) no-repeat right top }
#slide2 { background: url(../images/bg-indexBanner-dnt.png) no-repeat right top }
#slide3 { background: url(../images/bg-indexBanner-dbr.png) no-repeat right top }
#slide4 { background: url(../images/bg-indexBanner-dcs.png) no-repeat right top }
div.product_card { position: relative; margin:75px 0 0 42px; width:320px; }
div.product_card p { margin:10px 0 0; font-size:16px; line-height:26px; color:#444; }
/* ===[ Whithout JS, we use :target ]=== */
.cbp-contentslider > ul li:target { z-index: 100 }
.cbp-contentslider nav { position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; }
.cbp-contentslider nav a { float: left; display: block; padding:23px 40px; height: 90px; background:#fff; overflow: hidden; text-decoration:none; outline: none; -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: color .2s ease-in-out, background-color .2s ease-in-out; transition: color .2s ease-in-out, background-color .2s ease-in-out; }
.cbp-contentslider nav a .logo { display:inline-block; float:left; margin-right:15px; width:42px; height:42px; background:url(../images/logo-product-40x40.png) no-repeat center top;}
.cbp-contentslider nav .dnt .logo { background-position:center -50px;}
.cbp-contentslider nav .dbr .logo { background-position:center -100px;}
.cbp-contentslider nav .dcs .logo { background-position:center -150px;}

.cbp-contentslider nav .dwt:hover .logo, .cbp-contentslider nav .dwt.rc-active .logo { background-position:center -200px;}
.cbp-contentslider nav .dnt:hover .logo, .cbp-contentslider nav .dnt.rc-active .logo { background-position:center -250px;}
.cbp-contentslider nav .dbr:hover .logo, .cbp-contentslider nav .dbr.rc-active .logo { background-position:center -300px;}
.cbp-contentslider nav .dcs:hover .logo, .cbp-contentslider nav .dcs.rc-active .logo { background-position:center -350px;}

/*.cbp-contentslider nav a .des { display:block; font-size:12px; line-height:22px; color:#999;}*/
.cbp-contentslider nav a .des { display: block; font-size: 12px; line-height: 41px; color: #999; }
.cbp-contentslider nav .dwt:hover .des, .cbp-contentslider nav .dwt.rc-active .des { color:#fe8e14;}
.cbp-contentslider nav .dnt:hover .des, .cbp-contentslider nav .dnt.rc-active .des { color:#39bec2;}
.cbp-contentslider nav .dbr:hover .des, .cbp-contentslider nav .dbr.rc-active .des { color:#333;}
.cbp-contentslider nav .dcs:hover .des, .cbp-contentslider nav .dcs.rc-active .des { color:#419edf;}




/* COMPANY CULTURE PHOTOSHOW
   ================================================== */
/* thumbnails */
img.thumbnail, div.thumbnail { width: 145px; height: 145px; -webkit-transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; }
img.thumbnail:hover { opacity: .8; box-shadow: 3px 4px rgba(0,0,0,0.1); }
div.thumbnail a { text-decoration: none; color: #cacaca; padding-top: 70px; font-weight: 400; font-size: 18px; }
div.thumbnail a:hover { color: #F15A23 }
#fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; }
#fancybox-thumbs.bottom { bottom: 10px }
#fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; }
#fancybox-thumbs ul li { float: left; padding: 1px; opacity: .5; }
#fancybox-thumbs ul li.active { opacity: .75; padding: 0; border: 1px solid #fff; }
#fancybox-thumbs ul li:hover { opacity: 1 }
#fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; }
#fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; }
/* big image decorates */
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030 }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5); box-shadow: 0 10px 25px rgba(0,0,0,0.5); }
.fancybox-outer, .fancybox-inner { position: relative }
.fancybox-inner { overflow: hidden }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox_sprite.png) }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: .8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url(../images/fancybox_loading.gif) center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../images/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0 }
.fancybox-next { right: 0 }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible }
/* ===[ Overlay helper ]=== */
.fancybox-lock { overflow: hidden }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(../images/fancybox_overlay.png); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* ===[ Title helper ]=== */
.fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0,0,0,0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: 700; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0,0,0,.8); }
/* MODULE
   ================================================== */
code { font: 13px/150% Courier, Consolas, Monaco, "Droid Sans Mono", monospace; border-left: 1px solid #EFEFEF; display: block; padding-left: 15px; margin-left: 5px; color: #889099; margin-top: 16px; margin-bottom: 16px; }
.abstract { margin-top: 20px; margin-bottom: 20px; padding: 6px 18px; background-color: #f7f7f7; color: #676869; border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; font-size: 13px; line-height: 23px; }
.quote { margin: 20px 0; padding: 1px 10px 1px 20px; border-left: 3px solid #e5e6e7; background-color: #f7f7f7; }
.quote-mark { vertical-align: bottom; font-size: 40px; color: #959393; }
.quote-img { float: right; opacity: 0.8; }
/* Fixed sidebar */
.sidebar.fixed { position: fixed; top: 0; }
/* Overview Banner */
#slides { width: 958px; height: 200px; position: relative; }
#slides ul.slidesjs-pagination { position: absolute; margin-left: -18px; left: 479px; margin-top: -20px; z-index: 10; padding: 0; list-style-type: none; }
#slides li.slidesjs-pagination-item { float: left; padding: 0 4px; }
#slides li.slidesjs-pagination-item a { text-decoration: none; color: #fff; display: block; height: 0; width: 10px; padding-top: 10px; background: url(../images/icn-pagination-dots-20x10.png) -10px 0 no-repeat; overflow: hidden; }
#slides li.slidesjs-pagination-item a.active { background-position: 0 0; }
/* Table */
.table-title { background-color: #f7f7f7; padding: 0.5em 1em; margin-top: 30px; }
.table { width: 100%; border-spacing: 0; border-collapse: collapse; }
.table th, .table td { padding: 10px 8px 8px; }
.table th:first-child, .table td:first-child { padding-left: 1.25em; }
.table th { vertical-align: middle; border-bottom: 2px solid #e5e6e7; color: #474849; text-align: left; }
.table td, .table tbody th { border-bottom: 1px solid #e5e6e7; vertical-align: top; }
.table .table-gap { border-bottom: none; }
.table textarea { border: 1px solid #ddd; }
.table .tc { text-align: center; }
.table .tr { text-align: right; }
.table .vmid { vertical-align: middle; }
#container-body .table-bordered { width: 100%; border-spacing: 0; border-collapse: collapse; }
#container-body .table-bordered > tbody > tr > td { border: 1px solid #ddd; padding: 10px 10px; vertical-align: center; }
/* Toggle */
.toggle { padding-right: 23px; cursor: pointer; background: url(../images/arrows.png) no-repeat; }
.toggle { background-position: right -76px; }
.toggle:hover { background-position: right -126px; }
.toggle.collapsed { background-position: right 3px; }
.toggle.collapsed:hover { background-position: right -33px; }
/* Tabs*/
.tab-nav { margin: 30px 0; padding-left: 15px; border-bottom: 1px solid #ddd; height: 40px; }
.tab-nav li { float: left; list-style-type: none; }
.tab-nav li a { width: 180px; height: 38px; border-top: 2px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; text-align: center; line-height: 38px; text-decoration: none; font-weight: bold; color: #575859; display: inline-block; *display: inline;
*zoom: 1;
font-size: 14px; }
.tab-nav li a:hover { background-color: #f7f7f7; text-decoration: none; }
.tab-nav li#selected a { height: 40px; line-height: 38px; border-top: 2px solid #f15a23; border-left: 1px solid #e5e6e7; border-right: 1px solid #e5e6e7; border-bottom: 1px solid #fff; color: #474849; background-color: #fff; }
.grey-container { background-color: #F7F7F7; padding: 20px; position: relative; }
/* ICONS & BUTTONS
   ================================================== */

/* browser os color*/
.browser-os { margin-top: 8px; width: 21px; height: 21px; background-repeat: no-repeat; display: inline-block; background-image: url(../images/twain/icn-browser.png); *display: inline;
*zoom: 1;
vertical-align: text-bottom; }
.browser-chrome { background-position: 0 top; }
.browser-opera { background-position: -21px top; }
.browser-firefox { background-position: -42px top; }
.browser-safari { background-position: -63px top; }
.browser-ie { background-position: -84px top; }
.browser-edge { background-position: -106px top; }
.os-win { background-position: -127px top; }
.os-mac { background-position: -148px top; }
.os-linux { display: inline-block; margin: 0; width: 30px; height: 30px; vertical-align: middle; background: url(../images/icon-platform-30x30.png) no-repeat center -30px; }
/* imaging device */
.device { width: 40px; height: 40px; background-repeat: no-repeat; display: inline-block; background-image: url(../images/icn-device-40x40.png); *display: inline;
*zoom: 1;
}
.device-webcam { background-position: 0 top; }
.device-scanner { background-position: -40px top; }
/* imaging barcode*/
.barcode { width: 40px; height: 40px; background-repeat: no-repeat; display: inline-block; background-image: url(../images/icn-barcode.png); *display: inline;
*zoom: 1;
}
.barcode-linear { background-position: 0 top; margin-top: 13px !important; }
.barcode-2D { background-position: -40px top; }
/* twain features */
.twain-features { background: url(../images/twain/icn-twain-features-30x30.png) no-repeat; width: 30px; height: 30px; display: inline-block; *display: inline;
*zoom: 1;
}
.twain-features-scanner { background-position: 0 0; }
.twain-features-webcam { background-position: -30px 0; }
.twain-features-rotate_l { background-position: -60px 0; }
.twain-features-crop { background-position: -90px 0; }
.twain-features-scale { background-position: -120px 0; }
.twain-features-edit { background-position: -150px 0; }
.twain-features-server { background-position: -180px 0; }
.twain-features-download { background-position: -210px 0; }
/*downloads*/

.editon-wrap::after { display: block; content: 'clear'; clear: both; line-height: 0; visibility: hidden; }
.editon-wrap .section { float: left; width: 38%; margin: 0 0 30px 5%; }
.item { position: relative; border: 1px solid #ddd; padding: 45px 15px; }
.editon-wrap .icon { position: relative; top: 25px; margin: auto; width: 54px; height: 54px; background: url(../images/icn-roundness-54x54.png) no-repeat center top; z-index: 9; }
.mac .icon { background-position: center -60px; }
.linux .icon { background-position: center -240px; }
.ios .icon { background-position: center -480px; }
.android .icon { background-position: center -1020px; }
.mobile .icon { background-position: center -960px; }
.clientSide .icon { background-position: center -120px; }
.serverSide .icon { background-position: center -420px; }
.js .icon { background-position:center -1200px; }
.java .icon { background: none; width: 54px; height: 54px; line-height: 54px; text-align: center; border-radius: 50%; background: #ff9913; }
/*hover box*/
.tooltip-gray-sml { display: inline-block; width: 18px; height: 18px; line-height: 18px; vertical-align: middle; background: url(../images/icn-questionmark-13x14-grey.png) left top no-repeat; }
#detailCode { position: absolute; z-index: 999; max-width: 290px; background-color: #666; border-radius: 5px; font-size: 12px; color: #fff; padding: 5px 10px; }
/* Font Awesome*/
.fa { font-size: 1.143em; text-shadow: none; }
/* Button */
a.fntOrange { color: #f15a23; text-decoration: underline; }
a.btn { display: inline-block; *display: inline;
*zoom: 1;
height: 26px; font-weight: normal; font-size: 14px; line-height: 26px; min-width: 100px; text-decoration: none; color: #fff; background-color: #F15A23; cursor: pointer; text-align: center; }
a.btn:hover { background-color: #ee4814; text-decoration: none; }
a.btn-big { height: 34px; line-height: 32px; font-size: 15px; width: 130px; }
a.btn-block { background-color: #fff; color: #f15a23; border: 1px solid #e5e6e7; }
a.btn-block:hover { color: #fff; border-color: #f15a23; background-color: #f15a23; }
/* Livechat Button */
div.livechat a { position: fixed; right: 0; top: 50%; margin-top: -50px; background: url(../images/icn-livechat-242x103.png) 0 0 no-repeat; width: 121px; height: 103px; z-index: 999; }
div.livechat a:hover { background-position: -121px 0; }
/* ATOM
   ================================================== */
.fontsb { font-weight: bold; }
.split_line { border-top: 1px solid #e5e6e7; }
.clear { clear: both; margin: 0; padding: 0; }
a.link, .fntOrange { color: #f15a23; text-shadow: none; }
.bolder { border-bottom: 2px solid #f15a23; color: #575859; }
a.link:link { text-decoration: none; }
a.link:hover { text-decoration: underline; }
a.basic-link { text-shadow: 0 0 1px rgba(0,0,0,0.2); color: #676869; text-decoration: underline; }
.block { display: block; }
.two-char { padding-left: 2em; }
.hidden { visibility: hidden; opacity: 0; }
.tc { text-align: center; }
.tr { text-align: right; }
.center { margin-left: auto; margin-right: auto; }
.vtop { vertical-align: top; }
.vmid { vertical-align: middle; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.cl:after, .clearfix:after { content:''; display:block; clear:both; }
.w150 { width: 150px; }
.w210 { width: 210px; }
.w250 { width: 250px; }
.w340 { width: 340px; }
.w530 { width: 530px; }
.mt0 { margin-top: 0; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt50 { margin-top: 50px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr40 { margin-right: 40px; }
.mr70 { margin-right: 70px; }
.mb0 { margin-bottom: 0; }
#container-body #mb0 { margin-bottom: 0; }
#container #mb0 { margin-bottom: 0; }
.mauto { margin: 0 auto; display: block; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml70 { margin-left: 70px; }
.pl0 { padding-left: 0; }
.pl15 { padding-left: 15px; }
.pl30 { padding-left: 30px; }
.pr15 { padding-right: 15px; }
.pr30 { padding-right: 30px; }
.pb10 { padding-bottom: 10px; }
.pwb { word-wrap: break-word; word-break: normal; }
.fOrange { color: #f15a23; }
.fGreen { color: #00ae5e; }
.fRed { color: #ec3c68; }
.fBlue { color: #0086c3; }
.fGold { color: #f2d861; }
.fGray { color: #959393; }
.fn { font-weight: normal; }
.fwb { font-weight: bold; }
.fs { font-size: 12px; line-height: 18px; color: #959393; } /* lesser text */
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f15 { font-size: 15px; }
.f21 { font-size: 21px; }
.transition-all { transition: all .3s linear; -webkit-transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; }
.hide { display: none; }
/*===================== button ======================*/
.d-btn { display: inline-block; padding: 0 30px; 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; text-decoration: none !important; }
.d-btn:active { background: #f99d31; color: #fff; border: solid 2px #f99d31; }
.d-btn.lgBtn { height: 46px; line-height: 42px; }
.d-btn.mdBtn { height: 42px; line-height: 38px; }
.d-btn.smBtn { height: 38px; line-height: 34px; }
.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; }
/*===================== code ======================*/
pre { padding: 15px; border: 1px solid #eee; background: #f7f7f7; font-size: 14px; line-height: 26px; color: #444; white-space: pre-wrap; }
/*============================ products/dwt-overview.aspx ============================*/
#dwtOverview .trueEdition td { padding: 15px 8px; border: 1px solid #ddd; vertical-align: middle; }
#dwtOverview .trueEdition td:first-child { width: 18%; }
#dwtOverview .trueEdition td:nth-child(2) { width: 20%; }
#dwtOverview .trueEdition td:nth-child(3) { width: 36%; }
#dwtOverview .trueEdition td:nth-child(4) { width: 26%; }
#dwtOverview .trueEdition td dl { display: inline-block; float: left; margin: 0 5px; }
#dwtOverview .trueEdition td dt { margin: 0; }
#dwtOverview .trueEdition td dd { margin: 0; }
#dwtOverview .trueEdition .icon { width: 45px; height: 45px; margin: 0 auto; background: url(../images/twain/logo-browsers-45X45.png) no-repeat center top; }
#dwtOverview .trueEdition .edge { background-position: center -315px; }
#dwtOverview .trueEdition .ms { background-position: center -225px; }
#dwtOverview .trueEdition .ff { background-position: center -45px; }
#dwtOverview .trueEdition .chrome { background-position: center -90px; }
#dwtOverview .trueEdition .mac { background-position: center -270px; }
#dwtOverview .trueEdition .opera { background-position: center -135px; }
#dwtOverview .trueEdition .safari { background-position: center -180px; }
#dwtOverview .trueEdition .linux { background-position: center -360px; }
/*============================ document-camera-dev.aspx ==============================*/
.docCameraDev #container-body h2 { padding-bottom: 12px; margin: 35px 0 23px 0; border-bottom: 1px solid #efefef; }
/*=========================== document-camera-intro.aspx =============================*/.docCameraIntro #container-body h2 { padding-bottom: 12px; margin: 33px 0 23px 0; border-bottom: 1px solid #efefef; }
#comm100-chat-window iframe { border-radius: 6px !important; box-shadow: 0px 3px 6px #00000029; }
#comm100-chat-window { border: none !important; border-radius: 6px !important; box-shadow: 0px 3px 6px #00000029; }

#msgDialog { display: none; position: fixed; z-index: 1; top: 210px; left: 50%; margin-left: -220px; padding: 35px 55px 35px 45px; width: 440px; height: auto; background: #fff; border: 1px solid #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 a.closeDialog { position: absolute; top: 8px; right: 20px; cursor: pointer; }
#msgDialog .content-lt { float: left; margin-right: 45px; }
#msgDialog .content-rt { float: left; width: 198px; }
#msgDialog p { margin-bottom: 3px; }
#msgDialog p.title { color: #444; font-size: 18px; line-height: 27px; }
#msgDialog input[type=button] { margin-top: 15px; padding: 0 30px; width: auto; height: 28px; border-radius: 0; background: #F15A23; color: #fff; outline: none; border: none; }