@charset "utf-8";
/* CSS Document */
/*

@font-face {
    font-family: 'UTMBebas';
    src: url('../fonts/utm_bebas-webfont.eot');
    src: url('../fonts/utm_bebas-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/utm_bebas-webfont.woff') format('woff'),
         url('../fonts/utm_bebas-webfont.ttf') format('truetype'),
         url('../fonts/utm_bebas-webfont.svg#utm_bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
*{
padding:0px;
margin:0px;
}
@font-face {
	font-family: "TrebuchetMS";
	src: url(../fonts/TrebuchetMS.ttf);
	font-weight:normal;
	
}
@font-face {
	font-family: "AlterGothic";
	src: url(../fonts/UTMAlterGothic.ttf);
	font-weight:normal;
}

@font-face {
	font-family: "UTMAvo";
	src: url(../fonts/UVNTinTucHepThem_B.ttf);
	font-weight:normal;
}
@font-face {
    font-family: 'robo';
    src: url('../fonts/robotocondensed-regular-webfont.eot');
    src: url('../fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-regular-webfont.svg#utm_caviarregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'utm';
    src: url('../fonts/utm_alberta_heavy-webfont.eot');
    src: url('../fonts/utm_alberta_heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/utm_alberta_heavy-webfont.woff') format('woff'),
         url('../fonts/utm_alberta_heavy-webfont.ttf') format('truetype'),
         url('../fonts/utm_alberta_heavy-webfont.svg#utm_caviarregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avo';
    src: url('../fonts/UTM Avo-webfont.eot');
    src: url('../fonts/UTM Avo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/UTM Avo-webfont.woff') format('woff'),
         url('../fonts/UTM Avo-webfont.ttf') format('truetype'),
         url('../fonts/UTM Avo-webfont.svg#utm_avobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
   font-family: 'uvn';
   src: url('../fonts/UVNCHUKY.eot'),
		url('../fonts/UVNCHUKY.TTF');
}
@font-face {
   font-family: 'utm_dax';
   src: url('../fonts/UTM_DaxMedium.eot'),
		url('../fonts/UTM_DaxMedium.ttf');
}
@font-face {
   font-family: 'utm_esse';
   src: url('../fonts/UTM_Essendine_Caps.eot'),
		url('../fonts/UTM_Essendine_Caps.ttf');
}

@font-face {
   font-family: 'uvn_hongha';
   src: url('../fonts/UVNHongHaHep_R.eot'),
		url('../fonts/UVNHongHaHep_R.TTF');
}
@font-face {
   font-family: 'utm_intel';
   src: url('../fonts/UTM_Neo_Sans_Intel.eot'),
		url('../fonts/UTM_Neo_Sans_Intel.ttf');
}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.clear{clear:both;}
.clear10 {clear:both; height: 10px;}
.clear15 {clear:both; height: 15px;}
.clear20 {clear:both; height: 20px;}
.clear30 {clear:both; height: 30px;}
.font-red{color:#ff0000;}
.datroi{color:#0263b4;}
.noborder{border:none !important;}
.hidden{display:none;}
.img_about { width: 525px; float: left;}
.img_about img{ width: 100%; float: left;}
.r_about { width: 620px; float: right}
.s_habout{ width: 100%; float: left; border-left: 5px solid #1c57aa; padding-left: 20px;}
.quyenp {width: 100%; float: left; font-size: 200%; color: #1c57aa; font-family: "AlterGothic"; line-height: 30px;}
.sl {width: 100%; float: left; font-size: 150%; color: #1c57aa; font-family: "AlterGothic";  line-height: 30px;}
.wp_cabout {width: 100%; float: left; font-size: 140%; color: #000; font-family: "AlterGothic";}
.tote {width: 100%; float: left; margin-top: 15px;}
.nobg{
	background:none !important;
}
.mar-top-20{
	margin:4px 0 0 0;
}
body{
	
}
.full{
	 width: 100%; margin: auto; max-width: 1920px;
}
.top_head { width: 100%; float: left; height: 20px; background:#1c57aa; }
.page{
	margin:auto;
}
a{
	color:#1c1c1c;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
#wrap{
	position: relative;
	margin:auto;
	width:1000px;
	background:#fff;
	padding-top:10px;
	border-top:none;
	margin-bottom:10px;
}

#header_wrap{
	width:100%;
	margin:auto;
	position:relative;
	height:110px;
}
.right_head { width: 430px; float: right;}

.company_h{ width: 482px; float: left; position: relative; top: 10px;left: 28px;}
.name_ct {width: 100%;float: left;font-family: "AlterGothic"; font-weight: bold; font-size: 200%; color: #ff0404;}
.name_ct span{font-size: 70% !important;}
.wp_hotline { width: 100%; float: right; margin-top: 15px;}
.dt{ width: 50%; float: left; text-align: center;}
.mail{ width: 50%; float: right;text-align: center;}
.icon_dt { width: 45px; height: 45px; margin: auto;}
.icon_dt img{ width: 100%; float: left;}
.r_dt { width: 100%; float: left; font-family: "AlterGothic"; margin-top: 10px;}
.s_m {width: 100%; float: left; font-size: 150%;line-height: 25px;}
.s_m1 {width: 100%; float: left;font-size: 150%; line-height: 25px; color: #1c57aa}
.s_t {width: 100%; float: left; font-size: 150%;line-height: 25px;}
.s_t1 {width: 100%; float: left;font-size: 150%; line-height: 25px; color: #EC1216}
.wp_about {width: 100%; max-width: 1200px; margin: auto;}
.btn_timkiem {
	position: absolute;
    width: 20px;
    right: 18px;
    top: 11px;
    z-index: 1;
}

.slogant_ct {    width: 100%;
    float: left;
    font-family: "AlterGothic";
    font-weight: bold;
    font-size: 141%;
    color: #1a7fa6;
    line-height: 25px;
    text-align: center;
}
.slogant_ct {    width: 100%;
    float: left;
    font-family: "AlterGothic";
    font-weight: bold;
    font-size: 141%;
    color: #1a7fa6;
    line-height: 25px;
    text-align: center;
}
.diachi_ct { 
	width: 100%;
    float: left;
    font-family: "AlterGothic";
    font-weight: bold;
    font-size: 141%;
    color: #000;
    line-height: 25px;
    text-align: center;margin-top: 10px;
}
h1.title_web{
	text-indent:-99999px;
	width:0px;
	height:0px;
	overflow:hidden;
}

img#banner{
	height:230px;
	width:1000px;
}

.lang_con{
	position: absolute;
	right: 5px;
	top: 10px;
}

/*------------MENU----------*/
.menu_top{
position:relative;
}


ul#nav{
	height: 42px;
	margin:auto;
	position:relative;
}


ul#nav  > li{
	display:inline-block;
	background:url(../images/bg_li_top.png) no-repeat center right;
	margin-right:5px;
}
ul#nav  > li:hover{
}

ul#nav > li>a{
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	color: #040404;
	line-height:42px;
	text-align:center;
	padding:0px 30px;
	font-family: tahoma;
	text-transform: capitalize;
	font-weight:bold;
	float:left;
}
ul#nav > li>a:hover{
background:#ffa500;
color: #fff;
}


ul#nav > li a:hover{
	
}

.active_menu{
}

a.active_menu{
background:#ffa500 !important;
color: #fff !important;
	
}

.timer{
	position: absolute;
	left: 20px;
	top: 12px;
	color: #FFF;
	font-weight: bold;
}

.search{
	background: url(../images/bg_search.png) no-repeat top left !important;
	width: 242px !important;
	height: 32px !important;
	position: absolute !important;
	right: 5px;
	top: 61px;
}

input#search_input{
	border: none;
	position: absolute;
	top: 3px;
	left: 5px;
	height: 24px;
	line-height: 24px;
	outline: none;
	width: 165px;
	background: none;
	color: #C5CAC9;
	font-size: 13px;
}

input#btnSearch{
	border: none;
	right: 0px;
	top: 0px;
	cursor: pointer;
	position: absolute;
	height: 26px;
	width: 30px;
	text-indent: -99999px;
	z-index: 1000;
	background: none;
}

a#cart{
	background:url(../images/cart_bg.png) no-repeat;
	display:block;
	width:132px;
	height:25px;
	position:absolute;
	bottom:24px;
	right:3px;
	text-indent:-99999px;
}

a#cart:hover{
	box-shadow:0px 0px 10px #FFF;
}
/*-------------SLDIER----------*/


.box_dv_r a h2:hover{
color:#000;
}
.xemthem:hover{
color:#000;
}
.anh_sl{
width:1000px;
margin:auto;
height:410px;
padding-top:10px;
}
.slider_r{
float:right;
width:500px;
background:url(../images/slider_l.png) no-repeat top left;
height:100%;
}
.box_sanpham_sli{
float:left;
width:144px;
height:151px;
margin-left:17px;
background:url(../images/bg_box_sli.png) no-repeat top left;
text-align:center;
}
.box_sanpham_sli img{
width:90px;
height:90px;
margin-top:10px;
margin-bottom:10px;
transition: all 0.5s ease 0s;
}
.box_sanpham_sli img:hover{
transform: scale(1.1);
}
.slider_r span{
font-size:17px;
font-family:utm_dax;
color:#fc9900;
text-transform:uppercase;
display:block;
margin-top:25px;
margin-left:20px;
margin-bottom:10px;
}
.sanpham_sli {
float:left;
width:100%;
}


