@font-face{
    font-family:myriad-pro;
    src:local("Myriad Pro Cond"),url(../font-face/MyriadPro-Cond.woff2) format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:optional;
}
@font-face{
    font-family:Oswald-Regular;
    src:local("Oswald Regular"),url(../font-face/Oswald-Regular.woff2) format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:optional;
}
@font-face{
    font-family:Oswald-Bold;
    src:local("Oswald Bold"),url(../font-face/Oswald-Bold.woff2) format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:optional;
}
@font-face{
    font-family:Oswald-ExtraLight;
    src:local("Oswald ExtraLight"),url(../font-face/Oswald-ExtraLight.woff2) format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:optional;
}
@font-face{
    font-family:Oswald-Light;
    src:local("Oswald Light"),url(../font-face/Oswald-Light.woff2) format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:optional;
}
@font-face{
    font-family:Oswald-SemiBold;
    src:local("Oswald SemiBold"),url(../font-face/Oswald-SemiBold.woff2) format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:optional;
}
@font-face{
    font-family:Oswald-Medium;
    src:local("Oswald Medium"),url(../font-face/Oswald-Medium.woff2) format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:optional;
}
@font-face{
    font-family:OpenSans-Light;
    src:local("Open Sans Light"),url(../font-face/OpenSans-Light.woff2) format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:optional;
}
@font-face{
    font-family:OpenSans-Regular;
    src:local("Open Sans Regular"),url(../font-face/OpenSans-Regular.woff2) format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:optional;
}
@font-face{
    font-family:OpenSans-Semibold;
    src:local("Open Sans Semibold"),url(../font-face/OpenSans-Semibold.woff2) format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:optional;
}
html{
    font-size:10px;
    color:#323234
}
body,html{
    font-family:OpenSans-Regular
}
body{
    overflow-x:hidden
}
#Web b,.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5,strong{
    color:#323234;
    font-weight:700;
    font-family:Oswald-Regular
}
h2,h3{
    color:#323234
}
.d-btn{
    display:inline-block;
    font-family:Oswald-Regular;
    height:7rem;
    padding:0 3.2rem;
    line-height:7rem;
    color:#fe8e14;
    background:#fff;
    font-size:2.4rem;
    border:0;
    outline:0
}
.d-btn.orange-btn{
    background:#fe8e14;
    color:#fff
}
.d-btn.border-btn{
    background:0 0;
    color:#fe8e14;
    border:3px solid #fe8e14;
    line-height:6.4rem
}
.d-btn.white-btn{
    background:#fff;
    color:#fe8e14
}
.d-btn.active.focus,.d-btn.active:focus,.d-btn.focus,.d-btn:active.focus,.d-btn:active:focus,.d-btn:focus{
    outline:0
}
a,a:active,a:focus,a:visited{
    color:#606060;
    text-decoration:none!important
}
a.orangeLink{
    color:#fe8e14!important
}
a.orangeLink:active,a.orangeLink:hover{
    color:#fea543!important
}
a.greenLink,a.greenLink:active,a.greenLink:hover{
    color:#6ac4bb!important
}
a.blumineLink{
    color:#306877!important
}
a.blumineLink:active,a.blumineLink:hover{
    color:#3c7f92!important
}
a.graylink{
    border-bottom:1px solid
}
a.graylink:hover{
    color:#fe8e14
}
a.blacklink{
    color:#444;
    border-bottom:1px solid
}
a.blacklink:hover{
    color:#fe8e14
}
a.bluelink{
    color:#50a8e1
}
a.bluelink:active,a.bluelink:hover{
    color:#61c2ec
}
a.whiteLink{
    color:#fff
}
a.whiteLink:hover{
    color:#f2f2f2
}
a.whiteLink:active,a.whiteLink:visited{
    color:#fff
}
a.fc9Link{
    color:#999
}
a.fc9Link:active,a.fc9Link:hover{
    color:#fff
}
a.noUnderLine{
    text-decoration:none!important
}
.orangeBgBtn{
    display:inline-block;
    padding:0 25px!important;
    height:30px!important;
    line-height:30px!important;
    font-size:16px!important;
    text-align:center;
    cursor:pointer;
    color:#fff!important;
    background:#fe8e14!important;
    font-family:Oswald-Regular;
    vertical-align:top
}
.orangeBgBtn:active,.orangeBgBtn:hover,.orangeBgBtn:visited{
    background:#fe8e14;
    color:#fff
}
.orangeBorderBtn{
    display:inline-block;
    padding:0 25px!important;
    height:30px!important;
    line-height:26px!important;
    font-size:16px!important;
    text-align:center;
    cursor:pointer;
    color:#fe8e14!important;
    background:0 0!important;
    border:2px solid #fe8e14;
    font-family:Oswald-Regular;
    vertical-align:top
}
.orangeBgBtn:active,.orangeBgBtn:hover,.orangeBgBtn:visited{
    border-color:#fea543;
    color:#fea543
}
.overflowHidden{
    overflow:hidden
}
.fontRegular{
    font-family:OpenSans-Regular;
    font-weight:400
}
.fontBold{
    font-family:OpenSans-Semibold;
    font-weight:400
}
.fontLight{
    font-family:OpenSans-Light;
    font-weight:400
}
.fontOswald{
    font-family:Oswald-Regular;
    font-weight:400
}
.fontOswaldBold{
    font-family:Oswald-Bold;
    font-weight:400
}
.fontOswaldExtraLight{
    font-family:Oswald-ExtraLight;
    font-weight:400
}
.fontOswaldLight{
    font-family:Oswald-Light;
    font-weight:400
}
.fontOswaldMedium{
    font-family:Oswald-Medium;
    font-weight:400
}
.fontOswaldSemiBold{
    font-family:Oswald-SemiBold;
    font-weight:400
}
.fontMyriad{
    font-family:myriad-pro;
    font-weight:400
}
.fc32{
    color:#323234
}
.fc4{
    color:#444
}
.fc9{
    color:#999
}
.fc60{
    color:#606060
}
.fca{
    color:#aaa
}
.fontWhite{
    color:#fff!important
}
.f12{
    font-size:12px
}
.f14{
    font-size:14px
}
.f16{
    font-size:16px
}
.f18{
    font-size:18px
}
.f20{
    font-size:20px
}
.f24{
    font-size:24px
}
.f30{
    font-size:30px
}
.f36{
    font-size:36px
}
.tc{
    text-align:center
}
.tr{
    text-align:right
}
.tl{
    text-align:left
}
.clearfix:after{
    display:block;
    clear:both;
    content:""
}
.fl{
    float:left
}
.fr{
    float:right
}
.vm{
    vertical-align:middle
}
.vt{
    vertical-align:top
}
.vb{
    vertical-align:bottom
}
.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
}
.mt90{
    margin-top:90px
}
.mt100{
    margin-top:100px
}
.mt110{
    margin-top:110px
}
.mt120{
    margin-top:120px
}
.mt150{
    margin-top:150px
}
.mr0{
    margin-right:0!important
}
.mr10{
    margin-right:10px
}
.mr15{
    margin-right:15px
}
.mr20{
    margin-right:20px
}
.mr50{
    margin-right:50px
}
.mb0{
    margin-bottom:0
}
.mb10{
    margin-bottom:10px
}
.mb20{
    margin-bottom:20px
}
.mb30{
    margin-bottom:30px
}
.ml10{
    margin-left:10px
}
.ml15{
    margin-left:15px
}
.ml20{
    margin-left:20px
}
.ml30{
    margin-left:30px
}
.mln5{
    margin-left:-5px
}
.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
}
.pr25{
    padding-right:25px
}
.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
}
.pl20{
    padding-left:20px
}
.pl30{
    padding-left:30px
}
.pl40{
    padding-left:40px
}
.pl50{
    padding-left:50px
}
.pl100{
    padding-left:100px
}
.plr30{
    padding-left:30px!important;
    padding-right:30px!important
}
@media (min-width:1700px){
    .xxl-plr120{
        padding-left:120px!important;
        padding-right:120px!important
    }
    .xxl-pr90{
        padding-right:90px
    }
}
.bgGray{
    background:#f5f5f5
}
.bgOrange{
    background:#fe8e14
}
a.bgOrange:hover{
    background:#fea543
}
a.bgOrange,a.bgOrange:active,a.bgOrange:focus{
    color:#fff
}
.textUpperCase{
    text-transform:uppercase
}
.textCapitalize{
    text-transform:capitalize
}
.container{
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
.hide-lg,.hide-md,.hide-sm,.hide-xl{
    display:inline-block
}
.show-block-lg,.show-block-md,.show-block-sm,.show-block-xl,.show-lg,.show-md,.show-sm,.show-xl{
    display:none
}
.hide-block-lg,.hide-block-md,.hide-block-sm,.hide-block-xl{
    display:block
}
@media (max-width:767px){
    .show-sm{
        display:inline-block
    }
    .show-block-sm{
        display:block
    }
    .hide-block-sm,.hide-sm{
        display:none
    }
    h1{
        font-size:34px
    }
    h1,h2{
        line-height:40px
    }
    h2{
        font-size:28px
    }
    h3{
        font-size:20px;
        line-height:30px
    }
    p{
        font-size:14px;
        line-height:26px
    }
}
@media (min-width:768px) and (max-width:991px){
    .show-md{
        display:inline-block!important
    }
    .show-block-md{
        display:block
    }
    .hide-block-md,.hide-md{
        display:none
    }
    h1{
        font-size:36px;
        line-height:42px
    }
    h2{
        font-size:32px;
        line-height:48px
    }
    h3{
        font-size:24px;
        line-height:32px
    }
    p{
        font-size:14px;
        line-height:25px
    }
}
@media (min-width:992px) and (max-width:1199px){
    .show-lg{
        display:inline-block
    }
    .show-block-lg{
        display:block
    }
    .hide-block-lg,.hide-lg{
        display:none
    }
    h1{
        font-size:44px;
        line-height:56px
    }
    h2{
        font-size:36px;
        line-height:54px
    }
    h3{
        font-size:27px;
        line-height:36px
    }
    p{
        font-size:16px;
        line-height:28px
    }
}
@media (min-width:1200px) and (max-width:1698px){
    .show-xl{
        display:inline-block
    }
    .show-block-xl{
        display:block
    }
    .hide-block-xl,.hide-xl{
        display:none
    }
    h1{
        font-size:44px;
        line-height:56px
    }
    h2{
        font-size:36px;
        line-height:54px
    }
    h3{
        font-size:27px;
        line-height:36px
    }
    p{
        font-size:16px;
        line-height:28px
    }
}
@media (min-width:1698.1px){
    .show-xl{
        display:inline-block
    }
    .show-block-xl{
        display:block
    }
    .hide-block-xl,.hide-xl{
        display:none
    }
    h1{
        font-size:55px;
        line-height:70px
    }
    h2{
        font-size:40px;
        line-height:60px
    }
    h3{
        font-size:30px;
        line-height:40px
    }
    p{
        font-size:18px;
        line-height:30px
    }
}
.orange-li{
    list-style:none;
    margin:0;
    padding:0
}
.productMenu{
    width:100%;
    height:95px;
    font-size:14px;
    background:#f5f5f5
}
.productMenu.fixedMenu{
    position:fixed;
    top:0;
    z-index:111
}
.mobileProductMenu{
    display:none!important
}
.productMenu .menuList{
    padding:0;
    list-style:none;
    display:inline-block;
    margin: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-Regular
}
.productMenu .menuList li:first-child{
    font-size:26px;
    margin-right:50px;
    padding:0
}
.productMenu .menuList li:last-child{
    margin-right:0
}
.productMenu .menuList li a{
    font-family:Oswald-Regular
}
.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;
    color:#fe8e14
}
.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:#fff;
    background:#fe8e14;
    font-family:Oswald-Regular;
    transition:all .2s ease-in-out;
    box-shadow:0 0 0 0 #fff
}
.productMenu .downloadBtn:hover{
    box-shadow:-8px 8px 0 0 #000;
    transform:translate(8px,-8px);
    background:#fe8e14
}
.productMenu .pcProductMenu .ct-more{
    top:95px;
    padding:8px 0;
    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;
    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:0;
    left:505px
}
.productMenu span.type{
    display:inline-block;
    color:#aaa
}
.productMenu .pcProductMenu .ct-more{
    left:-22%
}
.productMenu .menuList li a:active,.productMenu .pcProductMenu .menuList li a{
    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:hover{
    color:#fe8e14
}
.productMenu .pcProductMenu .ct-more .icon-orange-angle{
    position:absolute;
    width:26px;
    height:33px;
    left:35px;
    top:-15px
}
.productMenu .pcProductMenu .item.on{
    background:#ddd
}
#_hj_feedback_container{
    display:none!important
}
@media (max-width:1599.98px){
    .productMenu{
        height:72px
    }
    .productMenu .pcProductMenu .menuList li{
        line-height:72px;
        margin-right:30px;
        font-size:16px
    }
    .productMenu .menuList li.title a,.productMenu .pcProductMenu .menuList li.title,.productMenu .pcProductMenu .menuList li:first-child{
        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
    }
}
@media (max-width:1199.98px){
    .productMenu .pcProductMenu .menuList li{
        margin-right:5px
    }
    .productMenu .pcProductMenu .menuList li:first-child{
        margin-right:18px
    }
}
@media (max-width:991.98px){
    .productMenu .downloadBtn{
        display:none
    }
    .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;
        margin-top:12px;
        cursor:pointer
    }
    .mobileProductMenu .productLogo i.dbr-logo,.mobileProductMenu .productLogo i.dnt-logo,.mobileProductMenu .productLogo i.dwt-logo{
        height:36px
    }
    .mobileProductMenu .productLogo i.icon-orange-angle{
        vertical-align:top;
        margin-top:16px;
        margin-left:15px
    }
    #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:#fff;
        padding:30px;
        z-index:11
    }
    .mobileProductDetailMenu .menuList .item{
        display:block;
        line-height:30px
    }
    .mobileProductDetailMenu .menuList .item a,.mobileProductDetailMenu .menuList .item a:active,.mobileProductDetailMenu .menuList .item a:visited{
        color:#fff
    }
    .mobileProductDetailMenu .menuList .item a:hover{
        color:#fe8e14
    }
    .mobileProductDetailMenu .menuList .item .showMenuMore,.mobileProductDetailMenu .menuList .item a{
        font-size:18px;
        color:#fff;
        cursor:pointer;
        font-family:Oswald-Regular;
        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-Regular
    }
    .mobileProductDetailMenu .menuList>.item{
        margin-bottom:10px
    }
    .mobileProductDetailMenu .menuList .item .ct-more>.item{
        margin-top:6px;
        padding-left:20px
    }
}
@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
    }
    .mobileProductMenu .productLogo{
        margin-top:8px
    }
    .mobileProductMenu .productLogo i.dbr-logo,.mobileProductMenu .productLogo i.dnt-logo,.mobileProductMenu .productLogo i.dwt-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
    }
}
@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
    }
}
#loadingLogin.loading{
    position:absolute;
    background-color:hsla(0,0%,100%,.575);
    height:100%;
    width:100%;
    margin-top:0!important;
    text-align:center;
    display:block;
    top:0;
    left:0;
    z-index:100
}
.lds-ring{
    display:inline-block;
    position:relative;
    width:60px;
    height:60px;
    top:50%
}
.lds-ring div{
    box-sizing:border-box;
    display:block;
    position:absolute;
    width:36px;
    height:36px;
    margin:6px;
    border-radius:50%;
    animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
    border:6px solid transparent;
    border-top-color:#666
}
.lds-ring div:first-child{
    animation-delay:-.45s
}
.lds-ring div:nth-child(2){
    animation-delay:-.3s
}
.lds-ring div:nth-child(3){
    animation-delay:-.15s
}
@keyframes lds-ring{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(1turn)
    }
}
.icon-orange-angle{
    display:inline-block;
    width:10px;
    height:13px;
    background:url(../images/Artwork.png) no-repeat 50%;
    background-size:contain
}
.card-hover{
    box-shadow:0 0 0 .01px #323234
}
.card-hover:hover{
    transform:translate(10px,-10px);
    box-shadow:-10px 10px 0 0 #323234
}
.card-trans{
    transition:all .2s ease-in-out
}
@media (max-width:1699.98px){
    .card-hover:hover{
        transform:translate(10px,-10px);
        box-shadow:-10px 10px 0 0 #323234
    }
    .card-trans{
        transition:all .2s ease-in-out
    }
}
@media (max-width:1199.98px){
    .card-hover:hover{
        transform:translate(8px,-8px);
        box-shadow:-8px 8px 0 0 #323234
    }
    .card-trans{
        transition:all .2s ease-in-out
    }
}
@media (max-width:991px){
    .card-hover:hover{
        transform:none;
        box-shadow:none
    }
    .card-trans{
        transition:none
    }
}
body{
    margin:0
}
strong{
    font-family:OpenSans-Regular;
    font-weight:700
}
code{
    font-size:14px;
    font-family:Monaco,Consolas,Courier New,Courier,monospace!important
}
code.highlighter-rouge{
    padding:3px 5px;
    color:#306877;
    background-color:#d5e6ea;
    border-radius:0
}
.content-port{
    max-width:1660px
}
.cursor-pointer{
    cursor:pointer
}
.pos-absolute{
    position:absolute
}
.pos-relative{
    position:relative
}
.flex-container{
    display:flex
}
.flex-wrap{
    flex-wrap:wrap
}
.flex-h-between{
    justify-content:space-between
}
.flex-h-center{
    justify-content:center
}
.flex-h-around{
    justify-content:space-around
}
.flex-v-center{
    align-items:center
}
.flex-v-start{
    align-items:flex-start
}
.flex-direction-column{
    flex-direction:column
}
.blog-maxWidth-576{
    max-width:576px
}
.fcOrange{
    color:#fe8e14
}
.fcBlumine{
    color:#306877
}
.lineHeight-28{
    line-height:28px
}
.lineHeight-32{
    line-height:32px
}
.lineHeight-34{
    line-height:34px
}
.d-blog-btn{
    border:1px solid #ddd;
    font-size:1.6rem
}
.d-blog-btn.block-orange{
    background-color:#fe8e14
}
.d-blog-btn.block-green{
    background-color:#6ac4bb
}
.d-blog-btn.block-green,.d-blog-btn.block-orange{
    width:100%;
    height:100%;
    text-align:center;
    box-sizing:border-box;
    border:0 solid transparent;
    font-family:Oswald-Regular;
    color:#fff;
    display:block
}
.d-blog-btn.orange-btn{
    color:#fff;
    background-color:#fe8e14;
    border:1px solid transparent
}
.d-blog-btn.active.focus,.d-blog-btn.active:focus,.d-blog-btn.focus,.d-blog-btn:active.focus,.d-blog-btn:active:focus,.d-blog-btn:focus{
    outline:0
}
.d-blog-btn:hover{
    background-color:#323234
}
.fullWidth{
    width:100%
}
.d-blog-border-1px{
    border:1px solid #ddd
}
i.triangle-down-12px{
    display:inline-block;
    width:0;
    height:0;
    vertical-align:middle;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:12px solid #fe8e14
}
img{
    max-width:100%
}
.ds-blog-logo{
    width:137px
}
ul.horizontal-ul{
    display:flex;
    margin:0
}
ul.horizontal-ul>li{
    margin-right:1rem
}
ul.li-m16>li{
    margin-right:16px
}
ul.li-m24>li{
    margin-right:24px
}
ul.noneStyle>li{
    list-style-type:none
}
ul.noneIndent{
    padding-left:0
}
ul.left-border>li{
    border-left:1px solid #323234
}
ul.right-border>li{
    border-right:1px solid #323234
}
ul.tag-list{
    display:flex;
    margin:0;
    flex-wrap:wrap
}
ul.tag-list>li{
    padding:0 5px
}
ul.tag-list>li:first-child{
    padding-left:0
}
.vertical-splitter{
    background-color:#323234;
    width:1px;
    height:inherit;
    margin:0;
    padding:0;
    box-sizing:border-box
}
.noUnderLine{
    border-bottom:0 solid transparent!important
}
#left-container{
    box-sizing:border-box;
    margin-right:1rem
}
#left-container,#right-container{
    margin-top:2rem;
    margin-bottom:4rem
}
#right-container:after{
    content:"";
    width:100%;
    height:0;
    visibility:hidden
}
#index-banner{
    width:100%;
    height:285px;
    box-sizing:border-box;
    margin-bottom:24px
}
#banner-left{
    padding-left:40px;
    width:100%;
    height:265px;
    background-color:#323234
}
#banner-right{
    width:550px;
    height:205px;
    margin-top:-185px;
    margin-right:40px;
    float:right;
    background-repeat:none;
    background-position:100%;
    overflow:hidden;
    text-align:right
}
div.developer-banner{
    background-image:url(../images/banner-developer.png);
    background-repeat:no-repeat;
    background-position:50%;
    height:100%
}
#banner-left #triangle{
    transform:translate(50%,-50%);
    z-index:114
}
#triangle{
    width:0;
    height:0;
    border-top:80px solid #fe8e14;
    border-left:38px solid transparent;
    border-right:38px solid transparent
}
@media (max-width:991.9px){
    .content-port{
        margin-left:30px;
        margin-right:30px;
        margin-left:25px;
        margin-right:25px
    }
}
@media (min-width:992px) and (max-width:1199px){
    .content-port{
        margin-left:30px;
        margin-right:30px
    }
    .post-cover{
        width:280px;
        height:200px
    }
    .post-summary{
        flex:1;
        margin-left:24px
    }
    #banner-left-text{
        margin-left:40px;
        width:fit-content;
        max-width:400px
    }
    #banner-right{
        width:450px;
        height:205px
    }
    #right-container{
        margin-left:1rem;
        width:300px;
        min-width:300px
    }
}
@media (min-width:1200px) and (max-width:1698px){
    #right-container{
        margin-left:1rem;
        width:300px;
        min-width:300px
    }
    .content-port{
        margin-right:40px
    }
    #banner-left-text,.content-port{
        margin-left:40px
    }
    #banner-left{
        width:83%
    }
}
@media (min-width:1200px) and (max-width:1450px){
    .post-cover{
        width:280px;
        height:200px
    }
}
@media (min-width:1698.1px){
    #right-container{
        margin-left:1rem;
        width:350px;
        min-width:350px
    }
    .content-port{
        margin-left:auto;
        margin-right:auto
    }
    #banner-left{
        width:83%
    }
    #banner-left-text{
        margin-left:10%
    }
    #banner-right{
        margin-right:9%
    }
}
@media (min-width:1998.1px){
    #banner-left-text{
        margin-left:20%
    }
}
@media (min-width:1451px){
    .post-cover{
        width:400px;
        height:200px
    }
}
@media (min-width:1200px){
    .post-summary{
        margin:0 32px;
        flex:1
    }
    #banner-left-text{
        width:45%;
        max-width:640px
    }
    #left-container{
        max-width:calc(100% - 380px)
    }
}
@media (max-width:1199px){
    #left-container{
        width:100%
    }
}
@media (min-width:576px) and (max-width:991px){
    #banner-left-text{
        margin-left:40px;
        width:380px
    }
}
@media (min-width:576px){
    #banner-left-text h1{
        font-size:30px
    }
    #banner-left-text p{
        font-size:18px
    }
}
@media (max-width:575px){
    #banner-left-text{
        width:320px;
        margin-left:0
    }
    #banner-left-text h1{
        font-size:24px
    }
    #banner-left-text p{
        font-size:16px
    }
}
#banner-left-text{
    box-sizing:border-box;
    word-wrap:break-word
}
#post-list-container{
    box-sizing:border-box;
    width:100%
}
ul.post-list{
    margin-block-start:0
}
.post-card-item{
    width:100%;
    margin-bottom:2rem
}
.post-card{
    width:100%;
    min-height:250px;
    border:1px solid #ddd;
    box-sizing:border-box;
    padding:32px;
    background-color:#fff
}
.post-card-body{
    display:flex;
    justify-content:space-between;
    height:100%
}
.post-card>p{
    font-size:16px
}
.post-card-body .post-cover{
    overflow:hidden
}
.blug-bg,.cover-img{
    background-image:url(../images/developer.png)
}
.post-cover .blur-bg{
    visibility:hidden;
    background-position:50%;
    background-size:cover;
    filter:blur(8px);
    top:0
}
.post-cover .blur-bg,.post-cover .cover-img{
    width:100%;
    height:100%;
    position:relative;
    left:0
}
.post-cover .cover-img{
    background-position:top;
    background-size:contain;
    background-repeat:no-repeat;
    top:-100%;
    z-index:10
}
.post-excerpt p,.post-title h2{
    word-break:break-word
}
.pagenum-btn{
    padding:8px;
    border:2px solid transparent
}
.pagenum-btn.activated{
    border:2px solid #323234
}
.pagelink{
    color:#444
}
.pagelink:hover{
    color:#000
}
.titleLink{
    color:#444
}
.titleLink:hover{
    color:#306877
}
#float-panel{
    background-color:#fff;
    width:inherit;
    padding:2rem
}
#float-panel,.search{
    box-sizing:border-box
}
.search{
    border:1px solid #707070;
    width:calc(100% - 40px);
    padding-left:1rem;
    font-size:14px
}
.search-box{
    display:flex;
    box-sizing:border-box;
    height:36px
}
.search-box>.search-icon-btn{
    width:36px
}
.search-box>*{
    display:inline-block;
    height:100%;
    margin:0
}
.search-wrap{
    background-color:#fff;
    min-height:65vh;
    margin-top:24px;
    margin-bottom:24px;
    padding:20px 24px
}
.gsc-control-cse-en{
    font-family:OpenSans-Regular,Helvetica,Arial,sans-serif!important
}
.gsc-adBlock{
    display:none!important
}
ul.link-list>li{
    display:block;
    padding:1.6rem 0;
    border-top:1px solid #ddd
}
ul.link-list>li:last-child{
    border-bottom:1px solid #ddd
}
article{
    background-color:#fff;
    padding:4rem;
    font-size:16px;
    font-family:OpenSans-Regular;
    box-sizing:border-box;
    width:100%;
    word-wrap:break-word
}
article h1~h2~h3~h4~h5~h6~p~span{
    max-width:100%
}
article h1~h2~h3~h4~h5~h6{
    margin-top:1.6rem;
    margin-bottom:1.6rem
}
article h1{
    font-size:32px
}
article h1,article h2{
    font-family:OpenSans-Regular
}
article h2{
    font-size:28px
}
article h3{
    font-size:24px
}
article h3,article h4{
    font-family:OpenSans-Regular
}
article h4{
    font-size:20px
}
article h5{
    font-family:OpenSans-Regular;
    font-size:18px
}
article h6,article p,article span{
    font-family:OpenSans-Regular;
    font-size:16px
}
article pre{
    background-color:#eaeaea;
    overflow:auto;
    padding:10px 12px;
    max-height:400px
}
article code *{
    font-size:14px;
    font-family:Monaco,Consolas,Courier New,Courier,monospace!important
}
article table{
    width:100%;
    overflow-x:auto;
    margin-bottom:16px
}
td,th{
    padding:8px
}
thead{
    font-weight:700
}
article table tr:nth-child(2n),thead{
    background-color:#f0f0f0
}
article a,article a strong{
    color:#fe8e14!important
}
article a:active,article a:active strong,article a:hover,article a:hover strong{
    color:#3c7f92!important
}
#blog-return-btn>span,i{
    vertical-align:middle
}
figure.highlight{
    margin:0
}
.highlight .hll{
    background-color:#ffc
}
.highlight .c{
    color:#09f;
    font-style:italic
}
.highlight .k{
    color:#069;
    font-weight:700
}
.highlight .o{
    color:#555
}
.highlight .cm{
    color:#09f;
    font-style:italic
}
.highlight .cp{
    color:#099
}
.highlight .c1,.highlight .cs{
    color:#09f;
    font-style:italic
}
.highlight .cs{
    font-weight:700
}
.highlight .gd{
    background-color:#fcc;
    border:1px solid #c00
}
.highlight .ge{
    font-style:italic
}
.highlight .gr{
    color:red
}
.highlight .gh{
    color:#030;
    font-weight:700
}
.highlight .gi{
    background-color:#cfc;
    border:1px solid #0c0
}
.highlight .go{
    color:#aaa
}
.highlight .gp{
    color:#009
}
.highlight .gp,.highlight .gs,.highlight .gu{
    font-weight:700
}
.highlight .gu{
    color:#030
}
.highlight .gt{
    color:#9c6
}
.highlight .kc,.highlight .kd,.highlight .kn{
    color:#069;
    font-weight:700
}
.highlight .kp{
    color:#069
}
.highlight .kr{
    color:#069;
    font-weight:700
}
.highlight .kt{
    color:#078;
    font-weight:700
}
.highlight .m{
    color:#f60
}
.highlight .s{
    color:#c30
}
.highlight .na{
    color:#309
}
.highlight .nb{
    color:#366
}
.highlight .nc{
    color:#0a8;
    font-weight:700
}
.highlight .no{
    color:#360
}
.highlight .nd{
    color:#99f
}
.highlight .ni{
    color:#999;
    font-weight:700
}
.highlight .ne{
    color:#c00;
    font-weight:700
}
.highlight .nf{
    color:#c0f
}
.highlight .nl{
    color:#99f
}
.highlight .nn{
    color:#0cf;
    font-weight:700
}
.highlight .nt{
    color:#309;
    font-weight:700
}
.highlight .nv{
    color:#033
}
.highlight .ow{
    color:#000;
    font-weight:700
}
.highlight .w{
    color:#bbb
}
.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{
    color:#f60
}
.highlight .sb,.highlight .sc{
    color:#c30
}
.highlight .sd{
    color:#c30;
    font-style:italic
}
.highlight .s2{
    color:#c30
}
.highlight .se{
    color:#c30;
    font-weight:700
}
.highlight .sh{
    color:#c30
}
.highlight .si{
    color:#a00
}
.highlight .sx{
    color:#c30
}
.highlight .sr{
    color:#3aa
}
.highlight .s1{
    color:#c30
}
.highlight .ss{
    color:#fc3
}
.highlight .bp{
    color:#366
}
.highlight .vc,.highlight .vg,.highlight .vi{
    color:#033
}
.highlight .il{
    color:#f60
}
#dynamsoft-header{
    position:relative;
    height:auto;
    width:100%;
    z-index:1111;
    background-color:#fff
}
ul,ul li{
    list-style:none;
    margin:0;
    padding:0
}
.overviewHidden{
    overflow:hidden!important
}
.logo-group{
    display:flex;
    align-items:center;
    height:35px;
    width:200px
}
#menuMask{
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100vh;
    z-index:1100;
    background:rgba(50,50,52,.5)
}
#overall-header{
    position:relative;
    width:100%;
    height:60px;
    z-index:1111
}
#overall-header.fixed{
    position:fixed
}
#overall-header .ds-logo{
    display:block;
    background:url(../images/logo-dynamsoft-black.svg) no-repeat 0;
    height:100%
}
#overall-header input{
    border:1px solid #ddd;
    outline:0;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px
}
#overall-header a,#overall-header a:visited{
    color:#323234;
    text-decoration:none
}
#subMenu .subMenuContent .ct-bt a{
    width:100%;
    height:52px;
    line-height:52px;
    border-top:1px solid #ddd;
    color:#999;
    position:absolute;
    left:0;
    bottom:0;
    text-align:center;
    font-size:18px
}
#subMenu .subMenuContent .ct-bt a span{
    margin-right:5px
}
#subMenu .subMenuContent .ct-bt a:hover span{
    margin-left:5px;
    margin-right:0
}
.icon-signin{
    display:inline-block;
    width:30px;
    height:30px;
    background:url(../images/icon_signin.png) no-repeat 50%;
    background-size:contain;
    margin-top:32px;
    margin-right:15px;
    vertical-align:top
}
#cp-header{
    -webkit-transition:background .3s ease;
    -moz-transition:background .3s ease;
    -o-transition:background .3s ease;
    transition:background .3s ease;
    text-decoration:none
}
#action-nav{
    height:65px;
    margin:0;
    padding:0;
    font-size:14px;
    font-family:OpenSans-Regular;
    color:#999
}
#action-nav li{
    float:right;
    vertical-align:middle;
    list-style:none;
    margin-top:0;
    margin-right:0;
    margin-bottom:0
}
#cp-header .action-signin{
    max-width:120px;
    margin-left:30px
}
#cp-header .action-search{
    vertical-align:middle;
    position:relative;
    cursor:pointer
}
#cp-header .action-search .searchIcon{
    display:inline-block;
    width:24px;
    height:24px;
    background:url(../images/search-1.png) no-repeat 50%;
    vertical-align:text-bottom
}
#cp-header .action-search .toggle-search .icon-search{
    display:inline-block;
    margin-right:7px;
    width:16px;
    height:16px;
    background:url(https://www.dynamsoft.com/assets/img-icon/icon-search-9-16x16.png) no-repeat 50%;
    vertical-align:text-bottom
}
#cp-header .action-search .toggle-search{
    display:none
}
#cp-header .action-search input[type=text]{
    padding:0 5px;
    margin-top:17px;
    width:240px;
    height:30px;
    color:#323234;
    background-image:url(https://www.dynamsoft.com/assets/img-icon/icon-search-a-16x16.png);
    background-repeat:no-repeat;
    background-position:9px;
    border:1px solid #707070;
    border-radius:0;
    outline:0
}
#cp-header .action-search input[type=text]:focus{
    background-image:none
}
.company-header #cp-header .action-search .toggle-search{
    display:block;
    line-height:65px
}
.company-header #cp-header .action-search input[type=text]{
    width:0;
    padding:0;
    border-width:0
}
#cp-header .header-visitor,header-signin{
    height:65px;
    text-align:right;
    display:none
}
#cp-header .header-visitor a{
    display:block;
    max-width:120px;
    height:65px;
    line-height:65px;
    vertical-align:middle;
    color:#999;
    text-decoration:none
}
#cp-header .header-visitor a img{
    margin-right:7px;
    vertical-align:sub
}
#cp-header .header-visitor a:link,.header-visitor a:hover,.header-visitor a:visited{
    color:#999;
    text-decoration:none
}
#cp-header .header-signin{
    -webkit-transition:background .3s ease;
    -moz-transition:background .3s ease;
    -o-transition:background .3s ease;
    transition:background .3s ease;
    height:65px;
    float:left;
    max-width:120px
}
#cp-header .userbox{
    float:right;
    cursor:pointer;
    max-width:120px;
    line-height:65px
}
#cp-header .usericon{
    background:url(https://www.dynamsoft.com/CustomerPortal/images/icn-loggedin-18x18.png) no-repeat;
    width:18px;
    height:18px;
    float:left;
    margin-top:25px;
    margin-right:8px
}
#cp-header .userbox label.username{
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    max-width:82px;
    float:left;
    margin-bottom:0;
    margin-right:5px;
    cursor:pointer
}
#cp-header .userbox .username:hover{
    color:#fe8e14
}
#cp-header .popup{
    border-radius:4px;
    background:#fff;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    color:#333
}
#cp-header .arrow-up{
    left:50%;
    margin-left:-11px;
    top:-11px;
    border-bottom:11px solid #ccc
}
#cp-header .arrow-up,#cp-header .arrow-up:after{
    position:absolute;
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent
}
#cp-header .arrow-up:after{
    border-width:10px;
    content:"";
    top:1px;
    margin-left:-10px;
    display:block;
    border-bottom:11px solid #f7f7f7
}
#cp-header #action-nav .userbox-more{
    display:none;
    width:140px;
    border:1px solid #ccc;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
    box-shadow:0 1px 2px rgba(0,0,0,.2);
    right:0;
    top:65px;
    z-index:9998;
    background:#f7f7f7
}
#cp-header #action-nav .userbox-more ul{
    margin:0;
    padding:2px 0;
    float:left
}
#cp-header #action-nav .userbox-more li{
    list-style:none;
    height:auto;
    font-size:14px;
    text-align:left;
    line-height:25px;
    float:left;
    width:100%;
    border-bottom:1px solid #f7f7f7
}
#cp-header #action-nav .userbox-more li a{
    line-height:25px;
    font-size:14px;
    text-align:left;
    height:25px;
    padding:5px 10px;
    color:#444;
    display:block;
    margin:0 1px;
    text-decoration:none;
    box-sizing:content-box
}
#cp-header #action-nav .userbox-more li:hover{
    background:#efefef;
    border-bottom:1px solid #fe8e14;
    color:#fe8e14
}
#cp-header #action-nav .userbox-more li a:hover{
    text-decoration:none;
    color:#fe8e14
}
#cp-header #action-nav .userbox-more li:nth-child(2){
    display:none
}
#cp-header .btn{
    border:1px solid;
    border-color:#ccc #ccc #b3b3b3;
    display:inline-block;
    padding:4px 12px;
    margin-bottom:0;
    font-size:14px;
    line-height:20px;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    color:#333;
    text-shadow:0 1px 1px hsla(0,0%,100%,.75);
    background-color:#f5f5f5;
    background-repeat:repeat-x;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.05);
    background-image:linear-gradient(180deg,#fff,#e6e6e6);
    text-decoration:none
}
#cp-header .btn:hover{
    text-decoration:none;
    background-image:linear-gradient(180deg,#fe8e14,#f60);
    color:#fff
}
#cp-header a.btnSignUp{
    background:#3a3a3a;
    color:#fff;
    text-decoration:none
}
#cp-header a.btnSignUp:hover{
    background-image:linear-gradient(180deg,#fe8e14,#f60);
    color:#fff
}
#cp-header a.btnSignIn{
    text-decoration:none
}
#cp-header a.btnSignIn:hover{
    background-image:linear-gradient(180deg,#fe8e14,#f60);
    color:#fff
}
#cp-header #buttons{
    float:right;
    margin-right:40px;
    margin-top:20px
}
#cp-header .fl{
    float:left
}
#cp-header .fr{
    float:right
}
#cp-header .pa{
    position:absolute
}
#cp-header .pr{
    position:relative
}
#dynamsoft-header i.dnt-white-logo,#dynamsoft-header i.dwt-white-logo{
    height:30px
}
#mdMenu li.on .icon-orange-angle{
    transform:rotate(180deg)
}
@media screen and (max-width:767px){
    #xsMenu{
        height:60px
    }
    #xsHeader{
        border-bottom:1px solid #eee;
        background-color:#fff
    }
    #xsHeader .logo-group{
        float:left;
        margin:14px 0 0;
        width:235px;
        height:30px
    }
    #xsHeader .ds-logo{
        width:125px;
        height:30px
    }
    #xsHeader .logo-group .logo-divider{
        display:block;
        margin:0 14px;
        font-weight:100;
        font-size:16px
    }
    #xsHeader .logo-group .sub-logo{
        display:block;
        font-family:Oswald-Medium,OpenSans-Semibold,Arial,Helvetica,sans-serif;
        font-size:18px
    }
    #xsMenu .xsMenuToggle{
        float:right;
        padding:0 0 0 10px;
        cursor:pointer
    }
    #xsMenu .xsMenuToggle .open{
        display:inline-block;
        margin-top:18px
    }
    #xsMenu .xsMenuToggle .open span{
        display:block;
        margin-top:4px;
        width:22px;
        height:2px;
        background:#aaa
    }
    #xsMenu .xsMenuToggle .close{
        display:none;
        font-size:4rem;
        color:#aaa;
        font-family:initial;
        opacity:1;
        margin-top:9px
    }
    #xsNav{
        display:none;
        height:calc(100vh - 60px);
        background-color:#000;
        color:#fff;
        padding-top:25px;
        position:fixed;
        width:100%;
        z-index:1111;
        overflow-y: auto;
    }
    #xsSearch{
        position:relative;
        margin:0 0 15px;
        height:46px;
        width:100%
    }
    #xsSearch input[type=text]{
        padding:0 35px 0 15px;
        width:100%;
        height:43px;
        border:none;
        border-radius:0;
        outline:0;
        vertical-align:top;
        font-size:16px
    }
    #xsSearch .xsSearchSubmit{
        display:inline-block;
        position:absolute;
        right:15px;
        top:0;
        width:30px;
        height:100%;
        background:url(https://www.dynamsoft.com/assets/img-icon/icon-search-a-16x16.png) no-repeat 100%;
        cursor:pointer
    }
    #xsNav .xsNavToggle{
        display:inline-block;
        padding:0 15px 3px;
        color:#999;
        cursor:pointer
    }
    #xsNav .xsNavToggle,#xsNav a{
        font-size:14px;
        line-height:24px
    }
    #xsNav .products{
        margin-bottom:5px
    }
    #xsNav li{
        padding:5px 0;
        line-height:26px
    }
    #xsNav li a.bluelink{
        color:#50a8e1
    }
    #pcMenu,#subMenu{
        display:none!important
    }
    #xsNav li.menuItem{
        padding:20px 0;
        border-bottom:1px solid #999
    }
    #xsNav li.menuItem .menuName,#xsNav li.menuItem .menuName a{
        color:#fff;
        font-size:20px;
        font-family:Oswald-Regular
    }
    #xsNav li.menuItem .menuDetail{
        display:none
    }
    #xsNav li.menuItem .menuDetail .productLogo{
        margin-top:20px
    }
    #xsNav li.menuItem .menuDetail .menu-left,#xsNav li.menuItem .menuDetail .menu-right{
        display:inline-block;
        font-family:Oswald-Regular
    }
    #xsNav li.menuItem .menuDetail .menu-left{
        padding-right:50px
    }
    #xsNav li.menuItem .menuDetail .menu-left .subMenuList li.item a{
        color:#fff;
        font-size:16px
    }
    #xsNav li.menuItem .menuDetail .menu-right{
        padding-left:30px
    }
    #xsNav li.menuItem .menuDetail .menu-right .subMenuList li.item a{
        color:#fff;
        padding-left:20px;
        font-size:16px
    }
    #xsNav li.menuItem .menuDetail .menu-right .subMenuList li.subTitle{
        font-family:Oswald-Light;
        font-size:16px
    }
    #xsNav li.menuItem .menuDetail .desc{
        font-size:14px
    }
    #xsNav li.menuItem.on .icon-orange-angle{
        transform:rotate(180deg)
    }
    #xsNav li.menuItem .menuDetail .menu-left .subMenuList li.dwtDownload a{
        color:#fe8e14
    }
    #xsNav li.menuItem .menuDetail .menu-left .subMenuList li.dntDownload a{
        color:#6ac4bb
    }
}
@media (min-width:768px){
    #overall-header{
        height:65px
    }
    #pcMenu.fixed{
        position:fixed;
        top:65px;
        left:0;
        right:0;
        width:100%;
        z-index:1111
    }
    #subMenu{
        padding:35px 20px 55px 45px;
        position:absolute;
        z-index:1111;
        width:620px;
        background:#f5f5f5;
        border:1px solid #ddd;
        border-top:2px solid #ddd
    }
    #subMenu .subMenuContent .pro>a{
        display:inline-block;
        margin:0 0 6px;
        font-size:14px;
        line-height:32px;
        color:#444;
        font-family:OpenSans-Semibold
    }
    #subMenu .subMenuContent .pro .logo{
        display:inline-block;
        float:left;
        margin:0 9px 0 0
    }
    #subMenu .subMenuContent .pro .logo img{
        width:33px;
        height:32px
    }
    #subMenu .subMenuContent .pro .intro{
        margin:4px 0 0;
        font-size:14px;
        line-height:22px;
        color:#999
    }
}
@media (max-width:991px) and (min-width:768px){
    #smMenu{
        height:65px;
        border-bottom:1px solid #eee;
        background:#fff
    }
    #smHeader .logo-group{
        float:left;
        margin:15px 0 0;
        width:265px;
        height:32px
    }
    #smHeader .ds-logo{
        width:135px;
        height:32px
    }
    #smHeader .logo-group .logo-divider{
        display:block;
        margin:0 14px;
        font-weight:100;
        font-size:16px
    }
    #smHeader .logo-group .sub-logo{
        display:block;
        font-family:Oswald-Medium,OpenSans-Semibold,Arial,Helvetica,sans-serif;
        font-size:18px
    }
    #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
    }
    #smHeader .smMenuToggle .textMenu{
        font-size:16px;
        line-height:26px;
        color:#606060;
        vertical-align:top
    }
    #smNav{
        margin:0 0 22px;
        font-size:16px
    }
    #smNav li{
        float:left;
        height:26px;
        line-height:26px;
        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 a,#smNav li a:active,#smNav li a:visited{
        color:#606060
    }
    #smNav li a:hover{
        color:#fe8e14
    }
    #subMenu .subMenuContent .pro{
        margin-bottom:15px
    }
    #pcMenu .headSubMenu{
        display:none!important
    }
    #subMenu{
        padding:40px 30px 50px 50px;
        width:100%
    }
    #subMenu,#subMenu .icon-orange-angle{
        display:none
    }
    #subMenu .subMenuContent .proPanel{
        margin-bottom:35px
    }
    #subMenu .subMenuContent .proPanel .leftPart,#subMenu .subMenuContent .proPanel .rightPart{
        display:block;
        vertical-align:top
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct,#subMenu .subMenuContent .proPanel .leftPart .smallProduct{
        display:inline-block;
        vertical-align:top;
        cursor:pointer
    }
    #subMenu .subMenuContent .proPanel .leftPart .proLine{
        margin-bottom:50px
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct{
        padding-right:35px
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .icon{
        display:inline-block;
        border-radius:5px;
        width:50px;
        height:50px;
        background:#999;
        vertical-align:top
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .icon.dbrIcon{
        background:url(../images/dbr-big.png);
        background-size:cover
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .icon.dwtIcon{
        background:url(../images/dwt-big.png);
        background-size:cover
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .proInfo{
        display:inline-block;
        width:240px;
        vertical-align:top;
        padding-left:10px
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .proInfo .title{
        font-size:16px;
        line-height:18px;
        margin-bottom:10px;
        color:#323234
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .proInfo .intro{
        font-size:14px;
        line-height:22px;
        color:#606060
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct{
        padding-right:20px
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .icon{
        display:inline-block;
        border-radius:5px;
        width:30px;
        height:30px;
        background:#999;
        vertical-align:top
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .icon.dlrIcon{
        background:url(../images/dlr-small.png);
        background-size:cover
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .icon.dntIcon{
        background:url(../images/dnt-small.png);
        background-size:cover
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .proInfo{
        display:inline-block;
        width:240px;
        vertical-align:top;
        padding-left:10px
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .proInfo .title{
        font-size:14px;
        line-height:20px;
        margin-bottom:5px;
        color:#323234
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .proInfo .intro{
        font-size:14px;
        line-height:24px;
        color:#606060
    }
    #subMenu .subMenuContent .proPanel .rightPart{
        padding-left:20px
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct{
        width:238px;
        display:inline-block;
        vertical-align:top;
        margin-bottom:40px
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct:first-child{
        padding-left:42px
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct:last-child{
        margin-bottom:0;
        margin-left:110px
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct .title{
        font-size:14px;
        line-height:20px;
        margin-bottom:5px;
        color:#323234
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct .intro{
        font-size:14px;
        line-height:26px;
        color:#606060
    }
}
@media (min-width:992px){
    #cp-header,#cp-header .header-visitor,#cp-header .header-visitor a,#mdHeader,#mdMenu li,#overall-header,header-signin{
        height:72px
    }
    #mdHeader{
        background:#fff
    }
    #mdHeader .logo-group{
        float:left;
        margin:16px 0 0;
        width:265px;
        height:35px
    }
    #mdHeader .ds-logo{
        width:145px;
        height:35px
    }
    #mdHeader .logo-group .logo-divider{
        display:block;
        margin:0 16px;
        font-weight:100;
        font-size:16px
    }
    #mdHeader .logo-group .sub-logo{
        display:block;
        font-family:Oswald-Medium,OpenSans-Semibold,Arial,Helvetica,sans-serif;
        font-size:18px
    }
    #mdMenu{
        padding-left:300px;
        margin:0
    }
    #mdMenu li{
        float:left;
        height:72px;
        padding:0;
        text-align:center;
        list-style:none;
        margin-right:40px
    }
    #mdMenu li a{
        display:inline-block;
        padding:0;
        line-height:71px;
        font-size:18px;
        color:#444;
        font-family:Oswald-Regular
    }
    #mdMenu .icon-orange-angle{
        width:7px;
        height:13px
    }
    #cp-header{
        float:right;
        padding:0;
        height:72px
    }
    #cp-header li{
        text-indent:0
    }
    #cp-header .action-signin{
        margin:0
    }
    #cp-header .action-buttons{
        height:auto;
        margin-top:21px;
        margin-right:20px
    }
    #cp-header .action-buttons a{
        transition:all .2s ease-in-out;
        box-shadow:0 0 0 0 #fff
    }
    #cp-header .action-buttons a:first-child{
        margin-right:10px
    }
    #cp-header .action-buttons a:hover{
        box-shadow:-4px 4px 0 0 #000;
        transform:translate(4px,-4px);
        background:#fe8e14
    }
    #cp-header .action-search{
        margin-right:20px
    }
    #cp-header .action-search .searchIcon{
        margin-top:23px
    }
    #cp-header .action-search input[type=text]{
        margin-top:21px;
        width:200px
    }
    #cp-header .header-visitor a{
        padding:0;
        color:#323234;
        line-height:71px
    }
    #cp-header .header-visitor a:link,.header-visitor a:hover,.header-visitor a:visited{
        color:#323234
    }
    .icon-signin{
        margin-top:21px;
        margin-right:15px
    }
    #pcMenu.fixed{
        position:fixed;
        top:72px;
        left:0;
        right:0;
        width:100%;
        z-index:1111
    }
    .headSubMenu{
        background:#f5f5f5;
        position:absolute;
        border:1px solid #ddd;
        border-top:2px solid #ddd;
        z-index:1111
    }
    .headSubMenu .icon-orange-angle{
        display:none;
        width:26px;
        height:33px;
        position:absolute;
        left:80px;
        top:-15px
    }
    .headSubMenu .menu-top .menu-left{
        display:inline-block;
        padding:40px 80px 25px;
        border-right:1px solid #323234;
        vertical-align:top
    }
    .headSubMenu .menu-top .menu-left .dbr-logo{
        margin-bottom:5px
    }
    .headSubMenu .menu-top .menu-right{
        display:inline-block;
        padding:55px 0 0 80px;
        vertical-align:top
    }
    .headSubMenu .menu-top .menu-right .subMenuList li.subTitle{
        color:#323234;
        font-family:Oswald-Light;
        font-size:18px
    }
    .headSubMenu .menu-top .subMenuList li.item{
        margin-top:15px
    }
    .headSubMenu .menu-top .subMenuList li.item a{
        color:#323234;
        font-size:18px;
        font-family:Oswald-Regular
    }
    .headSubMenu .menu-top .subMenuList li.item a:active,.headSubMenu .menu-top .subMenuList li.item a:hover,.headSubMenu .menu-top .subMenuList li.item a:visited{
        color:#323234
    }
    .headSubMenu .menu-bottom{
        width:100%;
        height:65px;
        line-height:65px
    }
    .headSubMenu .menu-bottom a{
        display:block;
        width:100%;
        height:100%;
        color:#fff;
        text-align:center;
        font-size:24px;
        font-family:Oswald-Regular
    }
    #platformSubMenu{
        display:none;
        padding:20px 70px 30px 60px;
        left:390px
    }
    #platformSubMenu .icon-orange-angle{
        left:60px
    }
    .subMenuList li.item{
        margin-top:15px
    }
    .subMenuList li.item a{
        color:#323234;
        font-size:16px;
        font-family:Oswald-Regular
    }
    .subMenuList li.item a:active,.subMenuList li.item a:visited{
        color:#323234
    }
    .subMenuList li.item a:hover{
        color:#fe8e14
    }
    #langSubMenu{
        left:260px
    }
    #langSubMenu,#useCaseSubMenu{
        display:none;
        padding:20px 70px 30px 60px
    }
    #useCaseSubMenu{
        left:496px
    }
    #subMenu .icon-orange-angle{
        display:none;
        position:absolute;
        width:26px;
        height:33px;
        left:100px;
        top:-15px
    }
    #subMenu{
        padding:0 0 50px;
        display:none;
        width:830px;
        left:128px
    }
    #subMenu .subMenuContent .proPanel{
        margin-bottom:0
    }
    #subMenu .subMenuContent .proPanel .leftPart,#subMenu .subMenuContent .proPanel .rightPart{
        display:inline-block;
        vertical-align:top
    }
    #subMenu .subMenuContent .proPanel .leftPart{
        border-right:1px solid #ddd
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct,#subMenu .subMenuContent .proPanel .leftPart .smallProduct{
        display:inline-block;
        vertical-align:top
    }
    #subMenu .subMenuContent .proPanel .leftPart .proLine,#subMenu .subMenuContent .proPanel .leftPart .proLine:last-child{
        margin-bottom:0
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct{
        padding:0
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .icon{
        display:inline-block;
        border-radius:5px;
        width:50px;
        height:50px;
        background:#999;
        vertical-align:top
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .icon.dbrIcon{
        background:url(../images/dbr-big.png);
        background-size:cover
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .icon.dwtIcon{
        background:url(../images/dwt-big.png);
        background-size:cover
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .proInfo{
        display:inline-block;
        width:200px;
        vertical-align:top;
        padding-left:10px
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .proInfo .title{
        font-size:16px;
        line-height:18px;
        margin-bottom:10px;
        color:#323234
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .proInfo .intro{
        font-size:14px;
        line-height:22px;
        color:#606060
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct{
        padding:0
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .icon{
        display:inline-block;
        border-radius:5px;
        width:30px;
        height:30px;
        background:#999;
        vertical-align:top
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .icon.dlrIcon{
        background:url(../images/dlr-small.png);
        background-size:cover
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .icon.dntIcon{
        background:url(../images/dnt-small.png);
        background-size:cover
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .proInfo{
        display:inline-block;
        width:200px;
        vertical-align:top;
        padding-left:10px
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .proInfo .title{
        font-size:14px;
        line-height:20px;
        margin-bottom:5px;
        color:#323234
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .proInfo .intro{
        font-size:14px;
        line-height:24px;
        color:#606060
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct a,#subMenu .subMenuContent .proPanel .leftPart .smallProduct a{
        display:block;
        width:100%;
        height:100%
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct a{
        padding:40px 20px 40px 30px
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct a{
        padding:40px 20px
    }
    #subMenu .subMenuContent .proPanel .rightPart{
        padding-left:0;
        padding-top:20px
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct{
        width:244px;
        margin-bottom:0;
        padding:0
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct a{
        display:block;
        width:100%;
        height:100%;
        padding:20px 60px 20px 30px
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct:last-child{
        margin-bottom:0
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct .title{
        font-size:14px;
        line-height:20px;
        margin-bottom:5px;
        color:#323234
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct .intro{
        font-size:14px;
        line-height:26px;
        color:#606060
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct:hover,#subMenu .subMenuContent .proPanel .leftPart .smallProduct:hover,#subMenu .subMenuContent .proPanel .rightPart .subProduct:hover{
        background:#fff
    }
}
@media (min-width:1200px){
    #cp-header,#cp-header .header-signin,#cp-header .header-visitor,#cp-header .header-visitor a,#cp-header .userbox,#mdHeader,#mdMenu li,#overall-header,header-signin{
        height:72px
    }
    #cp-header .usericon{
        margin-top:28px
    }
    #cp-header .userbox{
        line-height:71px
    }
    #mdHeader .logo-group{
        width:280px;
        height:35px;
        margin-top:16px
    }
    #mdHeader .ds-logo{
        width:145px;
        height:35px
    }
    #mdHeader .logo-group .logo-divider{
        display:block;
        margin:0 16px;
        font-weight:100;
        font-size:18px
    }
    #mdHeader .logo-group .sub-logo{
        display:block;
        font-family:Oswald-Medium,OpenSans-Semibold,Arial,Helvetica,sans-serif;
        font-size:20px
    }
    #mdMenu{
        padding-left:350px
    }
    #mdMenu li{
        margin-right:40px
    }
    #mdMenu li:last-child{
        margin-right:0
    }
    #mdMenu li a{
        font-size:18px;
        line-height:71px
    }
    #mdMenu li>a{
        padding:0
    }
    #mdMenu .icon-orange-angle{
        width:7px;
        height:13px
    }
    #cp-header .action-signin{
        margin:0 30px 0 0
    }
    #cp-header .action-buttons{
        display:inline-block;
        height:auto;
        margin-top:21px;
        margin-right:40px
    }
    #cp-header .action-buttons a:first-child,#cp-header .action-search{
        margin-right:20px
    }
    #cp-header .action-search .searchIcon{
        margin-top:23px
    }
    #cp-header .action-search input[type=text]{
        margin-top:21px;
        width:240px
    }
    #cp-header .header-visitor a{
        padding:0;
        color:#323234;
        line-height:71px
    }
    #cp-header .header-visitor a:link,.header-visitor a:hover,.header-visitor a:visited{
        color:#323234
    }
    .icon-signin{
        margin-top:21px;
        margin-right:15px
    }
    #pcMenu.fixed{
        position:fixed;
        top:72px;
        left:0;
        right:0;
        width:100%;
        z-index:1111
    }
    .headSubMenu{
        background:#f5f5f5;
        position:absolute;
        border-top:2px solid #ddd
    }
    .headSubMenu .menu-top .menu-left{
        display:inline-block;
        padding:40px 80px 25px;
        border-right:1px solid #323234;
        vertical-align:top
    }
    .headSubMenu .menu-top .menu-left .dbr-logo{
        margin-bottom:5px
    }
    .headSubMenu .menu-top .menu-right{
        display:inline-block;
        padding:55px 0 0 80px;
        vertical-align:top
    }
    .headSubMenu .menu-top .menu-right .subMenuList li.subTitle{
        color:#323234;
        font-family:Oswald-Light;
        font-size:18px
    }
    .headSubMenu .menu-top .subMenuList li.item{
        margin-top:15px
    }
    .headSubMenu .menu-top .subMenuList li.item a{
        color:#323234;
        font-size:18px;
        font-family:Oswald-Regular
    }
    .headSubMenu .menu-top .subMenuList li.item a:active,.headSubMenu .menu-top .subMenuList li.item a:hover,.headSubMenu .menu-top .subMenuList li.item a:visited{
        color:#323234
    }
    .headSubMenu .menu-bottom{
        width:100%;
        height:65px;
        line-height:65px
    }
    .headSubMenu .menu-bottom a{
        display:block;
        width:100%;
        height:100%;
        color:#fff;
        text-align:center;
        font-size:24px;
        font-family:Oswald-Regular
    }
    #platformSubMenu{
        display:none;
        padding:20px 70px 30px 60px;
        left:435px
    }
    #platformSubMenu .icon-orange-angle{
        left:60px
    }
    .subMenuList li.item{
        margin-top:15px
    }
    .subMenuList li.item a{
        color:#323234;
        font-size:16px;
        font-family:Oswald-Regular
    }
    .subMenuList li.item a:active,.subMenuList li.item a:visited{
        color:#323234
    }
    .subMenuList li.item a:hover{
        color:#fe8e14
    }
    #langSubMenu{
        left:305px
    }
    #langSubMenu,#useCaseSubMenu{
        display:none;
        padding:20px 70px 30px 60px
    }
    #useCaseSubMenu{
        left:545px
    }
    #subMenu{
        padding:0 0 52px;
        width:1000px;
        left:128px
    }
    #subMenu .subMenuContent .proPanel{
        margin-bottom:0
    }
    #subMenu .subMenuContent .proPanel .leftPart,#subMenu .subMenuContent .proPanel .rightPart{
        display:inline-block;
        vertical-align:top
    }
    #subMenu .subMenuContent .proPanel .leftPart{
        border-right:1px solid #ddd
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct,#subMenu .subMenuContent .proPanel .leftPart .smallProduct{
        display:inline-block;
        vertical-align:top
    }
    #subMenu .subMenuContent .proPanel .leftPart .proLine,#subMenu .subMenuContent .proPanel .leftPart .proLine:last-child{
        margin-bottom:0
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct{
        padding:0
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .icon{
        display:inline-block;
        border-radius:5px;
        width:60px;
        height:60px;
        background:#999;
        vertical-align:top
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .icon.dbrIcon{
        background:url(../images/dbr-big.png);
        background-size:cover
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .icon.dwtIcon{
        background:url(../images/dwt-big.png);
        background-size:cover
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .proInfo{
        display:inline-block;
        width:236px;
        vertical-align:top;
        padding-left:10px
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .proInfo .title{
        font-size:18px;
        line-height:18px;
        margin-bottom:10px;
        color:#323234
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .proInfo .intro{
        font-size:14px;
        line-height:22px;
        color:#606060
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct{
        padding:0
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .icon{
        display:inline-block;
        border-radius:5px;
        width:30px;
        height:30px;
        background:#999;
        vertical-align:top
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .icon.dlrIcon{
        background:url(../images/dlr-small.png);
        background-size:cover
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .icon.dntIcon{
        background:url(../images/dnt-small.png);
        background-size:cover
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .proInfo{
        display:inline-block;
        width:236px;
        vertical-align:top;
        padding-left:10px
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .proInfo .title{
        font-size:14px;
        line-height:20px;
        margin-bottom:5px;
        color:#323234
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .proInfo .intro{
        font-size:14px;
        line-height:24px;
        color:#606060
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct a,#subMenu .subMenuContent .proPanel .leftPart .smallProduct a{
        display:block;
        width:100%;
        height:100%
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct a{
        padding:40px 30px 40px 50px
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct a{
        padding:40px 20px 40px 30px
    }
    #subMenu .subMenuContent .proPanel .rightPart{
        padding-left:0;
        padding-top:20px
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct{
        width:292px;
        margin-bottom:0;
        padding:0
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct a{
        display:block;
        width:100%;
        height:100%;
        padding:20px 60px 20px 40px
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct:last-child{
        margin-bottom:0
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct .title{
        font-size:14px;
        line-height:20px;
        margin-bottom:5px;
        color:#323234
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct .intro{
        font-size:14px;
        line-height:26px;
        color:#606060
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct:hover,#subMenu .subMenuContent .proPanel .leftPart .smallProduct:hover,#subMenu .subMenuContent .proPanel .rightPart .subProduct:hover{
        background:#fff
    }
}
@media (min-width:1680px){
    #cp-header,#cp-header .header-signin,#cp-header .header-visitor,#cp-header .header-visitor a,#cp-header .userbox,#mdHeader,#mdMenu li,#overall-header,header-signin{
        height:94px
    }
    #cp-header .userbox{
        line-height:93px
    }
    #cp-header .usericon{
        margin-top:38px
    }
    #mdHeader .logo-group{
        width:340px;
        height:43px;
        margin-top:24px
    }
    #mdHeader .ds-logo{
        width:176px;
        height:43px
    }
    #mdHeader .logo-group .logo-divider{
        display:block;
        margin:0 18px;
        font-weight:100;
        font-size:18px
    }
    #mdHeader .logo-group .sub-logo{
        display:block;
        font-family:Oswald-Medium,OpenSans-Semibold,Arial,Helvetica,sans-serif;
        font-size:22px
    }
    #mdMenu{
        padding-left:445px
    }
    #mdMenu li{
        margin-right:50px
    }
    #mdMenu li:last-child{
        margin-right:0
    }
    #mdMenu li a{
        font-size:20px;
        line-height:93px
    }
    #mdMenu li>a{
        padding:0
    }
    #mdMenu .icon-orange-angle{
        width:9px;
        height:15px
    }
    #cp-header .action-buttons{
        height:auto;
        margin-top:32px
    }
    #cp-header .action-signin{
        margin-left:0
    }
    #cp-header .action-search{
        margin-right:20px
    }
    #cp-header .action-search .searchIcon{
        margin-top:34px
    }
    #cp-header .action-search input[type=text]{
        margin-top:32px
    }
    #cp-header .header-visitor a{
        padding:0;
        color:#323234;
        line-height:93px
    }
    #cp-header .header-visitor a:link,.header-visitor a:hover,.header-visitor a:visited{
        color:#323234
    }
    .icon-signin{
        margin-top:32px;
        margin-right:15px
    }
    #pcMenu.fixed{
        position:fixed;
        top:94px;
        left:0;
        right:0;
        width:100%;
        z-index:1111
    }
    .headSubMenu .icon-orange-angle{
        width:26px;
        height:33px;
        left:100px;
        top:-15px
    }
    .headSubMenu .menu-top .menu-left{
        padding:50px 100px 30px
    }
    .headSubMenu .menu-top .menu-right{
        padding:65px 0 0 100px
    }
    .headSubMenu .menu-top .menu-right .subMenuList li.subTitle{
        font-size:20px
    }
    .headSubMenu .menu-top .subMenuList li.item{
        margin-top:15px
    }
    .headSubMenu .menu-top .subMenuList li.item a{
        font-size:20px
    }
    .headSubMenu .menu-bottom{
        height:74px;
        line-height:74px
    }
    .headSubMenu .menu-bottom a{
        font-size:24px
    }
    #platformSubMenu{
        padding:35px 100px 45px 70px;
        left:545px
    }
    .subMenuList li.item{
        margin-top:15px
    }
    .subMenuList li.item a{
        font-size:20px
    }
    #platformSubMenu .icon-orange-angle{
        left:70px
    }
    #langSubMenu{
        padding:35px 100px 45px 70px;
        left:395px
    }
    #useCaseSubMenu{
        display:none;
        padding:20px 70px 30px 60px;
        left:665px
    }
    #subMenu{
        padding:0 0 52px;
        width:1187px;
        left:168px
    }
    #subMenu .subMenuContent .proPanel .leftPart .proLine,#subMenu .subMenuContent .proPanel .leftPart .proLine:last-child{
        margin-bottom:0
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct{
        padding:0
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .icon{
        width:75px;
        height:75px
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .proInfo{
        width:295px
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .proInfo .title{
        font-size:20px;
        line-height:20px;
        margin-bottom:10px
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct .proInfo .intro{
        font-size:16px;
        line-height:24px
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct{
        padding:0
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .icon{
        width:40px;
        height:40px
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .proInfo{
        width:295px
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .proInfo .title{
        font-size:16px;
        line-height:20px
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct .proInfo .intro{
        font-size:16px;
        line-height:26px
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct a,#subMenu .subMenuContent .proPanel .leftPart .smallProduct a{
        display:block;
        width:100%;
        height:100%
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct a{
        padding:50px 30px 40px 60px
    }
    #subMenu .subMenuContent .proPanel .leftPart .smallProduct a{
        padding:50px 20px 40px 30px
    }
    #subMenu .subMenuContent .proPanel .rightPart{
        padding-left:0;
        padding-top:30px
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct{
        width:326px;
        margin-bottom:0;
        padding:0
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct a{
        display:block;
        width:100%;
        height:100%;
        padding:20px 60px 20px 40px
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct:last-child{
        margin-bottom:0
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct .title{
        font-size:16px;
        line-height:20px;
        margin-bottom:5px;
        color:#323234
    }
    #subMenu .subMenuContent .proPanel .rightPart .subProduct .intro{
        font-size:16px;
        line-height:26px;
        color:#606060
    }
    #subMenu .subMenuContent .proPanel .leftPart .bigProduct:hover,#subMenu .subMenuContent .proPanel .leftPart .smallProduct:hover,#subMenu .subMenuContent .proPanel .rightPart .subProduct:hover{
        background:#fff
    }
}
@media (min-width:992px){
    #dynamsoft-header .container{
        max-width:calc(100% - 40px)
    }
}
@media (min-width:1200px){
    #dynamsoft-header .container{
        max-width:calc(100% - 100px)
    }
}
@media(min-width:1680px){
    #dynamsoft-header .container{
        max-width:1630px
    }
}
#fullLayoutMain{
    min-height:calc(100vh - 387px)
}
@media (max-width:767px){
    #fullLayoutMain{
        min-height:calc(100vh - 331px)
    }
}
.cookie-consent{
    left:0;
    right:0;
    bottom:0;
    position:fixed;
    z-index:99999;
    width:100%;
    padding:5px 20px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    background:#f9f6d9
}
.cookie-consent .cookie-consent-compliance,.cookie-consent .cookie-consent-message{
    margin:5px 10px;
    font-size:16px
}
.cookie-consent .cookie-consent-compliance{
    cursor:pointer;
    color:#fff;
    padding:5px 10px;
    background:#fe8e14;
    border:1px solid #fe8e14;
    outline:0
}
.cookie-consent .cookie-consent-compliance:active,.cookie-consent .cookie-consent-compliance:focus{
    outline:0
}
.dynamsoft-footer{
    color:#606060!important;
    font-family:OpenSans-Regular;
    box-sizing:border-box;
    width:100%
}
.dynamsoft-footer .footer-top{
    height:44rem;
    background:#3e3e3e;
    padding-top:6rem
}
.dynamsoft-footer .footer-top ul{
    display:inline-block;
    list-style:none;
    vertical-align:top;
    padding:0
}
.dynamsoft-footer .footer-top ul li.title{
    color:#fe8e14;
    font-size:2rem;
    margin-bottom:2rem
}
.dynamsoft-footer .footer-top ul li.subTitle{
    color:#ccc;
    font-size:1.8rem;
    line-height:2.8rem
}
.dynamsoft-footer .footer-top ul li.item{
    color:#fff;
    cursor:pointer;
    font-size:1.8rem;
    line-height:2.8rem
}
.dynamsoft-footer .footer-top ul li.item:hover{
    color:#fe8e14
}
.dynamsoft-footer .footer-top .subscribeCnt{
    display:inline-block;
    width:90.4%
}
.dynamsoft-footer .footer-top .subscribeCnt .SubscribeForm .SubscribeInput{
    display:inline-block;
    width:68.8%;
    height:5.5rem;
    border:0;
    outline:0;
    font-size:2rem;
    padding:0 1.5rem
}
.dynamsoft-footer .footer-top .subscribeCnt .SubscribeForm button{
    background:#fe8e14;
    color:#fff;
    border:0;
    outline:0;
    vertical-align:top;
    width:31.2%;
    font-family:OpenSans-Semibold;
    cursor:pointer;
    height:5.5rem;
    font-size:2rem
}
.dynamsoft-footer .footer-top .subscribeCnt .shareList{
    margin-top:5rem
}
.dynamsoft-footer .footer-bottom{
    height:100%;
    background:#323234
}
.dynamsoft-footer .footer-bottom .dynamsoftLogo{
    display:inline-block;
    width:138px;
    height:33px;
    margin:35px 0 0;
    background:url(../images/logo-dynamsoft-white.svg) no-repeat 0
}
.dynamsoft-footer .footer-bottom .rightMenu{
    margin:0
}
.dynamsoft-footer .footer-bottom .rightMenu li{
    font-size:18px;
    color:#999;
    display:inline-block;
    margin-left:150px
}
.dynamsoft-footer .footer-bottom .rightMenu li:first-child{
    margin-left:0
}
.dynamsoft-footer .shareList span{
    display:inline-block;
    width:40px;
    height:40px;
    border-radius:50%;
    margin-right:2rem;
    background:#606060
}
.dynamsoft-footer .shareList span:last-child{
    margin-right:0
}
.dynamsoft-footer .shareList span a{
    display:block;
    width:100%;
    height:100%;
    border-radius:50%
}
.dynamsoft-footer .shareList span a.linkedin{
    background:url(../images/professional-network-linkedin.png) no-repeat 50%
}
.dynamsoft-footer .shareList span a.facebook{
    background:url(../images/social-media-facebook.png) no-repeat 50%
}
.dynamsoft-footer .shareList span a.twitter{
    background:url(../images/social-media-twitter.png) no-repeat 50%
}
.dynamsoft-footer .shareList span a.youtube{
    background:url(../images/social-video-youtube.png) no-repeat 50%
}
.dynamsoft-footer .shareList span a.instagram{
    background:url(../images/social-instagram.png) no-repeat 50%
}
.dynamsoft-footer .shareList span a.reddit {
    background:url(../images/reddit.svg) no-repeat center;
    background-size: 67%;
}

.dynamsoft-footer .shareList span a.github{
    background:url(../images/github.svg) no-repeat center;
    background-size: 67%;
}

.dynamsoft-footer .mobile-footer-top{
    background:#3e3e3e;
    padding:23px 0
}
.dynamsoft-footer .mobile-footer-top .mobile-links{
    list-style:none;
    padding:0;
    margin:0
}
.dynamsoft-footer .mobile-footer-top .mobile-links li{
    display:inline-block;
    margin-right:35px;
    font-size:14px
}
.dynamsoft-footer .mobile-footer-top .mobile-links li:last-child{
    margin-right:0
}
.dynamsoft-footer .mobile-footer-top p{
    margin-bottom:20px
}
.dynamsoft-footer .mobile-footer-top .dynamsoftLogo{
    display:inline-block;
    width:138px;
    height:33px;
    background:url(../images/logo-dynamsoft-white.svg) no-repeat 0
}
.dynamsoft-footer .mobile-footer-top .shareList{
    margin-top:25px
}
.dynamsoft-footer .mobile-footer-bottom{
    padding:25px 0;
    background:#323234;
    font-size:14px
}
.dynamsoft-footer .mobile-footer-bottom ul{
    list-style:none;
    margin:0;
    padding:0
}
.dynamsoft-footer .mobile-footer-bottom ul li{
    display:inline-block;
    margin-right:40px
}
.dynamsoft-footer .mobile-footer-bottom ul li:last-child{
    margin-right:0
}
.dynamsoft-footer .subscribe{
    position:relative
}
.dynamsoft-footer .subscribe .newsLetter{
    text-align:left!important
}
.dynamsoft-footer .ds-white{
    display:inline-block;
    background:url(../images/logo-dynamsoft-white.svg) no-repeat 50%;
    width:102px;
    height:25px;
    padding-left:0
}
.dynamsoft-footer .ct-ct{
    padding-left:0;
    text-align:left;
    line-height:60px;
    padding-right:0
}
.dynamsoft-footer ul{
    list-style:none;
    margin:0;
    padding:0
}
#footerTop{
    padding:40px 0 32px;
    background:#3e3e3e
}
#footerTop .products{
    width:26%
}
#footerTop .resources{
    width:23%
}
#footerTop .company{
    width:20%
}
#footerTop ul{
    float:left
}
#footerTop ul li.title{
    margin-bottom:16px;
    font-size:14px;
    color:#fe8e14;
    line-height:24px;
    font-family:Oswald-Regular
}
#footerTop .subscribe .newsLetter{
    margin-bottom:16px;
    font-size:16px;
    color:#fff
}
#footerTop .subscribe .form{
    position:relative;
    width:100%
}
#footerTop .big-icon{
    display:block
}
#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
}
#footerTop .subscribe .form input{
    width:69%;
    -webkit-appearance:none;
    float:left;
    padding-left:8px;
    height:38px;
    font-size:16px;
    background:#fff;
    color:#323234;
    outline:0;
    border:1px solid #fff
}
#footerTop .subscribe .form .d-btn{
    width:30%;
    color:#fff;
    float:left;
    padding:0;
    height:38px;
    line-height:34px;
    text-align:center;
    font-family:OpenSans-Regular
}
#footerTop .subscribe .shareList{
    text-align:left;
    margin-top:30px
}
#footerTop .subscribe li{
    text-align:center
}
#footerTop .subscribe .socialMedia{
    text-align:left
}
#footerTop .big-icon span{
    display:inline-block;
    width:35px;
    height:20px
}
#footerBottom{
    background:#2a2a2b;
    font-size:12px;
    line-height:22px;
    height:60px;
    text-align:center
}
#footerBottom .ct-lt{
    width:25%;
    padding-right:0;
    text-align:left;
    padding-left:0;
    margin-top:16px
}
#footerBottom .ct-rt{
    padding:15px 0 0;
    margin-left:20px
}
#footerBottom a{
    color:#aaa;
    text-decoration:none
}
a#toTop{
    display:none;
    position:fixed;
    z-index:9;
    bottom:30px;
    right:2%;
    bottom:3%;
    width:46px;
    height:45px;
    float:right;
    background:url(../images/icn-toTop-45X45.png) no-repeat top;
    transition:.2s ease-in-out
}
@media (max-width:1199px){
    .visible-xl{
        display:none
    }
}
@media (max-width:991px){
    .dynamsoft-footer .visible-xl{
        display:none!important
    }
}
@media (max-width:767px){
    .visible-xs{
        display:block!important
    }
    .hide-xs{
        display:none!important
    }
    .dynamsoft-footer #footerTop .subscribe{
        width:100%!important
    }
    .dynamsoft-footer .ct-ct{
        line-height:22px!important;
        text-align:center!important;
        width:100%!important
    }
    .dynamsoft-footer .sm-mr10{
        margin-right:10px
    }
    .dynamsoft-footer .hidden-xs{
        display:none!important
    }
    #footerTop .subscribe .socialMedia{
        text-align:center
    }
}
@media (min-width:768px){
    .visible-xs{
        display:none
    }
    #footerTop .big-icon{
        text-align:left!important
    }
    #footerTop .logo{
        display:none
    }
    #footerBottom{
        padding:0;
        color:#aaa
    }
    #footerBottom .ds-white{
        width:102px;
        height:25px
    }
}
@media (max-width:991px) and (min-width:768px){
    .visible-sm{
        display:block!important
    }
    .hidden-sm{
        display:none!important
    }
    .dynamsoft-footer .shareList span{
        display:inline-block;
        width:35px;
        height:35px;
        border-radius:50%;
        margin-right:2rem;
        background:#606060
    }
    #footerTop .products{
        width:35%
    }
    #footerTop .resources{
        width:22%;
        display:none
    }
    #footerTop .company{
        width:25%
    }
    #footerTop .subscribe{
        width:40%
    }
    #footerTop ul li.subTitle{
        color:#ccc;
        font-size:14px;
        line-height:24px;
        margin-bottom:6px
    }
    #footerTop ul>li{
        margin-bottom:5px
    }
    #footerTop ul>li:last-child{
        margin-bottom:0
    }
    #footerTop ul li.title{
        font-size:16px;
        line-height:26px
    }
    #footerTop .subscribe .newsLetter,#footerTop ul li a{
        font-size:14px;
        line-height:24px
    }
    #footerTop .small-icon span{
        display:inline-block;
        width:35px;
        height:20px
    }
    .dynamsoft-footer .footer-bottom .dynamsoftLogo{
        width:138px;
        height:33px;
        margin:20px 0 0
    }
    .dynamsoft-footer .footer-bottom .rightMenu{
        height:75px;
        line-height:75px;
        margin:0 0 0 160px
    }
    .dynamsoft-footer .footer-bottom .rightMenu li{
        font-size:14px;
        color:#999;
        display:inline-block;
        margin-left:10px
    }
    .dynamsoft-footer .footer-bottom .rightMenu li:first-child{
        margin-left:0
    }
    #footerTop .subscribe .form input{
        width:69%;
        -webkit-appearance:none;
        float:left;
        padding-left:14px;
        height:34px;
        font-size:14px;
        background:#fff;
        color:#606060;
        outline:0;
        border:1px solid #fff
    }
    #footerTop .subscribe .form .d-btn{
        width:30%;
        color:#fff;
        float:left;
        padding:0;
        height:34px;
        line-height:34px;
        text-align:center;
        font-family:OpenSans-Regular;
        font-size:14px
    }
    #footerTop .subscribe .shareList{
        text-align:left;
        margin-top:30px
    }
    #footerTop .products .item{
        padding-left:18px
    }
}
@media (min-width:991px){
    .dynamsoft-footer .shareList span{
        display:inline-block;
        width:36px;
        height:36px;
        border-radius:50%;
        margin-right:2rem;
        background:#606060
    }
    #footerTop .products{
        width:22%
    }
    #footerTop .resources{
        width:24%
    }
    #footerTop .company{
        width:23%
    }
    #footerTop .subscribe{
        width:31%
    }
    #footerTop ul li.title{
        font-size:16px;
        line-height:26px
    }
    #footerTop ul li.subTitle{
        color:#ccc;
        font-size:14px;
        line-height:24px;
        margin-bottom:6px
    }
    #footerTop ul>li{
        margin-bottom:5px
    }
    #footerTop ul>li:last-child{
        margin-bottom:0
    }
    #footerTop .subscribe .newsLetter,#footerTop ul li a{
        font-size:14px;
        line-height:24px
    }
    .dynamsoft-footer .small-icon{
        margin-top:20px;
        display:none
    }
    .dynamsoft-footer .footer-bottom .dynamsoftLogo{
        width:138px;
        height:33px;
        margin:20px 0 0
    }
    .dynamsoft-footer .footer-bottom .rightMenu{
        height:75px;
        line-height:75px;
        margin:0 0 0 260px
    }
    .dynamsoft-footer .footer-bottom .rightMenu li{
        font-size:14px;
        color:#999;
        display:inline-block;
        margin-left:30px
    }
    .dynamsoft-footer .footer-bottom .rightMenu li:first-child{
        margin-left:0
    }
    #footerTop .subscribe .form input{
        width:69%;
        -webkit-appearance:none;
        float:left;
        padding-left:14px;
        height:42px;
        font-size:16px;
        background:#fff;
        color:#606060;
        outline:0;
        border:1px solid #fff
    }
    #footerTop .subscribe .form .d-btn{
        width:30%;
        color:#fff;
        float:left;
        padding:0;
        height:42px;
        line-height:42px;
        text-align:center;
        font-family:OpenSans-Regular;
        font-size:16px
    }
    #footerTop .subscribe .shareList{
        text-align:left;
        margin-top:30px
    }
    #footerTop .products .item{
        padding-left:18px
    }
}
@media (min-width:1200px){
    #footerTop{
        padding:48px 0
    }
    .dynamsoft-footer .shareList span{
        display:inline-block;
        width:40px;
        height:40px;
        border-radius:50%;
        margin-right:2rem;
        background:#606060
    }
    #footerTop .products{
        width:22%
    }
    #footerTop .resources{
        width:24%
    }
    #footerTop .company{
        width:23%
    }
    #footerTop .subscribe{
        width:31%
    }
    #footerTop ul li.title{
        font-size:18px;
        line-height:28px
    }
    #footerTop ul li.subTitle{
        color:#ccc;
        font-size:16px;
        line-height:26px;
        margin-bottom:6px
    }
    #footerTop ul>li{
        margin-bottom:5px
    }
    #footerTop ul>li:last-child{
        margin-bottom:0
    }
    #footerTop .subscribe .newsLetter,#footerTop ul li a{
        font-size:16px;
        line-height:26px
    }
    .dynamsoft-footer .footer-bottom .dynamsoftLogo{
        width:138px;
        height:33px;
        margin:20px 0 0
    }
    .dynamsoft-footer .footer-bottom .rightMenu{
        height:75px;
        line-height:75px;
        margin-left:350px
    }
    .dynamsoft-footer .footer-bottom .rightMenu li{
        font-size:16px;
        color:#999;
        margin-left:30px
    }
    #footerTop .subscribe .form input{
        width:69%;
        -webkit-appearance:none;
        float:left;
        padding-left:14px;
        height:46px;
        font-size:18px;
        background:#fff;
        color:#606060;
        outline:0;
        border:1px solid #fff
    }
    #footerTop .subscribe .form .d-btn{
        width:30%;
        color:#fff;
        float:left;
        padding:0;
        height:46px;
        line-height:46px;
        text-align:center;
        font-family:OpenSans-Regular;
        font-size:18px
    }
    #footerTop .subscribe .shareList{
        text-align:left;
        margin-top:30px
    }
    #footerTop .products .item{
        padding-left:20px
    }
}
@media (min-width:1680px){
    #footerTop{
        padding:60px 0
    }
    #footerTop .products{
        width:22%
    }
    #footerTop .resources{
        width:24%
    }
    #footerTop .company{
        width:23%
    }
    #footerTop .subscribe{
        width:31%
    }
    #footerTop ul li.title{
        font-size:20px;
        line-height:30px
    }
    #footerTop ul li.subTitle{
        color:#ccc;
        font-size:18px;
        line-height:26px;
        margin-bottom:6px
    }
    #footerTop ul>li{
        margin-bottom:5px
    }
    #footerTop ul>li:last-child{
        margin-bottom:0
    }
    #footerTop .subscribe .newsLetter,#footerTop ul li a{
        font-size:18px;
        line-height:26px
    }
    .dynamsoft-footer .footer-bottom .dynamsoftLogo{
        width:138px;
        height:33px;
        margin:35px 0 0
    }
    .dynamsoft-footer .footer-bottom .rightMenu{
        height:105px;
        line-height:105px;
        margin-left:450px
    }
    .dynamsoft-footer .footer-bottom .rightMenu li{
        font-size:18px
    }
    #footerTop .subscribe .form input{
        width:69%;
        -webkit-appearance:none;
        float:left;
        padding-left:14px;
        height:55px;
        font-size:20px;
        background:#fff;
        color:#606060;
        outline:0;
        border:1px solid #fff
    }
    #footerTop .subscribe .form .d-btn{
        width:30%;
        color:#fff;
        float:left;
        padding:0;
        height:55px;
        line-height:55px;
        text-align:center;
        font-family:OpenSans-Regular;
        font-size:20px
    }
    #footerTop .subscribe .shareList{
        text-align:left;
        margin-top:30px
    }
    #footerTop .products .item{
        padding-left:22px
    }
}
@media (min-width:992px){
    .dynamsoft-footer .container{
        max-width:calc(100% - 40px)
    }
}
@media (min-width:1200px){
    .dynamsoft-footer .container{
        max-width:calc(100% - 100px)
    }
}
@media(min-width:1680px){
    .dynamsoft-footer .container{
        max-width:1630px
    }
}

article ul li{
    list-style:disc;
    padding-left:0;
    margin-left:20px
}

article ul.noneIndent,article ul.noneIndent li{
    list-style:none;
    margin-left: 0px;
}

article ol {
    margin-left: -20px;
}

.cta-button{
    display:inline-block;
    padding:0 25px;
    height:42px;
    line-height:42px;
    font-size:18px;
    text-align:center;
    cursor:pointer;
    margin-top:20px;
    color:#fff!important;
    background:#fe8e14;
    font-family:Oswald-Regular;
    transition:ease-in-out .2s all;
    box-shadow:0 0 0 0 #fff;
    text-transform:uppercase
}
.cta-button:hover{
    box-shadow:-5px 5px 0 0 #000;
    transform:translate(5px,-5px);
    background:#fe8e14!important;
    color:#fff!important
}
#left-container table{
    display:block;
    overflow:auto
}
#left-container #paginator ul li{
    list-style:none
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}