@charset "utf-8";
body{
	background: #fff;
	font-family: Cambria !important;
	color: #000 !important;
	-webkit-user-select: initial !important;
}
#wapper{
	/*width:1000px;*/
	margin:0 auto;
}
#header{width:100%;float:left; margin-bottom:10px; }
#banner{
	width:1160px;
	margin: 0px auto;
	height: 75px;
	padding-top: 6px;
}
a:hover, a:active{text-decoration:none !important;}
.introduction {padding:50px;background-color:#24bde2;color:#fff;}
.introduction p{font-size:20px;}
.introduction img{border-radius:20px;box-shadow:5px 7px 6px 0px #00000036;}
.introduction a{display:block;padding-bottom:15px;color:#fff;font-family:dancing script;font-size:70px;}
.red-btn{
	background:url(../images/datmua.png) 
	no-repeat;color:#fff;
	text-decoration:none !important;
	cursor:pointer;
	height:15px;
	width:50px;
	margin-top:5px;
	margin-left:46px;
	font-size:10px;
	}
.red-btn:hover{
	background:url(../images/datmua1.png) 
	color:rgb(255,255,0);
	}
.red-btn-xs{padding:2px 8px;font-size:9px;}
/** Main Menu */
#main-menu{
	width:100%;
	height: 38px;
	float:left;
	background:url(../images/nav_bg.gif) repeat-x;
	/*border-radius:20px 20px 20px 20px;*/
	}
#list-main-menu{width:1000px;height:40px;margin:auto;padding:0;margin-left: 20px;}
#list-main-menu>li{float:left;display:inline-block;}
#list-main-menu>li:hover>a{
	background-color:rgb(255,0,0); 
	/*border-radius:20px 20px 20px 20px;*/
}
#list-main-menu>li>.active{
	background-color:rgb(255,0,0); 
	/*border-radius:20px 20px 20px 20px;*/
}
#list-main-menu>li>a{
	height:40px;
	float:left;
	padding:0 16px !important;
	line-height:40px;
	color:#fff;
	text-decoration:none;
	min-width: 91px;
}
/** Submenu */
#list-main-menu > li:hover .submenu{margin-left:0;opacity:1;visibility:visible;}
.submenu{width:240px;height:auto;position:absolute;margin-top:40px;background-color:#009;border-left:solid 2px #000;padding:0;z-index:1000;
margin-left:70px;opacity:0;visibility:hidden;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.submenu > li{width:100%;float:left;list-style:none;}
.submenu > li:hover > a{background-color:rgba(0, 0, 0, 0.3);border-left:solid 2px #E37372;}
.submenu > li > a{width:100%;height:40px;float:left;padding-left:25px;line-height:40px;color:#fff;text-decoration:none;
transition:background 1s ease;-webkit-transition:background 1s ease;-moz-transition:background 1s ease;-ms-transition:background 1s ease;
-o-transition:background 1s ease;}
/** Slider */
#slider{width:1000px;height:360px;float:left; margin-bottom:30px;font-style: italic;}
.jcarousel-skin-tango2 .jcarousel-container-horizontal {width:100%;float:left;height:230px;margin-top:17px;padding:0 20px;}
.jcarousel-skin-tango2 .jcarousel-clip{overflow:hidden;}
.jcarousel-skin-tango2 .jcarousel-clip-horizontal{width:100%;height:230px;float:left;}
.jcarousel-skin-tango2 .jcarousel-item {width:310px;height:230px;}
.jcarousel-skin-tango2 .jcarousel-item-horizontal{float:left;margin-right:12px;}
.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left:10px;margin-right:0;}



/** Content Wapper */
#content-wapper{width:1160px;margin:auto;
min-height: 1000px;}

/** Left Column */
#left-col{width:202px;height:auto;float:left;}
#left-col1{width:202px;height:auto;float:right;}
.left-panel{
	clear: both;
	width: 250px;
	height: auto;
	float: left;
	/*margin-bottom: 15px;*/
	/*border: solid 1px gray;*/
	background-color: #fff;
}
.left-panel > .heading{
	width:100%;height:40px;
	float:left;
	line-height:32px;
	text-align:left;
	color: #212020;
	font-size:16px;
	border-bottom: 1px solid #ddd;
	/*background:url(../images/left-box-title.jpg) no-repeat;*/
}
.left-panel > .body{
	width:100%;
	height:auto;
	float:left;
	/* margin-bottom:20px;*/
 }
#product-nonem-list{
	width:100%;float:left;padding:0;list-style:none;margin:0;
	border-bottom: 1px solid #ddd;
	}