.bong-cate{
	background:url(../images/bong_cate.png) no-repeat center center;
	width:200px;
	height:5px;
}

h2.title-menu{
	background: url(../images/title_left_bg.png) no-repeat center center;
	height: 33px;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 18px;
	width: 258px;
	color: #0E66DF;
	text-indent: 64px;
	font-weight: normal;
	font-family: "TrebuchetMS",Verdana,Geneva,Arial,Helvetica;
}

h2.title-menu a{
	color: #FFFFFF;
}

h2.title-menu-r{
	background: url(../images/title_right_bg.png) no-repeat center center;
	height: 36px;
	line-height: 36px;
	text-transform: uppercase;
	font-size: 12px;
	width: 206px;
	color: #FFFFFF;
	text-indent: 10px;
	font-weight: bold;
	position: absolute;
	right: -25px;
}

/*--------MENU SO CAP-----------*/

ul.cateUl{
	margin: 10px 0;
}

ul.cateUl > li{
	display: block;
	position: relative;
	
}
ul.cateUl ul{
position:absolute;
display:none;
}
ul.cateUl > li:hover ul{
display:block;
}
ul.cateUl > li > a{
	font-size: 14px;
	display: block;
	padding-left:15px;
	color: #fff;
	text-transform: uppercase;
	font-family:arial;
	background: url(../images/bg_li_left.png) no-repeat left bottom;
	font-weight:bold;
	padding-bottom:5px;
	text-shadow:none;
	
}
.bulet{
background:url(../images/bullet.png) no-repeat;
width:5px;
height:8px;
margin-right:8px;
margin-top:5px;
float:left;
}
ul.cateUl > li> a:hover{
	color: #fff !important;
}


ul.cateUl>li>ul>li{
	display: block;
	position: relative;
	margin-bottom: 5px;
}

ul.cateUl>li>ul>li>a{
	text-transform: uppercase;
	font-size: 13px;
	display: block;
	color: #fff;
	font-family: "TrebuchetMS",Verdana,Geneva,Arial,Helvetica;
	background: url(../images/bg_li_left.png) no-repeat left bottom;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:10px;
}

ul.cateUl>li>ul>li>a:hover{
	color:#fff !important;
}

ul.cateUl>li>ul>li>ul>li{
	display: block;
}

ul.cateUl>li>ul>li>ul>li>a{
	font-size: 12px;
	display: block;
	line-height: 20px;
	font-family: Verdana,Geneva,Arial,Helvetica;
	padding-left: 10px;
	color:#666;
}

ul.cateUl>li>ul>li>ul>li>a:hover{
	color:#746F00 !important;
}

ul.cateUl>li>ul>li>ul>li>ul>li{
	display: block;
}

ul.cateUl>li>ul>li>ul>li>ul>li>a{
	font-size: 11px;
	display: block;
	line-height: 25px;
	font-family: Verdana,Geneva,Arial,Helvetica;
	padding-left: 20px;
	color:#666;
}

ul.cateUl>li>ul>li>ul>li>ul>li>a:hover{
	text-decoration:underline;
}
ul.accordion-2 {
list-style:none;
}
ul.accordion-2 li{
position:relative;
}
ul.accordion-2 li a{
	font-size: 14px;
	display: block;
	padding-left:15px;
	color: #fff;
	text-transform: uppercase;
	font-family:arial;
	background: url(../images/bg_li_left.png) no-repeat left bottom;
	font-weight:bold;
	padding-bottom:5px;
	text-shadow:none;
	padding-top:5px;
}
ul.accordion-2 li li a{
padding-left:30px;
}
#main{
	float: left;
	width: 705px;
	padding: 0px 0 10px 0;
	margin: 10px 0 0 0;
}

.bong_content{
	background:url(../images/bong_content.png) no-repeat top center;
	height:51px;
}
.block_content{
	background: #FFF;	
}

.title_index{
	height: 43px;
	position: relative;
	float:left;
	width:100%;
	border-radius:0px 12px 10px 0px;
}
.title_index  a{
float:right;
color:#09a5d6 !important;
font-size:13px;
font-family:arial !important;
text-transform: capitalize!important;
}
.title_index  a:hover{
color:#ff0101 !important;
}
h2.title-pro-new{

    color: #fc9900;
    float: left;
    font-size: 22px;
    text-transform: uppercase;
    width: 100%;
	height: 35px;
	line-height:35px;
	text-align:center;
	font-weight:100;
	display:block;
}

h2.title-pro-new a{
	color: #00530e;
}

a.viewall_btn{
	display: block;
	width: 100px;
	height: 20px;
	line-height: 20px;
	color: #000000;
	text-indent: 15px;
	font-size: 12px;
	position: absolute;
	right: 0px;
	top: 5px;
}

h3.title-pro{
	background: url(../images/titile_right_bg.png) repeat-x left center;
	width: 760px;
	height: 25px;
	line-height: 25px;
	float: left;
	color: #0172ba;
	font-size: 13px;
	text-transform:uppercase;
}

.title_index>p{
	position:absolute;
	right:15px;
	top:20px;
}

.title_index>p>a{
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	display:inline-block;
	background:url(../images/btn_xemtatca.png);
	width:79px;
	height:20px;
	text-indent:-99999px;
}

.title_index>p>a:hover{
	text-decoration:underline;
}



div.show-pro{

}

div.show-pro img{
	
}
/*---------------------------#left-----------------------------*/
#side-nav{
	float:left;
	width:225px;
	margin-right:5px;
}

.cate-pro{
	position: relative;
	float:left;
	width:100%;
	margin-bottom:20px;
	margin-top: 20px;
}
.list_menu{
float:left;
padding-bottom:10px;
width:100%;
/*background: url(../images/bg_danhmuc.jpg) repeat-y top left;*/
background: #1c57aa;
/*padding-left: 20px;*/
}
/*---------------------san pham-----------------------------*/
div.show-pro_1{
/*margin-top:20px;*/
}
.left_sp{
float:left;
width:23%;
margin-right:2%;
margin-left: -15px;
}
.right_sp{
width:76%;
float:left;
margin-top: 15px;
}
div.pro {
	width: 32%;
	background: #FFF;
	float: left;
	text-align: center;
	font-family:Arial,Helvetica;
	margin-right:2%;
	margin-bottom:15px;
	box-sizing: border-box;
	padding-bottom:5px;
	border-top:1px solid #ccc;
	
}
.bo{
margin-right:0px !important;
}

div.pro .block_img{
padding:15px;
width:300px;
float:left;
}
.duoi_bk{
background:url(../images/bg_duoibox.jpg) no-repeat top center;
height:15px;
width:210px;
display:block;
}

.bong_sp{
}

div.pro .block_img > a > img{
	max-width:100%;
	max-height: 100%;
	background: #FFF;
	transition:all 0.5s ease 0s;

}

.info_pro{
	background:#2fa90b;
	text-align:left;
	color:#FFF;
	position:relative;
	padding: 0 5px 10px 5px;	
}

.pro-name{
	overflow: hidden;
	text-align: left;
	margin-top:5%;
	background:url(../images/arrow.png) no-repeat 25px 2px;
	padding-left:45px;
}
.pro-name:hover a,.pro-name:hover span{
color:#ffa500;
}

.pro-name a{
	font-size: 12px;
	color: #333;
	text-transform: capitalize;
	font-family: arial;
	font-weight:bold;
	text-transform:uppercase;
}
.pro-name span{
font-size: 12px;
	color: #333;
	text-transform: capitalize;
	font-family: arial;
	display:block;
	margin-top:5px;
	text-transform:capitalize;
}
.pro-name a:hover{
	text-decoration:none;
	color:#ffa500;
}

.pro-price{
	padding: 4px 0 0 0;
	font-size: 15px;
	color: #000;
	text-align: center;
	height: 25px;
	line-height: 25px;
	font-weight: normal;
}

.pro-price span{
	color:#F00;
	font-weight:bold;
}

.price_box{
	float: left;
	width: 33%;
	text-align: center;
}

.pro-code{
	height:25px;
	line-height:25px;
	text-align:right;
	margin-right:48px;
	color:#797676;
	text-transform:uppercase;
}

.pro-detail-index{
	position: relative;
	height:36px;
	width:100%;
	margin:8px 0;
	text-align:center;
}

a.btn-detail{
	display: inline-block;
	background:url(../images/view_btn.png) no-repeat center;
	width: 69px;
	height: 36px;
	line-height: 36px;
	color: #FFF;
	text-align:center;
	font-size:16px;
	text-transform:uppercase;
}

a.btn-detail:hover{
	opacity:.8;
}

p.price-old, p.price-new{
	text-align:center;
	color:#ed1c24;
}

p.price-old{
	
}

p.price-new{
	color:#bc2129;
	margin-bottom:0px !important;
}

ul.thumb_pro{
	height:32px;
	padding: 6px 0 0 0;
}

