body{background-color:#00529B;font-family:Arial;color:#000000;}
ul{padding:0;list-style:none;}
.container{padding:0 10px !important;}
.row{margin:0 !important;}
.row > div{padding:0 !important;}
a{text-decoration:none !important;}
.language{color:#04796F;}
.language a{font-family:Verdana;font-weight:bold;font-size:1em;color:#ffffff;}
.mobileMenuBtn{display:none;}
#LRfloater0{top:195px !important;}
.logo{height:154px;position:relative;}
.logo-left, .logo-center, .logo-right{height:158px;position:absolute;}
.logo-left{width:16px;background:url("../images/logo-left.png") no-repeat;z-index:10;}
.logo-center{width:100%;background:url("../images/logo-center.png") repeat-x;color:#144e8e;}
.logo-center img{margin-left:1%;}
.logo-right{width:16px;background:url("../images/logo-right.png") no-repeat;z-index:10;right:0px;}
.logo-center strong{font-size:1.6em;position:absolute;top:48px;right:2%;}
.logo-right{width:16px;background:url("../images/logo-right.png") no-repeat;}
.logo .contact{width:600px;line-height:1.5em;font-weight:bold;font-size:0.8em;position:absolute;top:90px;right:-30px;}
.logo .contact p{display:inline;margin:0 !important;margin-left:20px !important;font-size:1.25em;}
header{overflow:hidden;position:relative;border-bottom:5px solid #4989b9;}
header nav{background:url("../images/nav.png");position:absolute;top:136px;right:1.5%;width:645px;height:37px;line-height:37px;}
header nav a{font-size:1em;color:#ffffff;font-weight:bold;}
header nav a:first-child{margin-left:3.2%;}
header nav a + a{margin-left:3%;}
header nav a:hover{color:#000000;}
.mobileNav{display:none;}
.main{background-color:#ffffff;}
.main > .col-sm-3{position:inherit;width:22%;}
.main .col-sm-9{width:78%;}
.menu{background:#ffffff;border:5px #D5D7D4 solid;}
.menu li{padding-left:5px;}
.menu p{text-align:center;}
.menu span{color:#ff0000;}
.menu li a{color:#003873;font-weight:bold;}
.menu li a:hover{color:#ff0000;}
.menu .title{color:#ffffff;font-weight:bold;line-height:36px;background:url("../images/menu.png") no-repeat;height:38px;background-size:100% 100%;}
.encyclopedia a{color:#003873;}
.encyclopedia a:hover{color:#F93;text-decoration:underline !important;}
.scanningCamera a{color:#ffffff;}
.scanningCamera a:hover{text-decoration:underline !important;}
.content{background:#ffffff;border:5px #D5D7D4 solid;}
#banner{position:relative;width:100%;height:225px;overflow:hidden;}
#banner_list img{width:125%;border:0px;}
#banner_bg{position:absolute;bottom:0;background-color:#000;height:30px;filter:Alpha(Opacity=30);opacity:0.3;z-index:1000;cursor:pointer;width:100%;}
#banner_info{position:absolute;bottom:3px;left:5px;height:22px;color:#fff;z-index:1001;cursor:pointer}
#banner_text{position:absolute;width:120px;z-index:1002;right:3px;bottom:3px;}
#banner ul{position:absolute;list-style-type:none;filter:Alpha(Opacity=80);opacity:0.8;border:1px solid #fff;z-index:1002;margin:0;padding:0;bottom:3px;right:2%;}
#banner ul li{padding:0px 8px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#6f4f67;cursor:pointer}
#banner ul li.on{background:#900}
#banner_list a{position:absolute;}
.bannerArea .col-xs-8{width:65.5%;background-color:rgba(0, 0, 0, 0.3);}
.bannerArea .col-xs-4{height:225px;width:34.5%;background-color:rgba(0, 0, 0, 1);}
.video{width:100%;height:100%;}
.product > h3{text-align:center;font-weight:bold;color:#cc0000;}
.product{padding:10px;padding-top:0;}
.product p{margin-bottom:5px;}
.thumbnail{padding-left:0 !important;padding-right:0 !important;margin:0;border:5px #D5D7D4 solid;border-radius:0;}
.thumbnail p, .thumbnail h4{text-align:center;}
.thumbnail h4{line-height:28px;background-color:#ffffff;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#d5d7d4', endColorstr='#ffffff');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#d5d7d4', endColorstr = '#ffffff')";background-image:-moz-linear-gradient(left, #d5d7d4, #ffffff);background-image:-ms-linear-gradient(left, #d5d7d4, #ffffff);background-image:-o-linear-gradient(left, #d5d7d4, #ffffff);background-image:-webkit-gradient(linear, left top, right top, from(#d5d7d4), to(#ffffff));background-image:-webkit-linear-gradient(left, #d5d7d4, #ffffff);background-image:linear-gradient(left, #d5d7d4, #ffffff);margin-top:5px !important;margin-bottom:5px !important;color:#BF9500;font-size:1.125em;font-weight:bold;}
.thumbnail img{height:130px !important;}
.caption{padding:0 !important;}
.caption p{font-size:0.9em;height:30px;margin-bottom:5px;}
.caption a{color:#000000;}
.caption a:hover{color:#ff9933;}
.blog{background:#ffffff;border:5px #D5D7D4 solid;}
.blog .col-sm-1{width:5%;font-size:1.125em;font-weight:bold;color:#F33;}
.blog .row{padding:5px !important;border-bottom:1px dashed #CCC;}
.blog .more{line-height:36px;font-weight:bold;font-size:1.125em;padding-right:12px;text-align:right;border-bottom:1px dashed #CCC;}
.blog .more a{color:#00529B;}
.blog .more a:hover{color:#ff9933;text-decoration:underline !important;}
.productsInformation{padding:0 10px;background:#ffffff;border:5px #D5D7D4 solid;}
.productsInformation h4{font-weight:bold;text-align:center;}
.productsInformation p{margin-bottom:5px;}
.breadcrumbNav, .productDetails, .verticalDetails{background:#ffffff;border-bottom:5px #D5D7D4 solid;}
.breadcrumbNav{line-height:30px;padding:0 10px;}
.breadcrumbNav a:hover{color:#f0ad4e;text-decoration:underline !important;}
.productDetails, .verticalDetails{padding:15px;}
.productDetails p, .verticalDetails p{margin-bottom:5px!important;line-height:22px;}
.productDetails h3,.verticalDetails h3{text-align:center;font-weight:bold;color:#cc0000;margin:0;margin-bottom:10px;}
.productDetails .col-sm-5 ,.productDetails figure{text-align:center;}
.productDetails .col-sm-7:last-child{text-align:center;margin-top:60px;}
.productDetails video{width:80%;height:80%;}
.productDetails figure img{margin:10px auto;max-width:100%;height:auto;}
.verticalDetails .col-sm-6:first-child img{width:100%;}
.verticalDetails .col-sm-6:first-child video{margin-top:10px;}
.verticalDetails .col-sm-6:last-child{padding:0 30px !important;padding-right:0px !important;}
.message ul{margin:0 20px;}
.message h4{font-size:16px;margin:0;color:#ff0000;font-weight:bold;padding-left:10px;background-color:#eeeeee;line-height:28px;}
.message ul{border-bottom:2px #cccccc dotted}
.message ul:last-child{margin-bottom:20px;}
.message ul li{margin:3px 0;}
.message ul li:first-child strong{color:#0099FF;}
.message .time{margin-left:25px;margin-right:10px;color:#ff0000;}
.message .ipText{display:inline;}
.message ul li:first-child{margin-top:15px;}
.message ul li:last-child{margin-bottom:10px;color:#990000;}
.sendMessage{background-color:#f1fcfc;}
.sendMessage .head{margin:0;text-align:center;line-height:30px;background-color:#eeeeee;}
.sendMessage .head a{color:#003873;}
.sendMessage .head a + a{margin-left:15px;}
.sendMessage .head a:hover{color:#f0ad4e;text-decoration:underline !important;}
.sendMessage form{color:#04796F;margin:0 5%;}
.sendMessage input{color:#000000;height:24px !important;}
.sendMessage .name div, .sendMessage .e-mail div, .sendMessage .msn div, .sendMessage .oicq div, .sendMessage .messageText div{display:inline-block;}
.sendMessage .name div:first-child, .sendMessage .e-mail div:first-child, .sendMessage .msn div:first-child, .sendMessage .oicq div:first-child{text-align:center;line-height:35px;height:35px;width:35%;border:1px solid #CCCCCC;background-color:#f6f6f6;}
.sendMessage .name div:last-child, .sendMessage .e-mail div:last-child, .sendMessage .msn div:last-child, .sendMessage .oicq div:last-child{width:65%;height:35px;border:1px solid #CCCCCC;margin-left:-1px;padding-left:4px;}
.sendMessage .name div:last-child input, .sendMessage .e-mail div:last-child input, .sendMessage .msn div:last-child input, .sendMessage .oicq div:last-child input{height:35px;width:90%;margin-top:5px;}
.sendMessage .e-mail, .sendMessage .oicq{margin-left:-2px;}
.sendMessage .msn, .sendMessage .oicq{margin-top:-1px;}
.messageText div:first-child{background-color:#f6f6f6;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;width:17.6%;padding:30px 0;text-align:center;}
.messageText{border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;position:relative;width:99.6%;}
.messageText textarea{color:#000000;position:absolute;top:5px;resize:none;height:70px;width:70%;}
.sendMessage .code, .sendMessage .submitArea{background-color:#eeeeee;border:1px solid #CCCCCC;text-align:center;height:40px;line-height:40px;width:99.6%;}
.sendMessage .code{margin-top:-1px;}
.sendMessage .submitArea{border-top:none;padding-top:6px;line-height:inherit;color:#000000;}
.encyclopediaList{padding:10px;}
.encyclopediaList h3{margin-top:0px!important;font-weight:bold;color:#cc0000;text-align:center;}
.encyclopediaList p{line-height: 24px;margin: 5px 0!important;}
.encyclopediaList ul{margin-top:10px;}
.encyclopediaList a{color:#003873;}
.encyclopediaList a:hover{color:#F93;text-decoration:underline !important;}
.encyclopediaList .date{margin-left:10px;}
.attention{padding:10px;}
.attention h3{margin-top:0px;text-align:center;color:#cc0000;font-weight:bold;}
.attention img{height:190px !important;}
.attention > p{margin-bottom:5px;}
.attention .caption p{height:22px;padding:0 3px;margin-top:1px;font-size:1em;font-weight:bold;line-height:16px;}
.attention .caption a{color:#23527c;}
.attention .caption a:hover{color:#f0ad4e;}
.pageChange{color:#003873;}
.pageChange:hover{color:#F93;text-decoration:underline !important;}
.blog_message .col-sm-1{width:6%;}
footer{background:#ffffff;border:5px #D5D7D4 solid;}
footer{text-align:center;}
footer a{color:#000000;}
footer a:hover{color:#ff0000;}
footer h4{font-weight:bold;}
footer span{color:#ff0000;}
@media (max-width:1200px){.logo .contact{right:-35px;}
#banner_list img{width:103%;}
#banner, .bannerArea .col-xs-4{height:185px;}
#banner_bg{width:100%;}
.thumbnail h4{font-weight:inherit;}
.blog_message .col-sm-1{width:7%;}
.blog_message .col-sm-11{width:92%;}
}
@media (max-width:992px){.logo .contact{width:250px;right:2%;font-size:0.75em;}
.logo .contact p{display:block;}
.logo-center strong{top:52px;font-size:100%;}
.logo .contact{top:80px;}
#banner_list img{width:100%;}
#banner, .bannerArea .col-xs-4{height:142px;}
.product .col-sm-3 , .attention .col-sm-3{width:33.3%;}
.blog .col-sm-1{width:7%;}
.blog_message .col-sm-1{width:9%;}
.blog_message .col-sm-11{width:90%;}
}
@media (max-width:768px){.language a{font-size:0.8em;}
.mobileMenuBtn{z-index:10000;display:block;position:fixed;top:5px;right:5px;background-color:#cccccc;border-radius:5px;width:40px;height:35px;border:2px #ffffff solid;opacity:0.7;}
.mobileMenuBtn div{margin:auto;margin-top:6px;height:2px;width:20px;background-color:#ffffff;}
.mobileMenuBtn div + div{margin-top:6px;}
.main > .col-sm-3{position:fixed;top:0px;left:-200px;z-index:10000;width:200px;height:100%;overflow:scroll;}
.main > .col-sm-9{width:100%;}
header nav{right:2%;}
#banner_list img{width:102%;}
#banner, .bannerArea .col-xs-4{height:184px;}
.product .col-xs-6 , .attention .col-xs-6{width:25%;}
.product > h3{font-size:1.5em;}
#LRfloater0 img{width:80px;}
.blog_message .col-sm-1{width:7.5%;}
.blog_message .col-sm-11{width:92%;}
}
@media (max-width:767px){.thumbnail h4{font-size:1em;}
.sendMessage .e-mail, .sendMessage .oicq{margin-left:0px;margin-top:-1px;}
.sendMessage .code, .sendMessage .submitArea, .sendMessage .messageText{width:99.8%;}
.sendMessage .messageText div:first-child{width:35.1%;}
.sendMessage textarea{width:57.8%;}
.verticalDetails .col-sm-6:last-child{padding:0 !important;}
.verticalDetails .col-sm-6:last-child h3{margin-top:20px;}
.blog_message .col-sm-11{width:100%;}
}
@media (max-width:670px){.logo-center{text-align:center;}
.logo-center strong{display:none;}
.logo .contact{width:400px;top:120px;right:7%;text-align:right;}
header{border:none;}
header nav{display:none;}
.mobileNav{border-left:10px solid #4989b9;border-right:10px solid #4989b9;border-bottom:6px solid #4989b9;display:block;padding:3px 2px 0px 3px;background-color:#f5f2f9;margin-top:-3px;}
.mobileNav a{display:block;height:37px;line-height:35px;text-align:center;color:#ffffff;background:url("../images/nav.png") no-repeat;background-size:100% 100%;}
.mobileNav a + a{margin-top:-5px;}
.mobileNav a:hover{color:#000000;}
.thumbnail h4{font-size:1.125em;}
.product .col-xs-6,.attention .col-xs-6{width:33.3%;}
}
@media (max-width:620px){.bannerArea .col-xs-8{width:100%;}
#banner_list img{width:124%;}
#banner{height:220px;}
.bannerArea .col-xs-4{width:100%;}
.message .ipText{display:block;}
}
@media (max-width:550px){.product .col-xs-6 ,.attention .col-xs-6{width:50%;}
.message ul{margin:0 8px;}
.message h4{padding-left:8px;}
.productDetails, .verticalDetails{padding:5px;}
}
@media (max-width:414px){#LRfloater0 img{width:60px;}
.logo-center img{width:80%;}
.logo .contact{top:120px;}
#banner_list img{width:100%;}
#banner{height:178.5px;}
#banner_bg{filter:Alpha(Opacity=0);opacity:0;}
.product, .attention{padding:4px;}
.sendMessage .code, .sendMessage .submitArea, .sendMessage .messageText{width:99.6%;}
}
@media (max-width:375px){#banner{height:164px;}
.product > h3{font-size:1.25em;}
.thumbnail img{height:120px !important;}
.thumbnail h4{font-size:1em;}
.attention img{height:140px !important;}
.breadcrumbNav{line-height:20px;}
}
@media (max-width:360px){.logo .contact{top:115px;}
#banner{height:158px;}
.caption p{font-size:0.8em;}
.attention .caption p{font-size:0.8em;}
}
@media (max-width:320px){.container{width:320px !important;}
.logo .contact{top:106px;text-align:center;right:-50px;}
.language a{font-weight:inherit;}
#banner{height:142px;}
#banner_info{font-size:0.8em;}
.thumbnail h4{font-size:0.9em;}
.caption p{line-height:14px;}
.breadcrumbNav{padding:0 5px;}
.encyclopediaList{padding:5px;}
}
@media only screen and (min-width: 671px) and (max-width: 739px){header nav {top:156px;}}
@media only screen and (min-width: 769px) and (max-width: 991px){header nav {top:156px;}}