.fontOswald { font-family: Oswald; }
/*=====================================  index-bs.aspx  =====================================*/
#indexBanner { position: relative; padding: 70px 0; height: auto; min-height: 350px; background: url(../images/dbr7.0/footer_lodyas.png) repeat; overflow: hidden; }
#indexBanner img.top { position: absolute; top: 0; right: 0; max-width: 360px; }
#indexBanner img.scanner { position: absolute; bottom: 0; left: 50%; margin-left: -95px; }
#indexBanner p { width: 100%; }
#indexProducts .dwt, #indexProducts .dnt, #indexProducts .dcs, #indexProducts .dbr, #indexProducts .restfulApi, #indexProducts .saw { padding: 0; border-bottom: solid 1px #ddd; }
#indexProducts .item { padding: 30px 15px 35px; display: block; height: 100%; }
#indexProducts .item .type { font-size: 14px; font-size: 1.4rem; color: #999; font-family: OpenSans-Semibold; }
#indexProducts .item.on .type { color: #fff; }
#indexProducts .item .type i { display: inline-block; margin: 0 6px 1px 0; width: 8px; height: 8px; background-color: #fe8e14; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
#indexProducts .saw .type i { background-color: #aaa; }
#indexProducts .item.on .type i { background-color: #fff; }
#indexProducts .item span { display: block; }
#indexProducts .dcs .desc { margin-top: 35px; }
#indexProducts .item .logo { font-family: myriad-pro; margin: 26px 0 23px; width: 100%; height: 50px; line-height: 50px; font-size: 25px; letter-spacing: 0.2px; }
#indexProducts .item .logo img { margin-right: 10px; }
#indexProducts .dwt .item .logo { width: 227px; color: #000; }
#indexProducts .dwt .item.on .logo { color: #ffffff; }
#indexProducts .dnt .item .logo { width: 230px; color: #000; }
#indexProducts .dnt .item.on .logo { color: #ffffff; }
#indexProducts .dbr .item .logo { width: 275px; color: #000; }
#indexProducts .dbr .item.on .logo { color: #ffffff; }
#indexProducts .dcs .item .logo { width: 246px; color: #000; }
#indexProducts .dcs .item.on .logo { color: #ffffff; }
#indexProducts .item .version { color: #444; margin-bottom: 10px; }
#indexProducts .item .addOn { font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 13px; }
#indexProducts .item.on { color: #fff; }
#indexProducts .item.on .version { color: #fff; }
#indexProducts .dwt .item.on { background: #ff9f1f; border-left-color: #ff9f1f; }
#indexProducts .dnt .item.on { background: #66d7bc; }
#indexProducts .dcs .item.on { background: #5eb7e4; }
#indexProducts .dbr .item.on { background: #58585e; }
#indexCustomer .testimonial { margin: 35px 0; }
#indexCustomer .testimonial p { position: relative; padding-left: 30px; }
#indexCustomer .testimonial p:first-child { font-style: italic; margin-bottom: 18px; line-height: 30px; }
#indexCustomer .quote-left { position: absolute; left: 0; top: 0; width: 20px; }
#indexCustomer .quote-right { margin: -10px 0 0 7px; }
#indexNews .item { padding: 33px 25px 30px; margin-top: 30px; border: solid 1px #ddd; font-size: 14px; font-size: 1.4rem; line-height: 24px; }
#indexNews .item .date { margin: 18px 0 8px 0; color: #444; font-family: OpenSans-Semibold; }
#_hj_feedback_container { display: none !important; }

@media screen and (max-width: 767px) {
    #indexBanner .rightImgBox { position: absolute; right: -300px; top: 0; width: 0; height: 0; }
    /*=====================================  index-bs.aspx  =====================================*/
    #main .container { padding-left: 15px; padding-right: 15px; }
    #indexBanner .container { max-width: 390px; }
    #indexProducts .dcs { border-bottom: none; }
    #indexNews .item { max-width: 300px; margin: 30px auto 0; }
    #indexNews .item img { width: 35px; }
    #indexProducts .dwt .item, #indexProducts .dnt .item { border-top: 1px solid #ddd; }
    #indexBanner p { margin: 10px auto; margin-top: 60px; float: none; width: 372px; }
    #indexBanner { text-align: center }
}