ul.thumb_pro li{
	float:left;
	width:30px;
	height:30px;
	margin: 0 5px 10px 0px;
	border:1px solid #FFF;
	text-indent: 0px;
}

ul.thumb_pro li.active_thumb{
	border:1px solid #ab1707 !important;
}

ul.thumb_pro li img{
	width:30px;
	height:30px;
}

ul.thumb_pro_d{
	height:32px;
	padding: 6px 0 0 0;
}

ul.thumb_pro_d li{
	float:left;
	width:30px;
	height:30px;
	margin: 0 5px 10px 0px;
	border:1px solid #FFF;
	text-indent: 0px;
}

ul.thumb_pro_d li.active_thumb{
	border:1px solid #ab1707 !important;
}

ul.thumb_pro_d li img{
	width:30px;
	height:30px;
}


.new-icon{
	background:url(../images/new_icon.png) no-repeat center center;
	display:block;
	height:28px;
	width:28px;
	right: 3px;
	top: 5px;
	position:absolute;
}

span.vip_icon {
	display: block;
	background: url(../images/new_icon.png) no-repeat;
	width: 30px;
	height: 15px;
	position: absolute;
	top: 5px;
	left: 120px;
}


/*-----------#FOOTER----------*/
.footer_wrap{
	margin: auto;
	position: relative;
	width:100%;
	color:#000;
	font-size:12px;
	padding-top:5px;
		padding-bottom:30px;
}
.footer_wrap p{
padding-bottom:5px;
color:#000;
}
.footer_l{
float:left;

}
.footer_l h2{
color:#fff;
text-transform:uppercase;
font-size:15px;
font-weight:bold;
margin:5px 0px;
}
.footer_l ul li{
float:left;
margin-right:5px;
margin-top:7px;

}
.footer_l ul li img{

}
.icon_like{
float:left;
width:270px;
}
.thongke{
float:right;
width:340px;
text-align:right;
}
.thongke ul li{
float:right;
margin-right:5px;
margin-top:7px;
}
.icon_like  ul{
	text-align: left;
	padding-bottom:10px;
}

.icon_like  li{
	display: inline-block;
	margin-bottom:15px;
	line-height:30px;
}  
.icon_like  li  img{
margin-right:7px;
float:left;
}
.icon_like  li a{
	font-size: 15px;
	color: #7eafe8;
	font-weight:100;
	display:block;
}

.icon_like  li a:hover{
	color:#fff;
}

.chu_footer{
	
}
 
.info_footer{
	width: 1200px;
	margin:auto;

	
}

.info_footer h3{
	font-size: 13px;
	text-transform: uppercase;
}

.rool_r span{
    display: block;
    color: #3e3e3e;
    font-size: 14px;
    width: 180px;
    line-height: 25px;
}
.rool_r span img{
    margin-right: 10px;
    margin-top: 6px;
    float: left;
}
.rool_r span b{
float:right;
}
.form-control{
width:90% !important;
border:1px solid #ccc;
margin-bottom:5px;
padding:5px;
}
/*----------------TIN TUC-----------------*/
.box_news {
   	border-bottom: 1px dotted #898EAA;
	padding-bottom: 23px;
	padding-top: 5px;
	margin: 0 0 20px 0;
	/*float:left;*/
	width:100%;
	margin-right:6%;
}
.box_news h2 {
    margin-bottom: 5px;
	line-height: 15px;
}
.box_news h2 a {
    color: #242424;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 16px;
}

.box_news p.news_mota{
	overflow: hidden;
	text-align: justify;
}

.small {
    color: #666666;
	font-size: 11px;
	margin-bottom: 5px;
}
.box_news h2 a:hover {
    color: #fc9900;
}
h1.text_title {
    color: #339900;
    font-size: 12px;
}
.image_boder {
  	border: 1px solid #d0d0d0;
	float: left;
	margin: 0 10px 0 0;
	padding: 2px;
}

/*-------------CHI TIET (TIN TUC)--------------------*/

.title_news{
	color: #242424;
	font-size: 20px;
	text-transform: capitalize;
	font-family: 'UTMAvo';
	margin-bottom: 5px;
}

.othernews {
  color: #101010;
  padding-left:10px;
  padding-top:50px;
}

.othernews h3 {
  color: ##fc9900;
	font-size: 17px;
	font-weight: 100;
	text-transform: uppercase;
	font-family: utm_dax;
}
.othernews ul {
  list-style:inside;
  margin:10px 0 0 0;
}

.othernews ul li {
  padding-left:10px;
  margin:0 0 5px 0;
}

.othernews ul li a:hover{
	text-decoration:underline;
}


/* --------------------- Phan trang ------------------*/
.phantrang {
	min-height:35px;
	text-align: center;
	margin: 10px 0;
}
.phantrang a {
	text-align: center;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	text-decoration: none;

	color: #bc2129;
	background: #fff;
	border: solid 1px #bc2129;
	font-family: "AlterGothic";
}
.phantrang span {
	text-align: center;
	color: #FFF;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;

	background: #bc2129;
	border: solid 1px #bc2129;
}
.phantrang a:hover {
	color: #FFF;
	background: #bc2129;
}

/*STYLE FOR LIENHE*/
.tablelienhe td{
}
.tablelienhe span {
    color: #FF0000;
}
.tablelienhe td {
    height: 25px;
}
.tablelienhe tr{
	height:40px;
}
.tablelienhe .input{
	border: 1px solid #cacaca;
	width: 300px;
	height: 22px;
	line-height: 22px;
	outline-color: #C44829;
}
.tablelienhe textarea{
	border: 1px solid #cacaca;
	width: 300px;
	outline-color: #C44829;
}
.tablelienhe .title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.button {
	background-color: #fff;
	border: 1px solid #ccc;
	cursor: pointer;
	font-family: "TrebuchetMS",Verdana,Geneva,Arial,Helvetica;
	font-size: 15x;
	line-height: normal;
	padding: 5px 30px;
}
.button:hover{
	 color:#BD6339;
}

/*-----------BAN DO-------------*/
.main_map{
	height:460px;
	border:thin solid #B97C7F;
}

.product_detail_pic{
	float:left;
	margin-right:20px;
}

.detail{
	text-align:justify;
	padding:10px 20px 10px 0;
}

.map_description{
	overflow:auto;
}

.content_main{
	min-height: 300px;
	padding: 0 0 10px 0;
}

.container_index{
	border-bottom:thin solid #D1D1D1;
	border-top:thin solid #D1D1D1;
	width:980px !important;
	margin:auto;
}
.container{
width:1200px;
margin:auto;
position:relative;
}

/*------------------HOI DAP-------------------*/
.block-hoi-dap{
	margin-top:10px;
	margin-bottom:50px;
	border-bottom:1px dashed red;
}
.block-hoi{
	margin-bottom:10px;
}
.block-hoi p.title{
	background:#95F8FA;
	color:rgb(68, 39, 39);
	border:1px solid #FFF;
	height:30px;
	line-height:30px;
	padding-left:10px;
}
        
.block-cauhoi{
	margin-top:10px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:4px;
	padding:10px;
	margin-left:20px;
}
            
.block-dap p.title{
	background:#D6D5D5;
	border:1px solid #FFF;
	height:30px;
	line-height:30px;
	padding-left:10px;
}

.block-traloi{
	margin-top:10px;
	background:#fff !important;
	border:1px solid #ccc;
	border-radius:4px;
	padding:10px;
	margin-left:20px;
	margin-bottom:10px;
}

#datcauhoi{
	cursor:pointer;
}

/*----------BÌNH LUẬN-------------*/
#comment label
{
	width: 100px;
	display: block;
	float: left;
}
#comment
{
	display: none;
}
#comment input
{
	margin: 3px 0px;
	width: 250px;
	height: 26px;
	line-height: 26px;
}
.button_bl
{
	cursor: pointer;
	background: #666;
	border: 1px solid #333;
	color: #FFF;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #333;
	box-shadow: 2px 1px 2px #888888;
	float: right;
}
.button_bl:hover {
	background: #000;
}
#comment_box
{
	min-height: 50px;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px rgb(255, 255, 255);border: 2px solid rgb(241, 241, 241);
}
.view_next
{
	background:#d8dfea;padding: 10px 15px;
	color: #3b5998;
	margin-top: 5px;
	border-radius: 5px;
	cursor: pointer;
}
.line_cmt:hover
{
	box-shadow: 1px 1px 1px #CE937C;
}
.line_cmt
{
	cursor: pointer;
	padding: 10px;
	border: 1px solid white;
	border-radius: 5px;
	margin: 5px 0px 0px 0px;
	box-shadow: 1px 1px 1px rgb(216, 191, 191);
	background:#B1F3F5;
}
.date
{
	font-size: 10px;
	margin-left: -5px;
	margin-top: -5px;
	background: url(../images/calendar.png) no-repeat;
	padding: 3px 0px 0px 22px;
	height: 16px;
}

.cmt_name{
	color: black;
	text-decoration: underline;
}

.noidungbv{
}

.noidungbv_t{
	padding: 0 10px 10px 10px;
}

img#capcha{
	cursor:pointer;
}

