body{font:14px "Roboto Condensed", sans-serif, Helvetica, sans-serif;margin:0;position:relative;background:url(../img/bgcamera.pngzz)}
.bg{position:relative;margin:0 auto;box-shadow:0px 1px 18px rgba(0,0,0,0.20);border-radius:5px;}
.clr{clear:both;}
li, dt, dd,h1, h2, h3{line-height:1.5}
a{text-decoration:none;color:#00306e;text-shadow:none}
a:hover{text-decoration:none;color:#307ABD;}
ul{list-style:none;}
p{line-height:1.5;}
img{border:none;margin:0;padding:0;max-width:100%}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf')  format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf')  format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.Roboto-Regular{font-family: 'Roboto-Regular';}
.Roboto-Bold{font-family: 'Roboto-Bold';}

header{background: -webkit-gradient(linear, left top, right top, from(#fff), to(#f4f4f4));
background: -webkit-linear-gradient(top, #fff, #f4f4f4);
background: -moz-linear-gradient(top, #fff, #f4f4f4);
background: -o-linear-gradient(top, #fff, #f4f4f4);
background: -ms-linear-gradient(top, #fff, #f4f4f4);
background: linear-gradient(top, #fff, #f4f4f4);
background-color: #fff;border-radius:5px 5px 0 0;padding:10px 15px 0
}
.hotline{font-size:18px;color:#EC3237}
.hotline i{margin-right:10px}

.social_hd a{color:#307ABD}
.social_hd i{margin-left:8px;font-size:25px}
.cpn-name{font-size:25px;color:#307ABD}
.cpn-name b{font-size:30px;color:#EC3237;display:block}
.brand img{max-width:200px;}
.left_head{float:left;}
.right_head{text-align:right;margin:10px 0}
.brand{margin:0;padding:0}
.seach{position:absolute;margin:0;top:5px;right:20px;z-index:100}
input[type=text].txtseach{background:#fff;border-radius:5px;border:1px solid #E0E0E0;position:relative;padding:2px 8px;height:auto;margin:0;font-size:12px}
.bts{background:none;padding:0;border:none;position:absolute;right:10px;top:5px}
.bts i{color:#f6a424}
.flag{margin:0 0 10px;}
.home,.icseach{display:none}
.boxnar{margin:0;position:relative}
.navbar{background:url(../img/bgnav.png) center center repeat-x;box-shadow:0 1px 3px rgba(0, 0, 0, 0.16);border-radius:0 0 5px 5px}
.navbar .nav{height:35px;float:none;margin:0}
.menu li{position:relative;border-right:1px solid #d8d8d8}
.menu li a{color:#4b4b4a;font-size:14px;padding:7px 32px;display:block;}
.menu li a.left_margin{padding-right:320px}
.menu li:last-child{border:none}
.nav > li > a:hover, .nav > li > a:focus{color:#307ABD}
.navbar{margin:0}
.menu .caret{position:absolute;top:16px;right:16px}
.menu .dropdown-menu{background:rgb(250, 250, 250)}
.menu .dropdown-menu li{border:none;border-bottom:1px solid #ECECEC;display:block}
.menu .dropdown-menu > li > a{padding:4px 32px;font-size:13px}
.menu .dropdown-menu > li > a:hover{background:#F6A424}
.slide{position:relative;border-radius:5px 5px 0 0;margin:5}
main{background:#fff;padding:15px}
/*.left_bar{background:url(../img/bg_menu_body.png) top left repeat-y;padding-bottom:40px;position:relative;margin-bottom:40px}*/
.item{float:left;width:31.3%;margin:0 3% 3% 0}
/*.inner_item{margin:0 12px 24px 0px}
*/
.box_item > div:nth-child(3n+0){margin-right:0}
.img_item{}
.img_item img{border-radius:5px 5px 0 0;width:100%}
.title_item{margin:0;padding:0;}
.title_item a{color:#307ABD;text-transform:uppercase;background:#f7f7f7;border-radius:0 0 5px 5px;font-size:12px;display:block;padding:5px 15px;border-top:1px solid #307ABD;position:relative;}
.title_item a i{color:#307ABD;position:absolute;right:15px;top:6px;font-size:16px}

.title_bar{font-size:12px;font-weight:normal;text-transform:uppercase;border-bottom:1px solid #f6a424;margin:0 0 15px;padding-bottom:5px}
.news_item{border-bottom:1px solid #efefef;padding-bottom:8px;margin-bottom:12px}
.news_item img{float:left;width:132px;border-radius:5px;margin:0 20px 0 0}
.news_detail{}
.news_detail span{color:#EE3237;display:block}
.news_detail span i{margin:0 10px 0 0}
.news_detail p{line-height:16px;margin:5px 0 0;text-align:justify}
.news_detail a{color:#727272;}
.news_detail a:hover{color:#EC3237}
.box_news > div:last-child{padding:0;border-bottom:none}
.more{border-radius:5px;background:#f7f7f7;color:#EE3237;text-align:right;padding:5px 15px;display:block}
.more i{margin:0 0 0 5px}
.title_item a:hover,.more:hover{color:#fff;background:#307ABD}
.title_item a:hover i,.more:hover i{color:#fff}

footer{background:#f0f0f0;padding:20px;color:#757575;font-size:14px;line-height:1.6}

footer h4{margin:0 0 10px;text-transform:uppercase;font-size:16px}
footer ul{margin:0 0 10px;padding:0}
footer ul li{padding:2px 0;background:url(../img/arrow.gif) left 8px no-repeat;padding-left:10px}
footer ul li a:hover{color:#EC3237}
footer i{color:#D0393D;font-size:15px;margin-right:8px;}
footer p img{max-width:120px}
.social_ft a{font-size:20px}
.social_ft{margin-top:10px}


.total table{padding:0;float:left}
.total table td.tday{background:url(../img/vtoday.png) left no-repeat;padding-left:20px}
.total table td{padding:3px}
.total table td.ytd{background:url(../img/vall.png) left no-repeat;}
.face{float:right;text-align:right}
.bottom{text-align:center;margin:0;background:#4c4c4c;padding:8px;border-radius:0 0 5px 5px}
.bottom a {color:#9b9999}
.breadcrumb{margin:0}
.breadcrumb{border:none;background:none;border-radius:0;padding:5px;margin:0}
.breadcrumb > li{padding:5px;text-shadow:none}
.breadcrumb > li + li:before{content:">>";padding-right:10px;}
.breadcrumb > .active{}

/*product*/
.catalogl{margin:0;padding:5px 15px;background:#F6F6F6;border-radius:5px}
.catalogl li{padding:5px 0;position:relative}
.catalogl a{text-transform:uppercase;}
.catalogl a:before{content:"\f101";font-family:FontAwesome;padding-right:5px; color:Red}
.list_item{float:left;width:30.9%;margin:0 25px 30px 0}
.list_item_tt{float:left;width:16%;margin:0 25px 0px 0}
.list_item_inner{}
.list_item_inner img{border-radius:3px}
.list_item_inner h2{font-size:12px;font-weight:normal;text-transform:uppercase;margin:8px 0 0;border-top:1px solid #dbdbdb;padding-top:5px}

.submenu{position:relative;background:none;border:none;box-shadow:none}
.submenu > li{padding:0}
.submenu > li > a{color:#6D6455;font-size:11px}
.submenu > li > a:hover{background:none;color:#E88E00}
.catalogl .submenu > li a:before{content:"\f0c8";vertical-align:middle;padding-right:8px;font-size:4px; color:Red}
#subcatalog .caret{    position: absolute;
    right: 0;
    top: 10px;
    border-top-color: #E08A04;
    border-width: 6px;}

.title_prd{background:url(../img/bgnav.png) repeat-x;font-size:15px;font-family:Roboto-Bold;text-transform:uppercase;margin:0 0 10px;padding:0 15px}
.box_list_item div:nth-child(3n){margin-right:0}
.img_litem{height:120px;overflow:hidden}
.img_litemtt{height:80px;overflow:hidden}
/*detail*/
.right_dtail b{font-size:14px;display:block;margin:10px 0}
.right_dtail ul{margin:0;padding:0 0 0 20px;list-style:square;color:#373737;}
.right_dtail ul li{padding:0;line-height:normal;margin:0}
.menu-prd{font-size:13px;margin:0 0 15px;padding:0}
.menu-prd li .description{display:block !important}
.description{border:1px solid #dbdbdb;border-radius:5px;padding:15px; font-size:14px}
.description table tr td:first-child{background:#f7f7f7;font-family:"Roboto-Bold";width:25%}
.description table tr td{border-bottom:1px solid #dbdbdb;padding:5px}
.menu-prd li{padding:0;margin:10px 0 0}
.menu-prd li .title{background:url(../img/bgnav.png) repeat-x center center;border-radius:5px;border:1px solid #dbdbdb;padding:5px 15px;margin:0;cursor:pointer;position:relative;font-family:"Roboto-Bold";color:#FB5100; font-size:14px; font-weight:bold}
.detail2{margin:15px 0 0}



.image_carousel {
	position: relative;padding:0 20px
}
a.prev, a.next {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 0;font-family:FontAwesome;font-size:18px;border:1px solid #dbdbdb;text-align:center
}
.foo2{background:#fff;padding:0}
.caroufredsel_wrapper{width:100% !important}
a.prev {left:0px;;}
a.prev:hover,a.next:hover {opacity:0.7}
a.next {right:0px;}


.title_detail b{background:none}
.nlist{margin:15px 0;border-bottom:1px solid #dbdbdb;padding-bottom:15px;font-size:14px}
.nlist:last-child{border:none}
.nlist a{display:block;margin:0 0 10px}
.nlist img{float:left;margin-right:20px;width:171px}
.ndtail a.mor{text-align:right;font-size:12px;font-style:italic}
.ndtail b{font-size:16px;}

.bgct{padding:0 10px 20px}

.badd{margin:20px 0;font-size:14px}
.badd img{float:left;margin-right:20px}
.badd  b{display:block;font-size:18px;font-weight:normal}
.badd p{margin-bottom:20px}
.ifctm{margin:20px 0}
.bgctm{border-bottom:1px dashed #9B9B9B;padding:6px 0 6px 0;font-size:16px;font-weight:bold;color:#EC0505}
.form-group{margin:5px 0}
.form-horizontal .control-label{margin-right:20px;width:120px}
.form-horizontal .form-control{border:1px solid #9B9B9B;border-radius:0;padding:3px 5px;height:auto;width:70%}
.form-horizontal textarea.form-control{min-height:120px}
.form-horizontal .code{width:100px}
.bma{margin:0 0 20px;border-bottom:1px dashed #5b5b5b;padding-bottom:20px}
.btn{background:#EC0505;color:#fff;border-radius:0;padding:3px 20px}
.fac{border-top:1px solid #9B9B9B;padding-top:10px;margin:0 0 20px}
.prddetail{font-size:14px}
.list-tab{margin: 0 0 10px;height:25px;padding:0;position:relative;z-index:5;border-bottom:1px solid #f6a424}
.list-tab li{/* float:left; */display:inline-block}
.list-tab a{color:#5b5b5b;/* background:url(../img/bgnav.png) repeat-x center center; *//* padding:2px 14px; */font-size: 12px;margin:0 4px;/* border-radius:5px; *//* border-right: 1px solid #dbdbdb; */display:inline-block;text-transform: uppercase;}.list-tab li.active a{color:#fff;border-bottom:none;color:#ED3237;/* padding-bottom:10px; */border-radius:5px 5px 0 0}
.tab-content{}
.tabcontent{}
.big_font{font-size:18px}
.dt_img{}

.l_img{float:left;width:50%;margin-right:20px;position:relative}
.r_dtail{float:left;width:47%;font-size:14px}
.r_dtail h1{margin:20px 0 10px;padding:0;color:#444;font-size:16px;font-weight:bold;text-transform:uppercase;}
.r_dtail p{margin:0;padding:0}
.r_dtail b{color:#EC0505;font-weight:normal}
.man{margin:0 0 20px;}
.r_dtail p.prid{float:left}

/*contact*/
.title_conact{font-size:16px;}
input[type=text].input-lg,.input-lg{height:auto;width:100%}
.btn-lg{border-radius:3px;margin:0;background:#ED3237}
.btn-lg:hover{background:#4C4C4C}
.box_contact{background:#f8f8f8;padding:20px;border-radius:5px}
.box_contact{font-size:14px;color:#666;line-height:1.5}
.box_contact .name_info{font-size:20px;}
.icon_gly{padding:0 0 6px}
.icon_gly i{margin-right:10px}

/*cập nhật css
.hidden-slide .slide{display:none}*/
.bg{box-shadow:0px 1px 18px rgba(0,0,0,0.20)}
.detail table tr td img{width:100% !important;height:auto !important;margin:0 0 10px}
.catalogl{margin:0 0 15px}
.list-c{border:2px solid rgba(0, 0, 0, 0.09);border-radius:5px;margin:0 0 15px;padding:0}
.list-c img{width:100%}

.boxnar{margin:0;position:relative}
.bbseach{position:absolute;margin:0;top:5px;right:20px;z-index:100}


.item-main{position:relative;margin-bottom:20px;font-size:13px;border-bottom:1px solid #e4e4e4;padding-bottom:20px}
.item-img img{width:45%;float:left;margin-right:20px;}
.item-main h3{margin:0 0 15px;padding:0;line-height:1.3;font-weight:normal}
.item-main h3 a{font-size:20px;}
.box_main,.box_video{font-size:13px}
.box_main .title_slide{padding:0 0 8px;}
.news1,.lnew{border-bottom:1px solid #e4e4e4;width:48%;margin:1%;float:left}
.news1_detail strong{text-align:justify;display:block;margin:0 0 5px}
.news1_detail p{line-height:17px}
.img_left{float:left;margin:0 10px 2px 0;width:30%}
.list_news{padding:10px 0 0}
.lnew{}
.lnew .fa{font-size:16px;float:left;margin-right:8px;}
.lnew a,.tb1 a{overflow:hidden;display:block}
.lnew{border:none}












.lnew i{float:right;color:#FC0;display:inline-block}

.box-header {
    font-weight:bold;
    font-size:12pt;
    color:#1B75BC;
    text-transform:uppercase;
}
.box .box-header {
    color: #FFF;
    position: relative;
}