@media (min-width: 768px) {
    /*=====================================  index-bs.aspx  =====================================*/
    #indexBanner { padding-top: 65px; }
    #indexBanner img.top { max-width: 380px; top: 0px; }
    #indexBanner img.scanner { left: 0; /*bottom: -30px;*/ top: -50px; margin: 0 0 -1px -38px; max-width: none; width: 360px; }
    #indexBanner img.plant { position: absolute; left: 50%; bottom: -120px; margin-left: 150px; max-width: none; width: 215px; }
    #indexBanner .rightImgBox { position: absolute; right: -300px; top: 0; width: 0; height: 0; }
    #indexProducts { border-bottom: solid 1px #ddd; }
    #indexProducts .item { padding: 28px 40px 30px; border: solid 1px #ddd; border-bottom: none; }
    #indexProducts .dwt, #indexProducts .dbr, #indexProducts .dnt, #indexProducts .dcs { border-bottom: none; }
    #indexProducts .dwt, #indexProducts .dbr { padding-left: 0px; }
    #indexProducts .dnt, #indexProducts .dcs { padding-right: 0px; }
    #indexProducts .dwt .item, #indexProducts .dnt .item { border-top: none; }
    /*#indexProducts .dwt .item { border-right: none; }
#indexProducts .dbr .item { border-left: none; }*/
    #indexCustomer .quote-left { width: 22px; }
    #indexCustomer .testimonial { margin: 35px 0 50px; padding-right: 95px; }
    #indexCustomer .testimonial p { padding-left: 45px; }
    #indexCustomer .testimonial p:first-child { margin-bottom: 30px; }
    #indexCustomer .testimonial p:nth-child(2) img { float: right; margin-top: -13px; margin-right: 5px; }
    #indexCustomer .img-customers { margin: 0 0 0 60px; }
    #indexNews .item { padding: 33px 30px 30px; min-height: 263px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    #indexProducts .dwt .item, #indexProducts .dnt .item { border-top: 1px solid #ddd; }
    #indexBanner p { margin: 10px auto; margin-top: 80px; float: none; }
    #indexBanner { text-align: center }
}

@media (min-width: 992px) {
    /*=====================================  index-bs.aspx  =====================================*/
    #indexBanner { height: 400px; }
    #indexBanner img.top { max-width: 480px; }
    #indexBanner p { line-height: 30px; width: 415px }
    #indexBanner img.scanner { margin: 0 0 -22px -27px; width: 420px; top: -30px; left: 10px; }
    #indexBanner img.plant { margin-left: 200px; bottom: -130px; width: 230px; }
    #indexBanner .rightImgBox { position: absolute; right: -365px; top: -66px; width: 888px; height: 400px; }
    #indexProducts .item { padding: 30px 23px 50px; }
    #indexProducts .dcs .item { padding-right: 40px; }
    #indexProducts .item .version { margin-bottom: 6px; }
    #indexProducts .item .addOn { margin-top: 10px; }
    #indexProducts .dbr .item { border-left: none; border-top: none; }
    #indexProducts .dwt .item { border-right: none; }
    #indexProducts .dbr .item { border-left: none; }
    #indexCustomer .testimonial { margin: 45px 0 55px; padding-right: 70px; }
    #indexCustomer .testimonial p:first-child { font-size: 20px; line-height: 38px; margin-bottom: 25px; }
    #indexCustomer .testimonial p:nth-child(2) img { margin-right: 9px; }
    #indexCustomer .quote-left { width: 29px; }
    #indexCustomer .testimonial p { padding-left: 65px; }
    #indexCustomer .img-customers { margin: 0 0 0 70px; }
    #indexNews .item { min-height: 220px; }
    #indexNews .item .date { margin-bottom: 10px; font-size: 16px; font-size: 1.6rem; line-height: 26px; }
    #indexBtm { position: relative; padding-top: 60px; height: 340px; overflow: hidden; }
    #indexBtm img { position: absolute; right: -465px; top: -73px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1200px) {
    /*=====================================  index-bs.aspx  =====================================*/
    #indexProducts .item { padding: 30px 60px 50px; }
    #indexProducts .dwt, #indexProducts .dbr, #indexProducts .dnt, #indexProducts .dcs { border-bottom: none; }
    #indexProducts .dwt, #indexProducts .dbr { padding-left: 0px; }
    #indexProducts .dnt, #indexProducts .dcs { padding-right: 0px; }
    #indexProducts .dwt .item, #indexProducts .dnt .item { border-top: none; }
    #indexProducts .dwt .item { border-right: none; }
    #indexProducts .dbr .item { border-left: none; }
    #indexBanner img.top { max-width: 1290px; }
    #indexBanner p { width: 415px }
    #indexBanner img.scanner { margin: 0 0 -1px 0; width: 490px; top: -30px }
    #indexBanner img.plant { width: 315px; margin-left: 250px; bottom: -195px; }
    #indexBanner .rightImgBox { position: absolute; right: -169px; top: -65px; height: 400px; }
    #indexCustomer .testimonial { padding-right: 105px; }
    #indexCustomer .testimonial p { padding-left: 75px; }
    #indexCustomer .img-customers { margin: 0 0 0 80px; }
    #indexCustomer .testimonial p:nth-child(2) img { margin-right: 10px; }
    #indexCustomer .quote-right { margin: -12px 0 0 10px; }
    #indexNews .item { padding: 35px 33px; min-height: 235px; font-size: 16px; font-size: 1.6rem; line-height: 26px; }
    #indexBtm img { right: -170px; top: -73px; }
}

@media (min-width: 1400px) {
    #indexBanner img.scanner { width: 580px; left: 10px; top: -60px; }
    #indexBanner .rightImgBox { position: absolute; right: -169px; top: -65px; height: 400px; }
}

@media (min-width: 1600px) {
    #indexBanner img.scanner { width: 643px; left: 20px; top: -70px }
    #indexBanner .rightImgBox { position: absolute; right: -169px; top: -65px; height: 400px; }
}