a.cart-btn {
	display: inline-block;
	background: url(../images/nut-mua.png) no-repeat top center;
	width: 84px;
	height: 20px;
	line-height: 18px;
	color: #FFF;
	margin: 10px 0 0 0;
	font-weight: normal;
	font-size: 12px;
	font-family: "UTM Avo";
	text-transform: capitalize;
	text-align: center;
}

a.cart-btn:hover {
	opacity: 0.9;
	color: #FFF;
}

.lienket{
	padding: 10px 5px;
}

#lienketcb{
	width: 225px;
	border: none !important;
	height: 30px;
	line-height: 30px;
	margin: 5px auto auto auto;
	border-radius: 5px;
	background: #f4f4f4;
}

/*----------------TIN TUC INDEX-----------------*/
.tintuc-index{
	width: 178px !important;
	margin: 10px 0 0 0 !important;
	padding: 10px 10px 0 10px !important;
	border: thin solid #CCC;
	border-radius: 5px;
}

ul.tintuc-index li{
	background: url(../images/li_tin_tuc.png) no-repeat left 5px;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
}

ul.tintuc-index li a:hover{
	color:#06F;
}

.box_news_index {
    clear: both;
}
.box_news_index h2 {
    font-size: 12px;
	margin: 0 0 10px 0;
}
.box_news_index h2 a {
    text-transform: capitalize;
	font-weight: bold;
}
.box_news_index p {
    margin: 0;
    padding: 0;
	height: 64px;
	overflow: hidden;
	text-align:justify;
}
.box_news_index p.small {
    color: #666666;
    font-size: 11px;
}
.box_news_index h2 a:hover {
    color:#06F;
}

.box_news_index>.image_boder {
    background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E4E4E4;
	float: left;
	margin: 0 5px 0 0;
	padding: 1px;
}

a.linkxemtiep{
	background: url(../images/chitiet_btn1.png) no-repeat center center;
	display: inline-block;
	width: 78px;
	height: 23px;
	float: right;
	line-height: 23px;
	text-indent: 5px;
	font-weight: bold;
	color: #FFF;
	font-size: 10px;
}

a.linkxemtiep:hover{
	opacity:.8;
	color:#F00;
}

.tinkhac-index{
	width: 232px;
	float: left;
	background:#f5f4f4;
	padding:10px;
}

h2.h2tinkhac{
	text-transform:uppercase;
	text-align:center;
	color:red;
	font-weight:bold;
	font-size:13px;
	margin:10px 0 0 0;	
}

.bong-tinkhac{
	background:url(../images/bong_khac.png) no-repeat top center;
	height:24px;
}

ul.tinkhac-ul-index>li{
	background: url(../images/icon_li_tintuc.png) no-repeat left 10px;
	line-height: 22px;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	height: 44px;
	overflow: hidden;
}

ul.tinkhac-ul-index>li>a{
	color:#404141;
}

ul.tablayout {
	display: block;
	list-style-type: none;
	z-index: 2;
	position: relative;
}
ul.tablayout li {
	margin: 0 5px 0 0;
	float: left;
	display: list-item;
	text-align: -webkit-match-parent;
}

#tab_1, #tab_2, #tab_3, #tab_4{
	position:absolute;
	bottom:-1px;
	left:0px;
	z-index:-1;
}

#tab_2{
	left:186px;
}

#tab_3{
	left:273px;
}

#tab_4{
	left:373px;
}

ul.tablayout li a {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 22px;
	color: #000;
	background: #F7F7F7;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #ccc;
	border-bottom: 0;
	text-align: center;
}
ul.tablayout li a:hover{
	cursor:pointer;
}
.tabs-container {
	border: 1px solid #CCC;
	clear: left;
	padding: 10px;
	display: block;
	line-height: 1.5;
	position:relative;
	z-index:1;
}

ul.tablayout li a.active
{
	background: #FFFFFF;
}


/*----------------TIN TỨC SCROLL----------------*/
ul.tinnb{
	padding:0 10px 10px 10px !important;
}

ul.tinnb li{
	background: url(../images/li_tintuc_bg.png) no-repeat left 25px;
	border-bottom: 1px dashed #999;
	padding: 20px 0 20px 20px;
	text-align: justify;
}

ul.thongkeleft{
	color: #1a14ff;
}

ul.thongkeleft li{
	height: 28px;
	line-height: 28px;
	text-indent: 25px;
}

li.dangonline{
	background: url(../images/thongke_bg.png) no-repeat left 6px;
}

li.tktuan{
	background: url(../images/thongke_bg.png) no-repeat left -19px;
}

li.tkthang{
	background: url(../images/thongke_bg.png) no-repeat left -43px;
}

li.tong{
	background: url(../images/thongke_bg.png) no-repeat left -68px;
}

ul.ulgiohang{
	background:url(../images/cart_bg.png) no-repeat left center;
	min-height:65px;
	padding:10px 0 10px 80px;
}

ul.ulgiohang li{
	height:25px;
	line-height:25px;
	margin:0 0 0px 0;
}

ul.ulgiohang li a:hover{
	text-decoration:underline;
}

ul.uldangnhap{
	padding:10px 20px;
}

ul.uldangnhap li{
	margin:0 0 10px 0;
}

ul.uldangnhap li a:hover{
	color:red;
	text-decoration:underline;
}

input.inputtext{
	border:thin solid #CCC;
	border-radius:5px;
	height:24px;
	line-height:24px;
	width:158px;
	-moz-box-shadow: inset 0 0 7px #DBDBDB;
	-webkit-box-shadow: inset 0 0 7px #DBDBDB;
	box-shadow: inset 0 0 7px #DBDBDB;
	padding:0 0 0 10px;
}

input#userlogin{
	border:none;
	background:url(../images/dongy_btn.png) no-repeat center center;
	width:78px;
	height:27px;
	line-height:27px;
	text-align:center;
	color:#FFF;
}

#tip{
	height: 35px;
	line-height: 35px;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
	width:100%;
	position:relative;
	background:#ebebeb;
}

#marquee_tween{
	width:700px;
	height:35px;
	margin-left:10px;
}

#marquee_tween a{
	color:#000;
}

#marquee_tween a:hover{
	text-decoration:underline;
}

.pro_new{
	height:200px;
	text-align:center;
}

.pro_new img{
	width:200px !important;
	height:194px !important;
	background:#FFF;
}

.facebook{
	width: 225px;
	height: 170px;
	background: #fff;
	margin: auto;
}

.contentcate{
	margin: 5px auto;
	width: 242px;
}

.video{
}

select#video{
	width: 247px;
	height: 25px;
	line-height: 25px;
	padding: 0px;
	outline: none;
	font-size: 12px;
	border: 1px solid #3CABCE;
	margin: 5px 0 0 10px;
	border-radius: 3px;
}

.map_right img{
	width:200px;
	height:240px;
}

h2.title-about{
	background:url(../images/gioithieu_title.png) no-repeat center;
	width:240px;
	height:30px;
	text-indent:-99999px;
	margin:15px 0;
}

.noidung_index{
	text-align: justify;
	padding: 8px;
	line-height: 22px;
	font-size: 12px;
}

.image_boder_index {
    float: left;
	margin: 0 10px 0 0;
	text-indent: 0px;
}

.image_boder_index img{
	width: 362px;
	height: 232px;
}

.info_prod{
	width: 450px;
	float: left;

}

ul.product_info{
	width: 100%;
	font-weight: normal !important;
	font-size: 16px;
	color: #525252;
}

ul.product_info>li{
	padding:0 0 5px 0;
}

a.addToCart{
	border: none;
	background: url(../images/btn_addcart.png) no-repeat center center;
	width: 105px;
	height: 20px;
	text-indent: -99999px;
	cursor: pointer;
	display:block;
}

/*------------------- Doi tac css -------------------*/
h2.title_partner{
	background:url(../images/title_doitac.png) no-repeat center;
	width:105px;
	height:24px;
	line-height:24px;
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
	font-size:11px;
	position:absolute;
	top:-12px;
	left:10px;
	font-weight:normal;
	z-index:1000;
}

.box_partner{
	margin: 20px auto 0px auto;
	width: 1190px;
	position:relative;
}

.ma-brand-slider-contain {	
	width: 1190px !important;
	padding: 0px;
	height: 85px !important;
	margin: auto;
}
.ma-brand-slider-title {}
.ma-brand-slider-title h2 {
	padding:5px;
}
.ma-brand-slider {}
.brand-slider .jcarousel-container {
    -moz-border-radius: 10px;
    background: #fff;
    border: 2px solid #000;
}

.brand-slider .jcarousel-container-horizontal {
    width: 1000px;
    padding: 10px 0px;
	padding-left:40px;
	margin:0 auto;
	margin-top:80px
}
.brand-slider .jcarousel-clip-horizontal {
    width:  960px;
    height: 154px;
}

.brand-slider .jcarousel-item {
    width: 90px;
	height: 50px;
	float: left;
	list-style: none outside none;
	text-align: center;
	margin: 18px 0 0 7px;
	border:1px solid #e1e1e1;
}

.brand-slider .jcarousel-item img{
	width: 90px;
	height: 50px;
}

.brand-slider .jcarousel-item-horizontal {
    margin-right: 0px;
	position: relative;
}

