@charset "utf-8";
/* CSS Document */
body {}
a:hover{ text-decoration:none}
ul,li{ padding:0; margin:0; list-style-type:none}
.h1, .h2, .h3, h1, h2, h3{ margin:0;}
a{ color:#666}
a#logo{ background:url(logo.png) left center no-repeat; display:block;height:90px;text-decoration:none; width:250px}
#header a.btn{margin-top:0px;}
#header #tel{font-size:24px;text-align:right; font-weight:700}
#header #tel span{ font-weight:normal; color:#888}
.m20{ margin-bottom:20px}
a.btn-purchase {background: #fff;color: #333;text-transform: uppercase;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
a.btn-danger{text-transform: uppercase;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
a.btn-purchase:hover, a.btn-purchase:focus,a.btn-danger:hover, a.btn-danger:focus{background:#333;color: #fff;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
a.btn-danger.active,a.btn-danger.focus,a.btn-danger:active,a.btn-danger:focus,a.btn-danger:hover,.open>.dropdown-toggle.btn-danger{ border:1px solid #F77B6F}
.footer {padding-top: 40px;padding-bottom: 40px;margin-top: 40px;border-top: 1px solid #eee;}
.jumbotron {text-align: center;background-color: transparent;}
.jumbotron .btn {padding: 14px 24px;font-size: 21px;}

.navbar {min-height:40px;margin-bottom:20px;border:none; border-radius:0px; background:#d00018}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {background-color: #333;}
.navbar-nav>li>a {padding-top:10px;padding-bottom:10px;}
.navbar-brand {height:40px;padding:10px 15px; font-size:14px}
.dropdown-menu{ width:193px;}
.dropdown-menu .contact{ padding:0 10px}
.nav>li:hover .dropdown-menu {display: block;}
.dropdown-menu>li>a {padding:10px 20px; background:url(dot.jpg) 10px 19px no-repeat; color:#333}

.navbar{min-height:40px; z-index:999}
.navbar-collapse{ padding-left:0; padding-right:0}
#menu>.navbar-nav>li>a{ padding:10px 30px; color:#fff;text-align:center; font-weight:bold}
.navbar .nav>li:hover{background:#333; border-radius:0px}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {color: #fff;background-color:#333;}
.navbar .nav>li:hover a{ color:#fff}
.navbar .nav>li:hover .dropdown-menu {display: block; border:0;}
.dropdown-menu{ width:193px;}
.dropdown-menu>li>a {padding:10px 20px; background:url(dot.jpg) 10px 19px no-repeat; color:#333}
.navbar .nav>li:hover .dropdown-menu>li>a{ color:#333}

@media (min-width: 768px) {.nav-justified {  max-height: 52px;}
.nav-justified > li > a {border-right: 1px solid #0f0f0f;border-left: 1px solid #5c5c5c;}
.nav-justified > li:first-child > a {  border-left: 0;  border-radius:0;}
.nav-justified > li:last-child > a {  border-right: 0;  border-radius:0;}
}
@media screen and (min-width: 768px) {.masthead,.marketing,.footer {  padding-right: 0;  padding-left: 0;}
}
#homeproducts .col-xs-2{ width:20%}
#submenu{ padding-top:20px}
#submenu dt{width:50px;text-align:center;text-overflow: ellipsis;white-space:pre-wrap;border-radius:5px; padding:5px;color:#fff}
#submenu dt.dta{ background:#009bda; }
#submenu dt.dtb{ background:#e73331; }
#submenu dt.dtc{ background:#00ac1c; }
#submenu dd {margin-left:60px;}
#submenu dd a{ margin:0 5px; line-height:25px}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {background-color:#333; border-color:#333;font-size:16px; font-weight:700;}
.list-group-item .glyphicon{ margin-right:10px}
h2.title{font-size:18px; font-weight:600;line-height:40px; margin-bottom:15px; border-bottom:1px solid #dedede; padding-bottom:15px}
h2.title a span{font-size:20px; font-weight:600; color:#333; padding-right:10px; margin-right:10px; border-right:1px solid #dedede}
h2.title i.glyphicon{font-weight:normal; font-size:12px; margin-right:5px; color:#888}
h2.title a{color:#333; text-decoration:none}

h3.title{ background-color: #333;border-color: #333;z-index: 2;color: #FFF; border-top-left-radius: 4px;border-top-right-radius: 4px;    position: relative;display: block;padding: 10px 15px;
 margin-bottom: -1px;font-size:16px; font-weight:700; margin-bottom:20px;line-height: 1.42857;}

#vertical-ticker{height:245px;overflow:hidden;margin:0;padding:0;}
#vertical-ticker li{ padding:0;list-style-type: none;border:none;}
#vertical-ticker li img{ border-bottom:5px solid #fff}
#vertical-ticker li a{border:none;}

.solution,.products{ margin-bottom:20px}
.solution li{ line-height:30px;}
.solution li span{ margin-right:10px}	
.products LI{ line-height:30px;}

.gray-bg{ padding:50px 0; background:#f5f5f5}
section{padding:50px 0; }
.carousel-control.left,.carousel-control.right {background-image:none;}
.thumbnail{box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1); padding:15px}
.thumbnail h2.title{ margin-bottom:10px; padding-bottom:5px}
.thumbnail img{ margin-bottom:15px}
.thumbnail p{color:#888; line-height:22px; height:70px}
.thumbnail a{font-size:18px}
#links{ background:#555; color:#fff}
#links a{ color:#fff}
#links h2.title{ border-bottom:1px solid #333}
.box_inner{}
.box_inner p{ line-height:25px}
.event_date {}
.event_date span{color: #333; font-size:30px; line-height:30px; display:block; padding:5px 8px;background:#eee; border-top-left-radius:5px; border-top-right-radius:5px;}
.event_date i{font-size:12px; font-style:normal;font-weight:0; line-height:20px;display:block;padding:3px 8px;text-align:center; background:#333; color:#fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.event_date sup{ font-size:12px}
.box_inner h3{ font-size:14px; font-weight:400; margin-bottom:10px}
#leftbar .box_inner,#about .box_inner{ border-right:1px dotted #dedede; padding-right:15px}
#leftbar .box{margin-bottom:20px}
#leftbar .box .pull-left{ margin-right:10px}
#leftbar .box_inner p{ font-size:14px; }
#leftbar .box_inner a.btn{ display:block; text-align:right}

.contact dl{ margin-bottom:10px; border-bottom:1px dotted #dedede; padding-bottom:10px}
.contact dt{ line-height:30px; font-size:16px; font-weight:700}
.contact dd{ line-height:25px}
.contact dd span,.contact dt span{ margin-right:10px; font-size:14px; color:#ccc}
#about .col-md-6{}
#about p{ color:#888; line-height:28px}

#kc dt span{ display:inline-block; width:20px; height:20px; border-radius:10px; margin-right:5px; text-align:center; background:#f60; color:#fff}
#kc dd{color:#888; line-height:20px}

ul,li{ padding:0; margin:0;}
li{list-style-type:none; }
.listnews li,ul.list li{line-height:30px;background:url(dot.png) left center no-repeat; padding-left:10px}
ul.list li span{ margin-right:10px}
.listnews li span,ul.list li i{ float:right; color:#888}
ul.list{ margin-bottom:20px}
.listdot{ margin-bottom:20px}
.listdot li{ line-height:35px; border-bottom:1px dotted #dedede; list-style-type:none; background:url(dot.png) left center no-repeat; padding-left:10px}

.pagelist{ text-align:right}
.place{background: #F5F5F5 none repeat scroll 0% 0%;border: 1px solid #DEDEDE;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);border-radius: 4px;margin-bottom: 20px; padding:5px 10px; line-height:30px}

.dl-horizontal dt{width:80px; text-align:left}
.dl-horizontal dd {margin-left:90px;}
.en-dl-horizontal dt{width:150px; text-align:left}
.en-dl-horizontal dd {margin-left:160px;}

#treemenu a{ display:block; border:1px solid #dedede; line-height:30px; padding-left:20px; background:url(treemenu.png) left bottom no-repeat;}
#treemenu a:hover,#treemenu li.active a{background:#f5f5f5 url(treemenu.png) left top no-repeat;}
#treemenu li{margin-bottom:5px}