#product-nonem-list > li{
	width:100%;float:left;
	/*border-bottom: 1px solid #ddd;*/
}
#product-nonem-list > li:hover > a{padding-left:25px;color:#00C;font-weight:bold;}
#product-nonem-list > li > a{width:100%;float:left;padding-left:20px;line-height:27px;color:#002b61;text-decoration:none;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;
font-family: Cambria;}
.product-nomen-list-style{float:left;margin-top:12px;}
.sub-nomen-left{width:100%;float:left;margin:0;padding:0;list-style:none;}
.sub-nomen-left>li{width:100%;float:left;}
.sub-nomen-left>li>a{width:100%;float:left;color:#03F;text-decoration:none;padding-left:25px;}
.sub-nomen-left>li>a:hover{color:#f33;}


/* Search */
#left-search{width:200px;float:left;height:30px;margin:10px 5px;border-color:#013499}

/* ADS */
.jcarousel-skin-tango3 .jcarousel-container-vertical{width:100%;height:480px;float:left;}
.jcarousel-skin-tango3 .jcarousel-clip {overflow:hidden;}
.jcarousel-skin-tango3 .jcarousel-clip-vertical{width:243px;height:460px;padding:10px 30px;}
.jcarousel-skin-tango3 .jcarousel-item{}
.left-slide-img{width:100%;height:140px;float:left;padding:1px;border:solid 1px #800000;}


.jcarousel-skin-tango .jcarousel-container-vertical{width:100%;height:190px;float:left;margin-left:13px;}
.jcarousel-skin-tango .jcarousel-clip {overflow:hidden;}
.jcarousel-skin-tango .jcarousel-clip-vertical{width:200px;height:185px;top:5px;}

/* EXTEND LINK */
#link-wapper{width:200px;height:auto;float:left;overflow:hidden;position:absolute;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
#link-bg{width:100%;height:30px;float:left;background-color:#fff;border:solid 1px rgba(187, 187, 187, 0.52);
-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.12);-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.12);
-ms-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.12);-o-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.12);position:relative;z-index:100;}
#link-wapper:hover > #list-link{margin-top:30px;}
#link-wapper:hover #link-bg > span > b{color:#fff !important;}
#list-link{width:200px;height:auto;float:left;padding:10px;margin:0;margin-top:-145px;list-style:none;background-color:#fff;position:absolute;
transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
#list-link > li{width:100%;height:auto;float:left;}
#list-link > li > a{width:100%;float:left;padding:5px 0;border-bottom:solid 1px #ccc;}

/** Rigght Column */
#right-col{
	width: 100%;
	height:auto;
	float:left;
	margin-left: 8px;
	padding-top: 25px;
}

.right-panel1{width:100%;float:left;margin-bottom:10px;;margin-top: 15px;}
.right-panel1 > .heading{width:100%;height:55px;float:left;padding-left:42px;line-height:32px;color:#fff;margin-top: -15px;
background:url(../images/right-box-title.png) no-repeat;}
.right-panel1 > .body{width:100%;float:left;padding-bottom:10px; padding-top:10px;}
.right-panel1 > .body .container{width:100%;}
.right-panel{
	width: 875px;
	float: left;
	/* border: solid 1px gray; */
	margin-bottom: 10px;
	background-color: #fff;
	margin-top: 15px;
	margin-left: 30px;
}
.right-panel_main{
	width: 100%;
	float: left;
	/* border: solid 1px gray; */
	margin-bottom: 10px;
	background-color: #fff;
	margin-top: 15px;
	/*margin-left: 30px;*/
}
.right-panel > .heading{
	width:100%;height:40px;
	float:left;
	/*padding-left:42px;*/
	line-height:32px;
	color:#404040;
	margin-top: -15px;
	border-bottom: 1px solid #ddd;
	font-size: 26px;
}
.right-panel > .body{width:100%;float:left;padding:5px;}
.right-panel > .body .container{width:100%;}