.brand-slider .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.brand-slider .product-image {
	display:inline-block;
	margin:0 0 8px;
}

/**
 *  Horizontal Buttons
 */
.ma-brand-slider .jcarousel-next-horizontal {
    position: absolute;
    top: 40%;
	right: -40px;
    width: 24px;
    height: 30px;
    cursor: pointer;
    background: transparent url(../images/btn_right1.png) no-repeat 0 0;
}

.ma-brand-slider .jcarousel-next-horizontal:hover {
	opacity:.8;
}

.ma-brand-slider .jcarousel-next-horizontal:active {
    opacity:.8;
}

.ma-brand-slider .jcarousel-next-disabled-horizontal,
.ma-brand-slider .jcarousel-next-disabled-horizontal:hover,
.ma-brand-slider .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 100%;
}

.ma-brand-slider .jcarousel-prev-horizontal {
    position: absolute;
	top: 40%;
	left: -40px;
	width: 24px;
	height: 30px;
	cursor: pointer;
	background: transparent url(../images/btn_left1.png) no-repeat 0 0;
}

.ma-brand-slider .jcarousel-prev-horizontal:hover {
    opacity:.8;
}

.ma-brand-slider .jcarousel-prev-horizontal:active {
    opacity:.8;
}

.ma-brand-slider .jcarousel-prev-disabled-horizontal,
.ma-brand-slider .jcarousel-prev-disabled-horizontal:hover,
.ma-brand-slider .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 100%;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.ma-brand-slider .jcarousel-container {
    position: relative;
}
.ma-brand-slider .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.ma-brand-slider .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.ma-brand-slider .jcarousel-next {
    z-index: 3;
    display: none;
}
.ma-brand-slider .jcarousel-prev {
    z-index: 3;
    display: none;
}

.ma-brand-slider .ma-des {
	position: absolute;
	bottom: 10px;
}
.ma-brand-slider .ma-des-title {}
.ma-brand-slider .ma-des-title h2 {
}
.ma-brand-slider .ma-des-content {}


h2.thongke_title{
	background:url(../images/thongke_bg.png) no-repeat center center;
	height:28px;
	width:138px;
	text-indent:-99999px;
	margin:0 0 10px 0;
}

h2.info_footer_title{
	background:url(../images/logo_footer.png) no-repeat center center;
	height:28px;
	width:158px;
	text-indent:-99999px;
	margin:0 0 10px 0;
}

h2.social_title{
	background:url(../images/social_title.png) no-repeat center center;
	height:28px;
	width:110px;
	text-indent:-99999px;
	margin:0 0 10px 0;
}

h2.dknt_title{
	background:url(../images/dknt_title.png) no-repeat bottom center;
	height:30px;
	width:154px;
	text-indent:-99999px;
	margin:0 0 10px 0;
}

/*-----------DK NHẬN TIN-------------*/
.newsletter{
}

.newsletter_cont{
	background: url(../images/bg_dk.png) no-repeat center center;
	width: 236px;
	height: 30px;
	margin-bottom:10px;
}
input#email_newsletter{
	height: 30px;
	line-height: 30px;
	width: 195px;
	color: #626860;
	border: none;
	background: none;
	outline: none;
	font-style: italic;
}

input#btn_send_newsletter{
	border: none;
	height: 30px;
	width: 30px;
	cursor: pointer;
	text-indent: -99999px;
	background: none;
	margin-left:5px;
}
.box_special{
	padding:15px 10px 5px 10px;
	border-top:solid 1px #43c2f1;
	background:#19b7f1;
}

.box_item1{
	width: 228px;
	float: left;
	margin: 0 15px 0 0;
}

ul#ulservice li{
	background:url(../images/dichvu_bg.png) no-repeat left bottom;
	height:30px;
	line-height:30px;
	text-indent:25px;
}

ul#ulservice li a{
	color:#FFF;
	font-size: 11.5px;
}

ul#ulservice li a:hover{
	text-decoration:underline;
}

.box_item2{
	width:314px;
	float:left;
	margin:0 0px 0 0;
}

#ulnews{
	width:295px;
}

#ulnews li{
	border-bottom:dashed 1px #FFF;
	margin-bottom:10px;
}

.box_item3{
	width: 393px;
	float: left;
}

.box_item3_left{
	width: 225px;
	float: left;
	margin: 0px 8px 0 0;
}

.box_item3_right{
	width: 160px;
	float: left;
}

.support_item{
	background: url(../images/hotro_bg.png) no-repeat center;
	width: 136px;
	height: 67px;
	font-weight: bold;
	color: #FFF;
	line-height: 18px;
	padding: 10px 12px 3px 12px;
	font-size: 11px;
}

#hotline{
	background:url(../images/hotline_icon.png) no-repeat 10px center;
}


h2.title_box1 {
	width: 100%;
	height: 30px;
	line-height: 28px;
	background: url(../images/title_1.png) no-repeat left bottom;
	color: #fff;
	font-size: 15pt;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'UTMBebas';
	text-shadow: 0px 0px 6px #005FEE;
	margin-bottom: 15px;
}

h2.title_box1 a{
	color: #fff;
}


h2.title_box2 {
	width: 100%;
	height: 30px;
	line-height: 28px;
	background: url(../images/title_2.png) no-repeat left bottom;
	color: #fff;
	font-size: 15pt;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'UTMBebas';
	text-shadow: 0px 0px 6px #005FEE;
	margin-bottom: 15px;
	position:relative;
}

a.btn_xemthem{
	display: block;
	background: url(../images/xemthem_btn.png) no-repeat;
	width: 56px;
	height: 16px;
	line-height: 16px;
	font-style: italic;
	font-size: 10.5px !important;
	text-align: center;
	position: absolute;
	top: 4px;
	right: 15px;
	text-transform: none !important;
	font-weight:normal;
	font-family:Tahoma, Geneva, sans-serif;
}

h2.title_box2 a{
	color: #fff;
}

h2.title_box3 {
	width: 100%;
	height: 30px;
	line-height: 28px;
	background: url(../images/title_3.png) no-repeat left bottom;
	color: #fff;
	font-size: 15pt;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'UTMBebas';
	text-shadow: 0px 0px 6px #005FEE;
	margin-bottom: 15px;
}

h2.title_box3 a{
	color: #fff;
}

/*----------------TIN TUC-----------------*/
.box_news1 {
    margin: 0 16px 15px 17px;
	border-bottom: 1px dotted #cdcdcd;
	width: 338px;
	float: left;
	padding: 0 0 10px 0;
}

.cont_news_index{
	width: 233px;
	float: left;
}

.box_news1 h2 {
   font-size: 12px;
	margin: 0 0 5px 0;
}
.box_news1 h2 a {
    color: #373737;
	text-transform: capitalize;
	font-weight: bold;
}

.box_news1 h2 a:hover{
	color:#1E4AB9;
	text-decoration:underline;
}

.image_boder1{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #ccc;
	float: left;
	margin: 0 10px 0 0;
	padding: 0px;
}

.image_boder1 img{
	width:93px;
	height:94px;
}

.box_news1 p {
    margin: 0;
    padding: 0;
}

.box_news1 p.news_mota1{
	overflow: hidden;
	text-align: justify;
	color: #000;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	padding:0 0 5px 0;
}

p.notice{
	font-size: 14px;
	color: #F00;
	padding: 10px 0;
	text-align: center;
	font-family:"TrebuchetMS",Verdana,Geneva,Arial,Helvetica;
}

.ckout button {
	border: 0 none;
	background: #980400;
	text-align: center;
	width: 140px;
	font-size: 18px;
	color: #FFF;
	padding: 6px;
	text-transform: uppercase;
	margin-top: 5px;
	cursor: pointer;
	font-family:'TrebuchetMS',Verdana,Geneva,Arial,Helvetica;
}

.ckout button:hover{
	opacity:.8;
}

.left_content{
	padding: 45px 0 0 0;
}

.right_content{
	padding:3px 0;
}
/*----------------TIN TUC INDEX-----------------*/
.tintuc-left{
}

.tintuc-left li{
	border-bottom: 1px solid #4a77c3;
	margin-bottom: 8px;
}

.box_news_left {
    font-size: 12px;
	padding: 0 0 8px 0;
}
.box_news_left a {
    text-align: justify;
	font-family: tahoma;
	color: #FFF;
	font-size: 11.5px;
}
p.h2_news_left{
	margin: 6px 0 7px 0;
}
.box_news_left div.mota {
  	margin: 0;
	overflow: hidden;
	text-align: justify;
	width: 238px;
	float: left;
}
.box_news_left a:hover {
	text-decoration:underline;
}

.box_news_left>.image_boder123 {
    background: none repeat scroll 0 0 #FFFFFF;
	float: left;
	margin: 0 8px 0 0;
	overflow: hidden;
	border-radius: 6px;
}

.box_news_left>.image_boder123 img{
	width:48px;
	height:35px;
}

ul.cateUlRight{
	width: 48px;
	height: 35px;
}

ul.cateUlRight li{
	height: 30px;
	line-height: 30px;
	text-indent: 15px;
	position: relative;
	color: #014d93;
	font-size: 11px;
	font-weight:bold;
}

ul.cateUlRight li span.yahoo_name{
	display: inline-block;
	width: 100px;
	text-indent: 0px;
}

ul.cateUlRight li span.yahoo_img{
	position: absolute;
	display: inline-block;
	right: 5px;
	top: 7px;
}

.social_f{
padding-bottom:5px;
}

.social_f a {
	display: inline-block;
	
	position: relative;
	
	
}
.hotro_ya{
float:left;
width:100%;
}
.hotro_l{
float:left;
width:10%;
}
.hotro_r{
float:left;
margin-left:2%;
width:85%;
}
.yaho img{
float:left;
margin-right:7px;
margin-top:7px;
}
.ten_yahoo{
font-family:robo;
font-size:14px;
color:#333333;
}

/*
a#facebook {
	background: url(../images/social.png) no-repeat 0px 0px;
	margin-left: 10px;
}

a#google {
	background: url(../images/social.png) no-repeat -82px 0px;
}

a#twitter {
	background: url(../images/social.png) no-repeat -41px 0px;
}

a#youtube {
	background: url(../images/social.png) no-repeat -165px 0px;
}

a#unknown {
	background: url(../images/social.png) no-repeat -124px 0px;
}*/

/* STYLE FOR DANG KY */
#dk_body{
	width: 100%;
}

#wrapp-dk{
	position:relative;
	padding:12px 20px 0 20px;
	margin-bottom:50px;
}

#wrapp-dk-l{
	position:absolute;
	top:0px;
	left:0px;
	width:4px;
	height:97px;	
}

#wrapp-dk-r{
	position:absolute;
	top:0px;
	right:0px;
	width:4px;
	height:97px;
}

h2.tite-box-dk{
	height:40px;
	line-height:40px;
	color:#d64830;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:thin dotted #CCC;
	margin:10px 0px 20px 0px;
}

.form-field {
	margin:6px 0 15px 0;
	padding:0;
	vertical-align:middle;
	overflow:hidden;
}

.form-field > label {
	display: block;
	padding-bottom: 2px;
	font-weight: bold;
	text-transform:capitalize;
}

label.cm-required::after {
	content:"*";
	padding-left:3px;
	color:#d64830;
	font-size:130%;
	line-height:1px;
}

.form-field > input[type=text], .form-field > input[type=password]{
	width:70%;
	height:28px;
	line-height:28px;
	border:thin solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
}

.form-field > input[type=text]:focus, .form-field > input[type=password]:focus{
}

.captcha-input-text{
	margin-right:10px;
	padding:3px 3px;
	border:1px solid #ccc;
	border-radius:3px 3px 3px 3px;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset;
	color:#666;
	font:130% Arial,Helvetica,sans-serif;
	width:120px !important;
}

.button-container{
	padding:2%;
	text-align:left;
}

.button-submit.button-wrap-left{
	height:28px;
	display:inline-block;
}

.button-submit.button-wrap-right{
	height:28px;
	display:inline-block;
	margin-left:5px;
}

.button-submit.button-wrap-right:hover a{
	color:#333;
	text-shadow:0px 1px 0px #f7f7f7;
	opacity:0.8;
}

.button-submit input{
	color:#333;
	text-shadow:0px 1px 0px #f7f7f7;
	margin-left:-5px;
	padding:1px 15px;
	height:28px;
	line-height:22px;
	text-transform:uppercase;
	white-space:nowrap;
	font:bold 85% Arial, sans-serif;
	cursor:pointer;
}

.error{
	background:url(../images/error.png) no-repeat;
	height:22px;
	line-height:22px;
	color:red !important;
	font-style:italic;
	padding-left:30px;
	margin:10px 0px 0px 5px;
	display:none;
}

.customNotify {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 10px 0;
	height: 35px;
	background: rgba(46, 46, 202, 0.62);
	border-bottom: 2px solid #000C99;
	color: #fff;
	font-weight: bold;
	text-align: center;
	z-index: 999;
	line-height: 35px;
	display:none;
}

.nhaplieu b{
	float: left;
	width: 120px;
	text-align: left;
	margin-right: 5px;
	color: #464646;
}
.nhaplieu .input{
	float: left;
	width: 400px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	border: 1px solid #3ca4ce;
}

.nhaplieu textarea{
	float: left;
	width: 400px;
	border: 1px solid #3ca4ce;
}

.nhaplieu br{
	clear:both;
}

.nhaplieu select{
	width: 250px;
	height: 25px;
	line-height: 25px;
	padding: 0px;
	outline: none;
	font-size: 12px;
	border: 1px solid #3ca4ce;
}

.red{
	color:#ff0000 !important;
}

.line_index{
	width:100%;
	height:1px;
	background:#fff;
	border-bottom:1px solid #CCC;
}



.hotline>p{
	position: absolute;
	font-size: 20px;
	color: #F00;
	font-style: italic;
	font-weight: bold;
	top: 30px;
	left: 75px;
}

p.title_support{
	font-weight:bold;
	color:#101010;
	width:190px;
	border-bottom:dashed 1px #101010;
	margin:auto;
	margin-bottom:5px;
	text-indent:5px;
}

.info_support{
	width:190px;
	font-size:12px;
	line-height:18px;
	margin:5px auto 10px auto;
}

div.show-pro-index {
	padding: 12px 0 7px 0;
}

div.pro_index {
	width: 317px;
	height: 389px;
	float: left;
	text-align: center;
}

div.pro_index .block_img_index {
	position: relative;
	background: #fff;
	height: 389px;
	width: 317px;
}

div.pro_index .block_img_index>a>img {
	height: 389px;
	width: 317px;
	border: none;
}

.sale_off{
	width: 89px;
	height: 65px;
	position: absolute;
	right: 2px;
	top: -7px;
}

.pro-name-tc {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(../images/name_bg.png);
	width: 100%;
	height: 37px;
	line-height: 37px;
	overflow: hidden;
}

.pro-name-tc>a {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
}

.bong_sp_index {
	background: url(../images/bong_pro.png) no-repeat top center;
	width: 300px;
	height: 6px;
}

#page-navigation { display: none; }
#full-width-slider {
  position: relative;
    top: 0;
    left: 0;
    width: 100%;
   height:220px;
    bottom: 0;
    right: 0;
    overflow: hidden;
}
#full-width-slider img {
height:220px;
width:1200px;
}
.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
  position: absolute;
  top: 30px;
  right: 30px;
  left: auto;
  max-width: 25%;
  padding-bottom: 0;
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  padding: 20px;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.75);
  left: 30px;
  right: auto;
}
.infoBlock h4 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
}
.infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #FFF;
  text-decoration: underline;
}
.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25; 
} 
.photosBy a {
  color: #000;
}
.fullWidth {
  max-width: 100%;
  margin: 0 auto 0 auto;
}

@media screen and (min-width:960px) and (min-height:660px) {
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
  }
}

@media screen and (min-width:960px) and (min-height:1000px) {
	.heroSlider .rsOverflow,
	.royalSlider.heroSlider {
	}
}
@media screen and (min-width: 0px) and (max-width: 800px) {
  .royalSlider.heroSlider,
  .royalSlider.heroSlider .rsOverflow {
  }
  .infoBlock {
	padding: 10px;
	height: auto;
	max-height: 100%;
	min-width: 40%;
	left: 5px;
	top: 5px;
	right: auto;
	font-size: 12px;
  }
  .infoBlock h3 {
	 font-size: 14px;
	 line-height: 17px;
  }
}
.cursor_slide{
	background:url(images/cursor_slide.png) no-repeat left center;
	min-width:249px;
	height:40px;
	line-height:30px;
	color:#FFF !important;
	text-transform:uppercase;
}

.cursor_slide h4{
	line-height: 25px;
	color: #FFF !important;
	text-transform: uppercase;
	text-indent: 59px;
	font-size: 18px;
}

div.pro1 {
	width: 235px;
	height: 180px;
	float: left;
	text-align: center;
}

div.pro1 .block_img1 {
	position: relative;
	background: #fff;
	height: 180px;
	width: 235px;
}

div.pro1 .block_img1>a>img {
	height: 180px;
	width: 235px;
	border: none;
 transition: transform 2s;
  
}
div.pro1 .block_img1>a>img:hover {
	 -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
    transform: rotate(10deg);
}

.pro-name-tc1 {
	
	background: #eaeaea;
	width: 100%;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
}

.pro-name-tc1>a {
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: #00530e;
}

div.pro2 {
	width: 242px;
	height: 310px;
	float: left;
	text-align: center;
}

div.pro2 .block_img2 {
	position: relative;
	background: #fff;
	height: 310px;
	width: 242px;
}

div.pro2 .block_img2>a>img {
	height: 310px;
	width: 242px;
	border: none;
}

.pro-name-tc2 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(../images/name_bg.png);
	width: 100%;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
}

.pro-name-tc2>a {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
}

.scrollup{
	display: block;
	width: 61px;
	height: 21px;
	position: absolute;
	bottom: 83px;
	right: 6px;
	text-indent: -9999px;
	background: url('../images/top_icon.png') no-repeat;
}