.product-box{width:189px;height:253px;float:left;background:url(../images/bg-sp.png) no-repeat}
.product-box:hover{border-color:#000040;}
.product-box img{float:left;border:1px solid #4f4f4f;margin: 8px;}
.product-box > ul > li{width:100%;float:left;color:#0A356A;font-size:15px;text-align: center;}
/* Partner */
#partner-wapper{width:100%;height:auto;float:left;}
#partner-box{width:100%;height:150px;float:left;}

/* News page */
.new-nav > li{
	width:100%;float:left;
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid #ddd;
}
.new-nav > li > a{width:100%;float:left;border-left:solid 2px #fff;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.new-nav > li > a:hover{border-color:#C00;}
.new-nav > li > a .news-info{
	width: 80%;
	float:left;margin-left:10px;color:#555;
}
.new-nav > li > a .news-name{width:100%;float:left;font-size: 16px;
	color: #000;
}
.new-nav > li > a .news-description{width:100%;float:left;
color: #000;}
.news-pic{width:120px;height:80px;float:left;}

/** Footer */
#footer{width:100%;float:left;
text-align:center;
	/* background: linear-gradient(to top, #8e0000 0%, #D20101 100%);
	background: -moz-linear-gradient(to top, #8e0000 0%, #D20101 100%);
	background: -o-linear-gradient(to top, #8e0000 0%, #D20101 100%);
	background: -ms-linear-gradient(to top, #8e0000 0%, #D20101 100%);
	background: -webkit-linear-gradient(bottom, #8e0000 0%, #D20101 100%);
	border:groove 1px #999999;
	*/
}
.footer-nav{padding-top: 8px;
text-align: center;}
.footer-nav>li>a{color:#fff;font-size:14px;border-right:solid 1px #ccc;padding:0 16px 0 9px;}
.quytrinh{ color:white;background:url(images/aaa.png);width:450px; height:468px;position:fixed ; right :-400px;margin-top:215px;}
.quytrinh:hover{ color:white;background:url(images/aaa.png);width:450px; height:468px;z-index:999;position: fixed; right :0px;margin-top:215px;}

.img-thumbnail{
position: relative;
z-index: 0;
}

.img-thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.img-thumbnail span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}

.img-thumbnail span img{
border-width: 0;
padding: 2px;
height:400px !important;
width:400px !important;
}

.img-thumbnail:hover span{
visibility: visible;
top: -100px;
left:100px;
}
.banner_left{
	float: left;
}
.banner_right{
	float: right;
}
.banner_right_1{
	clear: both;
	float: left;
	/*padding-top: 37px;*/
	padding-right: 10px;
}
.title_header{
	font-size: 18px;
	/*text-transform: uppercase;*/
	font-weight: bold;
	color: red;
}
.phone_header{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	color: red;
}
.banner_right_1_new{
	float: left;
	/*padding-top: 37px;*/
	padding-right: 10px;
}
.banner_right_2{
	float: right;
	font-weight: bold;
}
#slider{
	margin-bottom: 0px !important;
}
.tab_main{
	clear: both;
	background: #0071bc;
	height: 39px;
	width: 100%;
	font-weight: bold;
}
.tab_main_center{
	width: 1000px;
	margin: 0px auto;
}
.tab_left{
	float: left;
	width: 200px;
	padding-top: 4px;
	text-align: center;
	border-left: 2px solid gray;
	border-right: 2px solid gray;
	padding-bottom: 3px;
}
.tab_left img.ongkinh{
	width: 32px;
}
.split{
	/*background: url('../images/ongkinh.png') no-repeat;
	width: 3px;
	height: 40px;
	*/
}
.tab_left span{
	text-transform: uppercase;
	color: #fff;
}
.tab_right{
	float: right;
	padding-top: 9px;
}
.tab_right a{
	text-decoration: none;
	color: #fff;
}
.name_product_bg{
	padding-top: 12px;
	font-size: 18px;
	color: #0071bc;
}
.selection_product{
	float: left;
	padding-right: 18px;
}
.list_icon .selection_product:last-child{
	float: right;
	padding-right: 0px;
}
.list_icon a img{
	width: 276px;
	height: 178px;
}
.selection_product .list_icon_title{
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	color: #000;
}
.selection_product .list_icon_title a{
	color: #000;
}
.list_icon{
	display: block;
	padding-top: 40px;
}
.index_tintuc{
	clear: both;
	padding-top: 40px;
}
.index_tintuc_left{
	float: left;
}
.index_tintuc_title{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
}
.index_tintuc_right{
	float: right;
}
.left_column{
	float: left;
	font-size: 16px;
}
.active_cat{
	background: url(../images/add-pro-001.jpg) no-repeat;
	height: 40px;
	line-height: 38px !important;
	padding-left: 10px;
	display: block !important;
	font-weight: bold;
	color: #fff !important;
	font-size: 15px;
	text-decoration: none;
	border-bottom: 0 !important;
}
.heading a{
	color: #212020;
	font-size: 18px;
}
.active_cat a{
	color: #fff !important;
}
#multizoom1{
	width: 289px;
	height: 235px;
}
.product_detail_list{
}
.product_detail_list>li{
	float: none !important;
	border-right: 0px !important;
}
#field_team {
	padding-bottom: 20px;
	padding-top: 26px;
}
.field {
	clear: both;
	width: 1160px;
	margin: auto;
}
#field_team .field_top {
	background: url('../images/line_title_news.png') repeat-x bottom center;
	margin-bottom: 5px;
	position: relative;
}
#field_team .field_top .title{
	/* background: url('../images/team_title.png') no-repeat center; */
	width: 1160px;
	height: 50px;
	font-weight: bold;
	margin-left: 0px;
	text-align: center;
	font-size: 32px;
	text-transform: uppercase;
}
#field_team .field_middle{
    padding:0px;
    height: 187px;
    overflow: hidden;
    position: relative;
}
#field_team .field_middle_1{
    padding:0px;
    height: 130px;
    overflow: hidden;
    position: relative;
}
#field_team .field_middle_1 .slogan{
	padding-top: 26px;
    font-size:19px;
    text-align: center;
	font-weight:bold;
}
#field_team .field_middle .slogan{
    font-size:19px;
    text-align: center;
	font-weight:bold;
}
.team_item{
    float:left;
    padding:20px;
    width: 243px;
    text-align: center;
    min-height:200px;
	padding-left: 0px;
}
.team_item .thumb img{
    border-radius: 70px;
    margin-bottom:5px;
    transition: 0.4s;
    border:3px solid #ccc;
    background:#fff;
	padding:1px;
}
.team_item .thumb img:hover{
    transform:rotate(15deg);
}
.team_item .name{
    font-weight: bold;
    font-size:13px;
    color: #212020;
    margin-bottom:3px;
}
.team_item .phone{
    background:#d3d3d3 url(../images/phone_icon.png) no-repeat left center;
    background-position: 10px;
    margin:0px 17px;
    padding:5px 0px;
    padding-left:25px;
    border-radius:5px;
	font-weight: bold;
	color: #000;
}
.new-nav{
	padding: 0px;
	margin: 0px;
	list-style: none;
	
}
.col-sm-2{
	text-align: left !important;
}
.banner_left a img{
	width: 145px;
	padding-top: 10px;
}
.h5_contact{
	font-family: Cambria;
	font-weight: bold;
	font-size: 18px;
}
.hotline_header{
	font-size: 19px;
	color: #000;
	vertical-align: middle;
}
.info_contact_bottom{
	display: none;
}
#form_contact{
	display: none;
	border:1px solid #4adcff;
	background:#24bde2;
	text-align:center;
	padding:5px;
	position:fixed;
	bottom:0px;
	right:10px;
	cursor:pointer;
	color:#fff;
	font-size: 17px;
	font-weight: 900;
	font-family: Cambria;
	border-radius: 5px 5px 0px 0px;
	width: 241px;
}
#bttop{
	border:1px solid #4adcff;
	background:#24bde2;
	text-align:center;
	padding:5px;
	position:fixed;
	bottom:0px;
	right:10px;
	cursor:pointer;
	display:block;
	color:#fff;
	font-size: 17px;
	font-weight: 900;
	font-family: Cambria;
	width: 215px;
	padding-left: 8px;
	text-align: left;
	border-radius: 5px 5px 0px 0px;
}
#bttop:hover{
	border:1px solid #ffa789;
	background:#ff6734;
}
.content_form_contact{
	clear: both;
	background: #fff;
	display: block;
	width: 100%;
	height: 244px;
	border-radius: 5px;
	padding-top: 3px;
}
.lable_left{
}
.col-sm-contact{
	width: 100%;
}
.content_form_contact .col-sm-offset-2{
	margin-left: 0px;
}
.form-group_contact{
	padding: 5px;
}
#close_contact{
	background: url(../images/widget-sprites.png);
	background-position: -314px -98px;
	width: 18px;
	height: 11px;
	color: #fff;
}
.button_chat_icons {
	margin-top: 2px;
	margin-right: 10px;
	width: 14px;
	height: 17px;
}
.shrink_icon {
	position: absolute;
	top: 11px;
	right: 0px;
	width: 18px;
	height: 4px;
	background-color: #FFF;
	/*box-shadow: 0px 1px 1px #555;*/
	border-radius: 1px;
}
#form_contact>header{
	text-align: left;
	padding-left: 4px;
	padding-bottom: 7px;
}
#show_contact{
	background: url(../images/widget-sprites.png);
	background-position: -259px -87px;
	width: 17px;
	height: 11px;
	color: #fff;
}
#form_show{
	color: #000;
}
.form-group label{
	font-size: 17px !important; 
}
.list_icon_title:hover a{
	color: #0071bc;
	text-decoration: none;
}
.index_tintuc_title:hover{
	color: #0071bc;
}
.product-nonem-list-ele {
	list-style: none;
}