.path{

	font-size:16px;
	font-family: 'UTMAvo';
	padding:10px 0px;
}

.load_img{
	width:100%;
	height:100%;
	background:url(../images/img-loader.gif) no-repeat center center;
	position:absolute;
	top:0px;
	left:0px;
}

.imgSP{
	width: 98%;
	float: left;
	margin: 0 10px 0 0;
}

a#Zoomer
{
width:400px !important;
height:350px !important;
}

.ProductThumb{
	overflow: visible;
	width: 98%;
}

.ImageCarouselBox{
	float: left;
	width: 98%;
	margin-top: 8px;
}

.ProductThumbImage{
	float: left;
	border: thin solid #CCC;
	width:400px;
	text-align:center;
	height:350px;
	
}
.ProductThumbImage img
{
max-width:100%;
width:96%;
height:96%;
padding:2%;
}

ul.ulThumbImg{
	text-align:center;
}

ul.ulThumbImg li{
}

ul.ulThumbImg li img{
	width: 90px;
	height: 81px;
	background: #FFF;
}
/* Styles for zoom pup window (that one what move with mouse above small image) */
.MagicZoomPup {
	background:     #90a8d6;
	border:         1px solid #022e6f;
}
/* Styles for header on large zoom window */
.MagicZoomHeader {
	background: url(images/navbar-red.png) repeat top left;
	color: #fff;
}
/* Styles for large zoom window */
.MagicZoomBigImageCont {
	border:         1px solid #E1E1E1;
}
/* Style of the expanded image */
.MagicThumb-expanded {
	border: 1px solid #E1E1E1;
}
/* Style of the caption for the expanded image */
.MagicThumb-caption {
	background: url(images/navbar-red.png) repeat top left;
	color: #fff;
}


/* CSS classes for multiple image selectors */
/* Styles for the inactive selector */
.Selector img {
	border: 2px solid #ccc;
}
/* Style for the active selector */
.Selector.Active img {
	border: 2px solid #FB9E11;
}
.left_s{
margin-bottom:10px;	
min-height:475px;
background:#fff;
}
.img_index{
width:115px;
height:90px;
border:1px solid #e7e6db;
padding:5px;
float:left;
margin-right:8px;
}
.item .duoisp{
width:100%;
height:15px;
text-align:center;
float:left;
background:url(../images/bg_duoisp.png) no-repeat top center;
}
/*------------------Left-----------------*/
.chu_left{
display: block;
font-size:14px;
text-transform: uppercase;
width:100%;
background:#ff0000;
height:40px;
line-height:40px;
text-align:center;
color:#fff;
}
.list_menu  ul{
list-style:none;
}
.list_menu  ul li{
/*border-bottom:1px solid #cdcdcd;*/
}
.list_menu  ul li:last-child{
border:none;
}
.list_menu  ul li a{
font-weight: bold;
    line-height: 40px;
    font-size: 13px;
    color: #fff;
    padding: 0px 5px;
    display: block;
    text-align: left;
    position: relative;
    text-transform: uppercase;
    padding-left: 10px;
    font-family: Tahoma;
    border-bottom: 1px dashed #ffffff8a;
     /*text-shadow: 2px 4px 3px #161515;*/
}
.list_menu ul li li a{
	text-transform: capitalize;
    padding-left: 10px;
    font-weight: 100;
}
.list_menu ul ul.cs2 li a{ padding-left: 15px; }
.list_menu ul ul ul.cs3 li a{ padding-left: 20px; }
.list_menu ul ul ul ul.cs4 li a{ padding-left: 25px; }


.list_menu  ul li a:hover{
color:#ff9900;
}

.nen_s{
float:left;
background:url(../images/bg_duoi_dm.png) repeat-x top left;
width:100%;
height:14px;
}
.nut_xt{
float:right;
color:#790004;
font-size:13px;
background:url(../images/bg_xemthem.png) no-repeat  5px 5px;
padding-left:20px;
}
.logo_sp{

    border-radius: 5px;
    box-shadow: 1px 1px 4px #ccc;
    float: left;
    height: 89px;
    margin: 5%;
    width: 90%;
	text-align:center;
	position:relative;
	margin-top:0px;
}
.logo_sp img{
 max-height: 84px;
 max-width: 150px;
  transition: all 0.5s ease 0s;
  position:absolute;
  top:0px;
  left:0px;
  bottom:0px;
  right:0px;
  margin:auto;
}
.logo_sp img:hover{
transform: scale(1.2, 1.2);
}
.tintuc img{
float:left;
margin-right:5px;

}
.tintuc {
margin-bottom:7px;
float:left;

}
.tintuc a {
color:#333333;
font-family:robo;

}
.mota_ch{

display:none;
}
.face {
margin-left:4%;
display:inline;
}
.img_sp{
width:100%;
overflow:hidden;
transition:all 0.5s ease 0s;
display:block;
}
.img_sp img:hover{
transform: scale(1.1);
}
.yahoo{
	float:left;
	width:220px;
	margin:0px 10px;
	margin-top:5px;
	
}
.yahoo span{
	float:left;
	font-weight:bold;
	color:#000;
}
.yahoo img{
	float:right;
	margin-right:20px;
}
.tk{
	float:left;
	margin-left:10px;
	margin-right:10px;
	width:200px;
	margin-top:5px;
}
.tk img{
	float:left;
	margin-right:10px;
	margin-top:6px;
	}
.tk b{
	color:#838383;
}
.tk span{
	color:#838383;
	font-weight:bold;
}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width:  100% !important;display:block;z-index:2000;position:relative}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe  span[style] {width: 100% !important;display:block;z-index:2000;position:relative}

.nav{
float:left;
background:url(../images/bg_hotro.png) repeat-y top left;
width:99%;
border-left:1px solid #b8e4ff;
border-right:1px solid #b8e4ff;
border-bottom:1px solid #b8e4ff;
padding-bottom:10px;
padding-left:10px;
margin-bottom:10px !important;
}
.sae{
float:left;
background:#fff;
width:99%;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding-bottom:10px;
padding-left:10px;

}
.ht2{
margin-left:10px;
text-align:left;
margin-bottom:5px;
margin-top:10px;
}
.ht2 span{
color:#606060;
font-family:avo;
font-size:15px;
}
.ht_l{
margin-left:10px;
}
.gioithieu{
background:url(../images/bg_gt.png) repeat-y top center;
}
.icon{
position:absolute;
bottom:10px;
right:10px;
}
.img_chitiet{
float:left;
width:400px;
margin-right:30px;
}
.dichvu{
width:1180px;
margin:auto;
margin-bottom:25px;
}
.img_dichvu{
    height: 260px;
    border: 1px solid #d8d7d7;
    width: 210px;
}
.img_dichvu img{
width:190px;
height:240px;
padding:10px;
}
.ten_tin{
color:#ff0000;
text-transform:uppercase;
text-align:left;
font-weight:bold;
font-size:12px;

}
.copy{
text-align:center;
width:100%;
margin:auto;
height:45px;
line-height:45px;
}
.chitiet{
float:left;
width:60px;
height:25px;
color:#fff;
background:url(../images/chitiet.png) repeat-x top left;
line-height:25px;
text-align:center;
margin-top:7px;
margin-left:70px;
font-family:robo;
font-size:16px;
}
.gt_sang{
margin-bottom:10px;
}
h3.c_gt{
width:945px;
height:31px;
background:url(../images/bg_gioithieu.png) no-repeat top left;
}
.gt_sang img{
float:left;
margin-right:10px;
}


.box_dv{
float:left;
width:150px;
height:210px;
margin:10px;
}
.box_dv_l  a{
text-transform:uppercase;
display:block;
margin:5px 0px;
}
.box_dv img{
float:left;
width:150px;
height:210px;
}
.box_dv a h2{
font-size:12px;
text-transform:uppercase;
font-weight:100;
}
.chu_dv{
   
    color: #d70326;
    float: left;
    font-family: utm_dax;
    font-size: 24px;
    text-transform: uppercase;
    width: 100%;
    height: 45px;
    line-height: 50px;
    text-align: left;
    text-indent: 25px;
    font-weight: 100;
    display: block;
	margin-bottom:20px;
}
.box_dv_r{
background:#fff;
height:230px;
width:570px;
z-index:9999;
float:left;
margin-bottom:30px;
margin-right:60px;
}
.box_dv_r a h2{
font-size:17px;
text-transform: uppercase;
color:#fb9a03;
font-family:utm_dax;
margin-top:10px;
font-weight:100;
margin-bottom:10px;
}
.language{
position:absolute;
top:10px;
right:10px;
}
.icon_sang{
position:absolute;
top:0px;
right:0px;
}
.icon_sang ul li{
float:left;
margin-left:5px;
}
.danhmuc1{
margin:20px auto;
}
.box_dm1{
float:left;
width:475px;
position:relative;
border:2px solid #f4a41d;
margin-right:30px;
}
.box_dm1 img{
width:475px;
height:245px;
}
.chu_dms{
position:absolute;
bottom:0px;
height:55px;
line-height:55px;
color:#fff600;
font-size:22px;
font-family:robo;
text-align:center;
width:100%;
left:0px;
text-transform:uppercase;
background:rgba(0,68,120,0.6);
}
#btn-menu{
display:none;
position:absolute;
background:#4387E3;
padding:5px;
cursor:pointer;
z-index:999;
}
nav#menu_mobile{
background-color: #4387E3;

}
#slider_mobile{
display:none;
}
.sang_atc{
color:#4387E3 !important;
font-weight:bold;
}
.news_readmore{
float:right;
}
.news_readmore a{
	margin-left: 25px;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    background: #9b8365;
    border-radius: 20px;
    display: inline-block;
    padding: 0px 27px;
    cursor: pointer;
    margin-top: 15px;
}
.news_readmore a:hover{
background: #ff0000;
}
.box_qc{
width:100%;
margin:10px 0px;
}
.box_qc img{
max-width:100%;
height:250px;
}
.icon_xh{
/*position:absolute;
width:300px;
top:40px;
right:250px;*/
margin-top: 20px;
}
.icon_xh img{
margin-right:5px;
transition:all 0.5s ease 0s;
}
.icon_xh img:hover{
transform:scale(1.2);
}
.mar{

}
.hotline{
position:absolute;
top:25px;
left:400px;
width:270px;
height:35px;
color:#f20409;
font-weight:100;
font-size:24px;
line-height:35px;
font-family:utm_esse;

}
.news_left img{
max-width:100%;
}
.logo_index{
margin-left:45px;
}
.sang_img{
max-width:100%;
height: calc(100vh - 144px);
}

.news_left table{
width:100% !important;
max-width:100%;
}
.chu_doitac{
font-size:20px;
text-transform:capitalize;
color:#d70326;
font-family:utm_dax;
display:block;
width:100%;
margin-bottom:10px;
}
.doitac_sang{
width:1200px;
margin:auto;
}
.congtrinh12{
	padding:25px 0px;
}
.xemthem_cu{
float:right;
margin-top:10px;
margin-right:10px;
width:105px;
height:29px;
line-height:29px;
color:#fff;
background:url(../images/xemthem.png) no-repeat top left;
text-indent:32px;
font-size:14px;
font-family:utm_dax;
}
.xemthem1 { text-align: right;}
.xemthem1 a{ color: red;font-family: "AlterGothic"; font-size: 130%;}
.gt_content{
	width: 100%; float: left;

}
.box_footer ul li a:hover{
color:#fb9a03;
}

.line_doitac{
margin:10px 0px 30px 0px;
width:1200px;
background:url(../images/line.png) no-repeat top left;
height:10px;
float:left;
}
.box_sanpham_sli a h2{
font-size:13px;
color:#2e2e2e;
font-family:utm_intel;
font-weight:bold;
text-align:left;
display:block;
padding:0px 10px;
}
.mota_dv{
color:#616161;
font-size:14px;
line-height:24px;
padding:0px 10px;
text-align: justify;
}


.mota_doitac{
color:#000;
font-size:14px;
line-height:23px;
}

.box_footer{
float:left;
width:270px;
}
.chu_footer{
color:#d70326;
font-size:15px;
font-family:utm_dax;
display:block;
width:100%;
margin-bottom:30px;
}
.chu_footers{
font-family: "AlterGothic";
font-size:13px;
font-family:arial;
display:block;
width:100%;
margin-bottom:30px;
font-weight:bold;
text-transform:uppercase;
}


.box_footer ul{
}
.box_footer ul li{
display:block;
width:90%;
margin-bottom:7px;
}
.box_footer ul li a{
font-family:arial;
font-size:13px;
color:#000;
text-transform:capitalize;
padding-right:10px;
box-sizing:border-box;
display:block;
}

#container1{
	width:920px;
	float:left;
	margin-top:15px;	
}
#container1 .tabs{
	width:920px;
	padding:10px;
	float:left;
	margin-left:10px;
	
}



.tabs label:hover{
	/*background:#5ba4a4;*/
	color:#c1dd7a;	
}


#tabs{
	
	width:100%;
	float:left;
}
#tabs ul{ 
		
		height:35px;
		margin-bottom:10px;
		border-bottom:1px solid #ddd;
		margin-right:5px;
}
#tabs li{
		float:left;
		list-style:none;
}
#tabs table{
	float:left;
}
#tabs h1{
	background:none !important;
	color:#000 !important;
}
#tabs li a{
		background:#EAEAEA;
		border-right:0;
		color: #333;
		cursor:pointer;
		display:block;
		height:35px;
		line-height:35px;
		padding:0 30px;
		text-decoration:none;
		text-transform:capitalize;
		font-weight:bold;
		margin-right:2px;
}
#tabs li:hover a{
background:#fff;
color:#ffa500;
font-weight:bold;
border:1px solid #ddd;
border-bottom:1px solid #fff;
margin-bottom:-1px;
}
#tabs li.active a{
		background:#fff;
		border-right:0;
		color:#ffa500;
		font-weight:bold;
		margin-bottom:-1px;
		border:1px solid #ddd;
border-bottom:1px solid #fff;
}

.list {
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
}
.item {
    border-bottom: medium none;
    border-top: 1px solid #ddd;
}
.list .item {
   border-top: 1px solid #ddd;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 1.5%;
    position: relative;
    width: 97%;
	float:left;
}
.item .title{
width:50%;
float:left;
padding-top:5px;
}
.item .info{
width:20%;
float:left;
font-weight:100;
text-transform:uppercase;
padding-top:5px;
}
.item .link{
width:30%;
float:left;
}
.link .download {
width:97px;
height:25px;
background:url(../images/bg_down.png) no-repeat top left;
float:left;
text-indent:-99999px;
}
.box_sanpham_sli a h2:hover{
color:#fc9900;
}

.hotline img{
width:50px;
float:left;
padding-top:10px;
}
.ass_s a{
color:#000;
}
.hotline span{
float:left;
margin-left:15px;
margin-top:15px;
}
.dichvu_r{
 	width: 100%; margin: auto; max-width: 1200px;
}
.doitac_sang img{
height:60px;
margin-right:10px;
float:left;
transition: all 0.5s ease 0s;
margin-top:25px;
margin-bottom:25px;
}
.doitac_sang img:hover{
transform:scale(1.2);
}
.box_footer i{
font-style:normal;
}
.xemthems{
display:block;
width:100%;
text-align:right;
color:#fc9900;
}
.dathang{
	display:inline-block !important;
	padding:5px 7px;
	color:#000;
	background:#ffa500;
	font-weight:bold;
	font-size:13px;
	margin-top:10px;
	cursor:pointer;
}
.dathang:hover{
	color:#fff;
}
.giohang{
	position: absolute;
    top: 20px;
    right: 5px;

}
.giohang span{
	    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    float: left;
    padding-top: 10px;
}
.thuoctinh{margin-bottom: 10px;}
.thuoctinh b{
	display: block;
	margin-bottom: 5px;
}
.box_thuoctinh span{
	display: inline-block;
	border:1px solid #ccc;
	padding: 5px 10px;
	color: #333;
	margin-bottom: 5px;
	margin-right: 7px;
	text-indent: 0px;

}
.box_thuoctinh span:hover,
.box_thuoctinh span.actl{
	color: #fc9900;
	border:1px solid #fc9900;
	cursor: pointer;
}
.masp{margin-right: 20px;}
.masp i{
     font-style:normal;
     padding-left:30px;
     display:inline-block;
     padding-top: 5px;
}
.chitietsp{ font-family: "AlterGothic"; font-size:30px !important; color:#1c57aa !important;}
.product_info span { color:#900; font-size:20px; font-family: "AlterGothic";}
.mota_sanpham{font-family: "AlterGothic"; font-size:130%;}
.giasp_detail{
	padding-top: 5px;
}
 .sads i{
     text-align:left !important;
     padding-left:0px !important;
}

.sub-sl{
	    background: url(../images/input-previou.png) no-repeat scroll center center #fffefe !important;
    float: left;
    height: 32px;
    margin: 0px 0 0;
    width: 30px;
    border: 0;
    box-shadow: none;
    margin-right: -1px;
}
#qty{
	border:1px solid #e8e7e7;
}
.add-sl{
	background: url(../images/input-next.png) no-repeat scroll center center #fffefe !important;
    height: 32px;
    width: 30px;
    border: 0;
    box-shadow: none;
	margin-left: -1px;
}
.shopee-button-outline {
     outline: none;
     cursor: pointer;
     border: none;
     font-size: 1.4rem;
     font-weight: 300;
     line-height: 1;
     letter-spacing: 0;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -moz-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     transition: background-color .1s cubic-bezier(.4,0,.6,1);
     border: 1px solid rgba(0,0,0,.09);
     border-radius: 2px;
     background: transparent;
     color: rgba(224, 40, 40, 0.8);
}
 .shopee-input-quantity {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .shopee-input-quantity .shopee-button-outline-mid {
     width: 6rem;
     height: 3.2rem;
     border-left: none;
     border-right: none;
     font-size: 1.6rem;
     font-weight: 400;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     text-align: center;
     cursor: text;
     border-radius: 0;
}
.d-flex{
	display: -ms-flexbox;
    display: flex;
}
.info_order{
	text-align: left;
}
.info_order b{display: block;}
.info_order span{display: block;}