@charset "utf-8";

/* CSS Document */

@font-face {

	font-family: "OpenSansRegular";

	src: url(../fonts/OpenSansRegular.ttf);

	font-weight:normal;

}

@font-face {

	font-family: "OpenSansSemibold";

	src: url(../fonts/OpenSansSemibold.ttf);

	font-weight:normal;

}

@font-face {

	font-family: "UTMHelvetIns";

	src: url(../fonts/UTMHelvetIns.ttf);

	font-weight:normal;

}

@font-face {

	font-family: "OpenSansBold";

	src: url(../fonts/OpenSansBold.ttf);

	font-weight:normal;

}

@font-face {

	font-family: "UTMAvo";

	src: url(../fonts/UTMAvo.ttf);

	font-weight:normal;

}

a{text-decoration:none;}

a:hover{text-decoration:none;}

.clear{clear:both;}

.font-red{color:#ff0000;}

.datroi{color:#0263b4;}

.noborder{border:none !important;}

.hidden{display:none;}

.nobg{

	background:none !important;

}

.mar-top-20{

	margin:8px 0 0 0;

}

body{

    /* font-family: "OpenSansRegular"; */
    font-size: 14px;
    line-height: 24px;
    font-family: sans-serif;
	background:#1348CF;

}

.page{

	margin:auto;

}

a{

	color:#1c1c1c;

	text-decoration:none;

}

a:hover{

	text-decoration:none;

}



#wrap{

    position: relative;

    margin: auto;

    background: #fff;

    padding: 10px 0; padding-top: 22px;

}

.block_img img:hover{

	opacity: 0.9;

}

#header_wrap{

	background: #fff;	

}



#header{

	margin: auto;

	position: relative;

}



h1.title_web{

	text-indent:-99999px;

	width:0px;

	height:0px;

	overflow:hidden;

}



img#banner{

	width:1050px;

	height: auto;

}



.lang_con{

	position: absolute;

	right: 4px;

	top: 4px;

	font-weight: bold;

}



.login_box{

	position: absolute;

	right: 5px;

	top: 5px;

}



.login_box a{

	font-weight:bold;

	color:#F00;

	text-decoration:underline;

	font-style:italic;

}

/*------------MENU----------*/

#menu_pc{

    height: 46px;

    position: relative;

    margin: auto;

    background: #FDE804;

}

#menu_footer{

	height: 35px;

    position: relative;

    margin: auto;

    background: #333333; 

}

ul#nav{

	width: 100%;

	position: relative;

    margin: auto;

}





ul#nav  > li{

    float: left;

    text-align: center;



}



ul#nav > li>a{

    text-decoration: none;
    display: inline-block;
    line-height: 46px;
    padding: 0px 15px !important;
    color:#FF0000;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    font-size: 15px;
    display: inline-block;
    height: 100%;
    font-weight: bold;

}



ul#nav > li:hover{



}



ul#nav > li:hover>a{

	background: #FDE804;

}



.active_menu{



}



.active_menu>a{

	background: #FDE804;

}

.jqueryslidemenu > ul > li > ul> li:hover > ul{

	display: block !important;

}

.timer{

	position: absolute;

	left: 20px;

	top: 12px;

	color: #FFF;

	font-weight: bold;

}

#search_frm select{

	    width: 172px;

    margin: 3px 4px;

    position: relative;

    color: #504F4F;

    font-size: 13px;

    padding: 3px;

}

input#search_input{

    line-height: 26px;

    outline: none;

    width: 204px;

    color: gray;

    font-style: italic;

    background: #fff;

    font-size: 13px;

    padding: 0px 5px;

    overflow: hidden;

    border: none;

    margin: 0;

    float: left;

    height: 38px;

}



input#btnSearch{

    border: none;

    cursor: pointer;

    height: 38px;

    z-index: 1000;

    background: url(../images/caolanhdatviet_index_0110_06.png) no-repeat 14px 9px;

    color: #fff;

    font-size: 13px;

    width: 45px;

}



a#home_icon {

	display: block;

	background: url(../images/home_icon.png) no-repeat center;

	width: 22px;

	height: 20px;

	text-indent: -99999px;

	position: absolute;

	left: 18px;

	bottom: 6px;

}

/*-------------SLDIER----------*/

#slider{

	width: 100%;

    height: 293px;

    margin: auto;

    position: relative;

    overflow: hidden;

    background: #FFF;

        margin-bottom: 10px;

}

.bong-slider{

	background: url(../images/bong_slide.png) no-repeat center;

	position: absolute;

	height: 22px;

	bottom: -22px;

	left: 0px;

}



#container{

}



#about{}



#content-left{
    width: 220px;
    float: left;
    padding: 0px 0 10px 0;
    margin-right: 10px;
	

}

.cate-pro{

    position: relative;

    margin-bottom: 15px;

    background: #f1f1f1;

}



.bong-cate{

	background:url(../images/bong_cate.png) no-repeat center center;

	width:200px;

	height:5px;

}

.right_content2{

	margin:auto;

	width:200px;	

}

h2.title-menu{

    background: #FDE804;

    font-family: "OpenSansSemibold";

    height: 40px;

    line-height: 38px;

    text-transform: uppercase;

    font-size: 14px;

    color:#FF0000;

    text-indent: 12px;

    margin: auto;

    border-bottom: 2px solid #5c8fc8;

    padding-left: 40px;

        position: relative;

}

h2.title-menu1{

    background: #FF0000;

    font-family: "OpenSansSemibold";

    height: 40px;

    line-height: 38px;

    text-transform: uppercase;

    font-size: 14px;

    color:#FFF;

    text-indent: 12px;

    margin: auto;

    border-bottom: 2px solid #5c8fc8;

    padding-left: 40px;

        position: relative;

}


h2.title-menu > span{

    position: absolute;

    width: 40px;

    height: 40px;

    background: #1348CF;

    top: 0;

    left: 0;

}

h2.title-menu1 > span{

    position: absolute;

    width: 40px;

    height: 40px;

    background: #1348CF;

    top: 0;

    left: 0;

}

h2.title-menu > span > img{

	padding-top: 11px;

    float: left;

    padding-left: 12px;

}



h2.title-menu2 {

	background: url(../images/bg_dmleft2.png) no-repeat center center;

	height: 41px;

	line-height: 44px;

	text-transform: uppercase;

	font-size: 13px;

	width: 220px;

	color: #fff600;

	text-indent: 38px;

}

h2.title-menu a{

	color: #ffba00;

}



h2.title-menu-r{

	background: url(../images/bg_danhmuc.png) no-repeat center center;

	height: 41px;

	line-height: 40px;

	text-transform: uppercase;

	font-size: 13px;

	width: 220px;

	color: #fff600;

	text-indent: 38px;

}



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

/**

ul.cateUl{



}



ul.cateUl > li{

	display: block;

	position:relative;

}

ul.cateUl > li > a{

	font-size: 12px;

	display: block;

	height: 36px;

	line-height: 36px;

	text-indent: 32px;

	color: #373737;

	background: url(../images/li_left_bg.png) no-repeat 0px 0px;

	text-transform: capitalize;

	font-weight: bold;

}



ul.cateUl > li> a:hover{

	color: #FF5200 !important;

}





ul.cateUl>li>ul>li{

	display: block;

	position:relative;

}



ul.cateUl>li>ul>li>a{

	ext-transform: capitalize;

	font-size: 12px;

	display: block;

	height: 30px;

	line-height: 29px;

	text-indent: 32px;

	color: #373737;

	border-bottom: 1px dotted #DDDDDD;

	font-weight: bold;

}



ul.cateUl>li>ul>li>a:hover{

	color:#F00 !important;

}



ul.cateUl>li>ul>li>ul>li{

	display: block;

}



ul.cateUl>li>ul>li>ul>li>a{

	ext-transform: capitalize;

	font-size: 12px;

	display: block;

	height: 30px;

	line-height: 29px;

	text-indent: 42px;

	color: #F33;

	border-bottom: 1px dotted #DDDDDD;

	font-weight: bold;

}



ul.cateUl>li>ul>li>ul>li>a:hover{

	text-decoration:underline;

}

*/



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



ul.cateUl{

	margin: auto;

	font-size: 14px;

    padding: 7px 0px;

}



ul.cateUl > li{

    display: block;

    position: relative;

    background: url(../images/caolanhdatviet_index_013_13.png) no-repeat left 15px;

    padding-left: 20px;

    margin: 0px 10px;

    border-bottom: 1px solid #5c8fc8;

}

ul.cateUl > li > a{

    display: block;

    color: #333333;

    font-size: 14px;

    padding-top: 3px;

    padding-bottom: 3px;

    line-height: 36px;

    font-family: "OpenSansSemibold";

}



ul.cateUl > li> a:hover{

	color: #F60 !important;

}





ul.cateUl>li>ul{

    display: none;

    position: absolute;

    left: 100%;

    z-index: 1000;

    width: 220px !important;

    background: #EFEFEF;

    border-left: none;

    top: 10px;

}

ul.cateUl>li:hover > ul{

	display: block !important;

}



ul.cateUl>li>ul>li{

	display: block;

	position: relative;

    border-bottom: 1px solid #fff;

	background: #ddd;



}



ul.cateUl>li>ul>li>a{

font-size: 14px;

    display: block;

    line-height: 32px;

    text-indent: 15px;

    color: #555 !important;

}



ul.cateUl>li>ul>li>a:hover{

	color:#F60 !important;

}



ul.cateUl>li>ul>li>ul{

	display: block;

	position: absolute;

	left: 100%;

	z-index: 1000;

	width: 250px !important;

	background: #FFF;

	top: -1px;

	border-radius: 0px 6px 0 6px;

	border: solid 1px #dcdcdc;

	border-left:none;

	background:url(../images/left_bg.png) repeat-y;

}





ul.cateUl>li>ul>li>ul>li{

	display: block;

	position:relative;

	border-bottom:dotted 1px #c7c6c6;

}



ul.cateUl>li>ul>li>ul>li>a{

	font-size: 12px;

	display: block;

	height: 27px;

	line-height: 27px;

	text-indent: 15px;

	color: #00aeef !important;

	font-weight:bold;

}



ul.cateUl>li>ul>li>ul>li>a:hover{

	color:#F60 !important;

}





#main{

	float: left;

	width: 680px;

	padding: 0px 0 10px 0;

}



.bong_content{

	background:url(../images/bong_content.png) no-repeat top center;

	height:51px;

}

.title_index{

	height: 32px;

	position: relative;

}



.title-pro-new{

    height: 30px;

    line-height: 30px;

    font-size: 13px;

    font-weight: bold;

    text-transform: uppercase;

    color: green;

    border-bottom: 1px solid #fd7213;

    margin: auto;

}



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{

	padding:10px 0px;

}



div.show-pro img{

    max-width: 100% !important;

}

.pro p{

	margin: auto;

}

.btn_chitiet{

	width: 100%;

	float: left;

	margin-top: 6px;

}

div.pro{

    text-align: center;

    position: relative;

    background: #f1f1f1;

    border-bottom: 1px solid #5c8fc8;

    margin-top: 20px;

    display: inline-block;

    padding-bottom: 10px;

}

div.pro3{

	width: 234px;

	float: left;

	text-align: center;

	margin: 0 0px 10px 1px;

	position: relative;

	background: #FFF;

	padding: 3px;

	box-shadow: 0px 0px 0px #726A6A;

}



div.pro .block_img{

    position: relative;

    width: 100%;

}

.img-responsive{

	width: 100%;

	height: auto; 

}

.bong_sp{

	background:url(../images/bong_pro.png) no-repeat center;

	width:220px;

	height:8px;

	position:absolute;

	bottom:-8px;

	left:-1px;

}



div.pro .block_img > a > img{

    width: 100%;

    background: #FFF;

}



.info_pro{

	background:#2fa90b;

	text-align:left;

	color:#FFF;

	position:relative;

	padding: 0 5px 10px 5px;	

}



div.pro  p.pro-name{

    line-height: 22px;

    padding-top: 5px;

    overflow: hidden;

    font-family: "OpenSansBold";

}



div.pro  p.pro-name a{

    font-size: 13px;

    color: #333;

    font-weight: bold;

    text-transform: uppercase;

}

.item_duan{

	margin-top: 10px !important;

}

.gia_product{

    color: #333;

    font-size: 14px;

    font-family: "OpenSansRegular";

}

.gia_product span{

    color: red;

    font-size: 14px;

    font-family: "OpenSansSemibold";

}

.muahangngay, .chitiet_sp{ margin-top: 6px;

}

.muahangngay:hover , .chitiet_sp:hover{ 

	opacity:0.9

}

.muahangngay a{

background: #fd7213;

    color: #fff;

    font-size: 12px;

    line-height: 27px;

    font-weight: bold;

    padding: 4px 15px;

}

.muahangngay a:hover, .chitiet_sp a:hover{

	    color: #fcff00;

}

.bong_dmsp{

	background: url(../images/bong_dmsp.png) no-repeat 0px 4px;

	height: 23px;

	padding-bottom: 3px;

	margin-top: -14px;	

}

.row_10{

	    margin-right: -10px;

    margin-left: -10px;

}

.responsive_product{

	padding: 0px 10px;

}

div.pro  p.pro-name a:hover{

	text-decoration:underline;

	color:#f00;

}



div.pro  p.pro-price{

	font-size: 14px;

	color: #373737;

}



div.pro  p.pro-price span{

	color:#F00;

}



.pro-detail-index{

	position: relative;

	height:30px;

	width:100%;

	margin:8px 0 0px 0;

	text-align:center;

}



a.btn-detail{

	display: inline-block;

	background:url(../images/chitiet_btn.png) no-repeat center;

	width: 104px;

	height: 30px;

	line-height: 30px;

	color: #FFF;

	font-family:"UTMAvo";

	font-style:italic;

	text-align:center;

	font-size:11px;

}



a.btn-detail:hover{

}



.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;

}

#pull{

    position: absolute;

    width: 35px;

    height: 45px;

    padding: 10px 0px;

    display: none;

}



/*------------CONTENT RIGHT---------------*/

#right{

	width: 180px;

	float: left;

}

#content-right{

	width: 180px;

	float: left;

	margin-left:10px;

}

/*-----------FOOTER----------*/

.footer_wrap{

    margin: auto;

    position: relative;

}



.footer_top{

	background:#B44B1E /*url(../images/footer_bg1.png) no-repeat center;*/;

	

	height:30px;

	line-height:30px;

	position:absolute;

	top:0px;

	left:-5px;

}

#footer{

	margin: auto;

	line-height: 20px;

	position:relative;

	background: #333333;

}

.mar_footer{

    margin: auto;

    position: relative;

    padding-top: 15px;

    padding-bottom: 15px;

    color: #fff;

}

.bong_footer{

	background:url(../images/bong_wrap.png) no-repeat top center;



	height:30px;

	margin:auto;

}



.content_info_footer{

	padding: 10px;

}



.vach_footer{

	background:url(../images/vach_footer.png) no-repeat center center;

	width:380px;

	height: 10px;

	margin:auto auto 10px auto;

}



#nav_footer{

	height: 28px;

	line-height: 28px;

}



#nav_footer li{

	display: inline-block;

	height: 28px;

	background:url(../images/vach_footer.png) no-repeat right center;

}

#nav_footer li a{

	display: block;

	height: 28px;

	line-height: 28px;

	padding: 0 26px;

	

	font-weight: bold;

	font-size: 14px;

	color: #000;

	white-space: nowrap;

}



#nav_footer li a:hover{

	color:#ff0;

}



.bong_menu_footer{

	width:400px;

	height:5px;

	display: inline-block;

	margin: 0 0 10px 0;

}



h3.title_footer{

	margin-bottom: 10px;

	font-size: 12px;

	text-transform: uppercase;

	color:#F00;

	background:url(../images/title_footer_bg.png) no-repeat left bottom;

}



.box_footer{

	width: 243px;

	float: left;

	margin: 22px 0 0 0;

	text-align: right;

}



.box_footer a{

	color:#000;

}



ul.backlink li{

	margin: 0 10px 0 0;

	color: #FFF;

	line-height: 25px;

	height: 25px;

}



ul.backlink li a{

	color: #FFF;

	text-transform: capitalize;

	font-size: 14px;

}



ul.backlink li a:hover{

	text-decoration:underline;

}



.info_footer{

	padding: 10px 20px;

	text-align: center;

	line-height:25px;

}



.info_footer h3{

	font-size: 13px;

	text-transform: uppercase;

	color:#F00;

}



#thongke_footer{

	width: 305px;

	float: right;

	padding: 10px 0 5px 0;

}



#footer_bottom{

	background: url(../images/footer_bottom_bg.png) no-repeat top center;

	height: 58px;

}



#footer_bottom_content{

    line-height: 26px;

    color: #000;

    font-size: 13px;

    text-align: center;

    background: #FDE804;

    min-height: 35px;

    padding-top: 6px;

}



.left_footer{

	float:left;

	width:500px;

}



.right_footer{

	float:right;

	width:400px;

	text-align:right;

}

/*----------------TIN TUC-----------------*/

.box_news {

    border-bottom: 1px dotted #898EAA;

    clear: both;

    padding-bottom: 7px;

    padding-top: 5px;

    margin: 0px 0 7px 0;

}

.box_news h2 {

    margin: 0;

    margin-bottom: 10px;

    font-family: "OpenSansBold";

}

.box_news h2 a {

    color: #ee3b3b;

    font-size: 14px;

}

.box_news p {

    margin: 0;

    padding: 0;

}



.box_news p.news_mota{

    text-align: justify;

    font-size: 13px;

    line-height: 20px;

}



.box_news p.small {

    color: #666666;

    font-size: 11px;

    line-height: 13px;

    margin-bottom: 5px;

}

.box_news h2 a:hover {

    color: #3FA502;

}

h1.text_title {

    color: #339900;

    font-size: 12px;

}

.image_boder {

  	background: none repeat scroll 0 0 #FFFFFF;

	border: 1px solid #ECDD90;

	float: left;

	margin: 0 10px 0 0;

	padding: 2px;

}



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



.title_news{

	color: #003CBC;

	font-size: 16px;

	font-weight: bold;

	text-transform: capitalize;

}



.othernews {

  color: #03F;

  padding-left:10px;

}



.othernews h3 {

  color:#06C;

  font-size:12px;

  font-weight:bold;

  text-transform:uppercase;

}

.othernews ul {

  list-style:inside;

  margin:10px 0 0 0;

}



.othernews ul li {

    margin: 0 0 5px 0;

    line-height: 19px;

}



.othernews ul li a:hover{

	text-decoration:underline;

}





/* --------------------- Phan trang ------------------*/

.phantrang {

    min-height: 25px;

    text-align: center;

    margin: 10px 0;

}

.phantrang a {

	text-align: center;

	display: inline-block;

	width: 20px;

	height: 20px;

	line-height: 18px;

	margin-right: 5px;

	text-decoration: none;

	font-weight: bold;

	color: #7A7A7A;

	background: #fff;

	border: solid 1px #7A7A7A;

}

.phantrang span {

	text-align: center;

	color: #FFF;

	display: inline-block;

	width: 20px;

	height: 20px;

	line-height: 18px;

	margin-right: 5px;

	font-weight: bold;

	background: #7A7A7A;

	border: solid 1px #7A7A7A;

}

.phantrang a:hover {

	color: #FFF;

	background: #7A7A7A;

}

#at4-share{

	display: none !important;

}

.chiase{

	    float: right;

    margin-top: 15px;

    margin-bottom: 5px;

}

/*STYLE FOR LIENHE*/

.tablelienhe td{

}

.tablelienhe span {

    color: #FF0000;

}

.tablelienhe td {

    height: 26px;

    font-size: 13px;

}



.tablelienhe .input{

    display: block;

    width: 100%;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #000;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    margin-bottom: 10px;

}

.btn {

    display: inline-block;

    padding: 6px 12px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: normal;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}

.tablelienhe textarea{

    display: block;

    width: 100%;

    height: auto;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    margin-bottom: 10px;

}

.tablelienhe .title {

    font-size: 14px;

    font-weight: bold;

    text-transform: uppercase;

}

.button {

background-color: #fff;

    background-position: initial initial;

    background-repeat: initial initial;

    border: 1px solid #ccc;

    border-bottom-left-radius: 3px;

    border-bottom-right-radius: 3px;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    cursor: pointer;

    font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    font-size: 12px;

    font-style: normal;

    font-variant: normal;

    font-weight: normal;

    line-height: normal;

    padding: 7px 30px;

    font-weight: bold;

}

.button:hover{

	 color:red;

}



/*-----------BAN DO-------------*/

.main_map{

	height:570px;

	border:thin solid #999;

}



.product_detail_pic{

	float:left;

	margin-right:20px;

}



.detail{

	text-align:justify;

	padding:10px 20px 10px 0;

}



.map_description{

	overflow:auto;

}



/*-----------SLIDER 2 INDEX-------------*/



div.show-pro-index{

	text-align: center;

	margin: 25px 0 16px 0;

}

div.pro-index{

	width: 316px;

	display: inline-block;

	text-align: center;

	background: url(../images/slide2_bg.png) no-repeat bottom center;

	height: 158px;

}



div.pro-index .block_img{

	position:relative;

	background:#fff;

	border-radius: 5px;

	height:158px;

	width:300px;

	margin: 0 0 0 8px;

}



div.pro-index .block_img>a>img{

	height:158px;

	width:300px;

	border:none;

	border-radius: 5px;

}



.wraper_content{

    max-width: 1050px;

    margin: auto;

    padding: 0px 3px;

    background: #fff;

}



.container_index{

	border-bottom:thin solid #D1D1D1;

	border-top:thin solid #D1D1D1;

	margin:auto;

}



/*------------------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: "UTMAvo";

	text-transform: capitalize;

	text-align: center;

}



a.cart-btn:hover {

	opacity: 0.9;

	color: #FFF;

}



.lienket{

	padding: 10px 5px;

}



#lienketcb{

	width: 220px;

	border: thin solid #CCC;

	height: 30px;

	line-height: 30px;

	margin: auto;

	box-shadow: 0px 0px 11px rgba(204, 204, 204, 0.74) inset;

	margin-top: 1px;

}



/*----------------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:112px;

}



#tab_3{

	left:273px;

}



#tab_4{

	left:373px;

}



ul.tablayout li a {

	display: block;

	height: 30px;

	line-height: 30px;

	padding: 0 22px;

	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: #E5591E;

}





/*----------------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{

}



ul.thongkeleft li{

	height: 18px;

	line-height: 16px;

	text-indent: 93px;

}

.thongke{

    color: #555;

    font-size: 12px;

}



.tieudeonline{

	font-weight: bold;

	padding-top: 15px;

	text-indent: 96px;

		

}



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: 242px;

	height: 232px;

	background: #F7F7F7;

	margin: auto;

}



.contentcate{

	margin: 5px auto;

	width: 242px;

}



.video{

	width: 247px;

	height: 153px;

	border: solid 1px #dadada;

	background: #FFF;

	margin: auto;

}



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;

}



/*---------------------BLOCK CONTENT MỚI---------------------*/

div.pro1{

	width: 220px;

	float: left;

	margin: 0 14px 15px 14px;

	text-align: center;

}



div.pro1 .block_img1{

	position: relative;

}



div.pro1 .block_img1>a>img{

	height: 150px;

	width: 214px;

	border: 1px solid #CCC;

	padding: 2px;

	background: #FFF;

}



div.pro1 .block_img1>a>img:hover{

	background: #91BDFF;

	border: 1px solid #00F;

}



.pro-name1{

	margin:10px 0 0 0;

	text-align:left;

}



.pro-name1>a{

	font-size: 13px;

	color: #0392E2;

	text-transform: capitalize;

	font-weight: bold;

}



.pro-name-tc1>a:hover{

	color:yellow;

}



.pro-detail1{

	margin:5px 0 0 0;

	text-align:left;

}



div.pro2{

	width: 200px;

	text-align: center;

	margin: 10px auto 15px auto;

}



div.pro2 .block_img{

	position: relative;

	border: thin solid #E7E3E3;

}



div.pro2 .block_img > a > img{

	width: 198px;

	height: 134px;

	border: none;

}



div.pro2  p.pro-name{

	margin: 8px 0 8px 0;

	text-align: center;

}



div.pro2  p.pro-name a{

	color: #FFF;

	text-transform: capitalize;

	font-weight: bold;

	text-align: center;

	font-size: 11px;

	font-family:"UTMAvo";

}



div.pro2  p.pro-name a:hover{

	text-decoration:underline;

}



ul.cateUlLeft1{

	color:#FFF;

	font-family: "UTMAvo";

	height:150px;

}



ul.cateUlLeft1 li{

	height:30px;

	line-height:30px;

	text-indent:35px;

	background:url(../images/link_bg.png) no-repeat 10px center;

}



ul.cateUlLeft1 li a{

	font-weight:bold;

	color:#d8d8d8;

	font-size:11px;

}



a.xemtatca {

	display: block;

	width:22px;

	height: 22px;

	line-height: 22px;

	color: #101010;

	position: absolute;

	right: 15px;

	top: 10px;

	font-size: 12px;

	text-indent:-99999px;

	background:url(../images/more_bg.png) no-repeat center center;

}



div.vach_pro{

	height:1px;

	background:#000;

	margin:0 0 20px 0;

}



ul.list_document li{

	margin:0 0 10px 0;

}



ul.list_document li.parent_list>h2{

	text-transform:uppercase;

	margin:10px 0;

	font-family: 'UTMAvo', Arial, Helvetica, sans-serif;

	font-weight:normal;

	font-size:14px;

}



ul.list_document li a{

	color: #F5FF00;

	font-style: italic;

	text-decoration: underline;	

}



ul.product_info{

    width: 330px;

    float: right;

    font-size: 13px;

    text-indent: 0px;

}



ul.product_info li{

    margin: 0 0 6px 0;

    border-bottom: 1px dotted #CCC;

    padding: 0px 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 -------------------*/

.box_partner{

}



.ma-brand-slider-contain {	

	width: 1050px !important;

	height: 240px !important;

	margin: auto;

	padding-top: 22px;

}

.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: 1050px;

    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: 240px;

    height: 240px;

    float: left;

    list-style: none outside none;

    text-align: center;

}



.brand-slider .jcarousel-item img{

}



.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;

}

.tieude_video{

	background: royalblue;

    font-size: 18px;

    line-height: 38px;

    font-weight: bold;

    color: white;

    text-transform: uppercase;

    text-indent: 9px;

	

}

/**

 *  Horizontal Buttons

 */

.ma-brand-slider .jcarousel-next-horizontal {

    position: absolute;

    top: 40%;

	right: -40px;

    width: 26px;

    height: 40px;

    cursor: pointer;

    background: transparent url(../images/btn_right1.png) no-repeat 0 0;

	display:none !important;

}



.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;

	display:none !important;

	top: 40%;

	left: -40px;

	width: 26px;

	height: 40px;

	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 {}



.box_special{

	width:1050px;

	margin:20px auto auto auto;

}



.box_item{

	width:300px;

	height:240px;

	padding:10px;

	background:#FFF;

	border-radius:10px;

	float:left;

	margin:0 20px 0 0;

}



.box_noidung{

	margin:10px 0 0 0;

}



/*----------------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;

	padding:0 0 5px 0;

}



p.notice{

	color:#F00;

	font-style:italic;

	padding:10px 0;

	text-align:center;

}



.ckout button {

	border: 0 none;

    background: #008fed;

    text-align: center;

    width: 114px;

    font-size: 17px;

    color: #FFF;

    padding: 4px;

    /* text-transform: uppercase; */

    margin-top: 5px;

    cursor: pointer;

}



.ckout button:hover{

	opacity:.8;

}



.left_content{

	padding: 45px 0 0 0;

}



.right_content{

	padding: 0px 0 10px 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: "UTMAvo";

	color:#014d93

}

p.h2_news_left{

	margin:0 0 7px 0;

}

.box_news_left div.mota {

    margin: 0;

	overflow: hidden;

	text-align: justify;

	width: 118px;

	font-size: 11px;

	line-height: 17px;

}

.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: 1px solid #0470bb;

}



.box_news_left>.image_boder123 img{

	width:52px;

	height:52px;

}



ul.cateUlRight{

	text-align: left;

	border-bottom: 1px solid #4a77c3;

}



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;

}



/* 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;

}



.line1{

	width:100%;

	height:1px;

	background:#fff;

	margin:5px 0;

}



.hotline{

	background:url(../images/hotline_bg.png) no-repeat top center;

	height:100px;

	position:relative;

}



.hotline>p{

	position: absolute;

	font-size: 17px;

	color: #F00;

	font-style: italic;

	font-weight: bold;

	top: 73px;

	right: 10px;

}



p.title_support{

	font-weight: bold;

	color: #101010;

	width: 200px;

	border-bottom: dashed 1px #A2A2A2;

	margin: auto;

	margin-bottom: 5px;

	text-indent: 5px;

}



.info_support{

	width:190px;

	font-size:12px;

	line-height:18px;

	margin:5px auto 10px auto;

}





div.pro_index{

	width: 229px;

    height: 198px;

    float: left;

    text-align: center;

    position: relative;

    background: #FFF;

    padding: 4px;

}



div.pro_index .block_img_index{

	position:relative;

}



div.pro_index .block_img_index > a > img{

	width: 229px;

    height: 199px;

    background: #FFF;

}



div.pro_index  p.pro-name_index{

	overflow: hidden;

    text-align: center;

    text-indent: 10px;

    padding-top: 5px;

    font-size: 16px;

	

}



div.pro_index  p.pro-name_index a{

	font-size: 16px;

    color: #026ad4;

    font-weight: bold;

}



div.pro_index  p.pro-name_index a:hover{

	text-decoration:underline;

	color:#f00;

}



.bong_sp_index {

	width: 144px;

	height: 30px;

}



#social{

	position:absolute;

	bottom:40px;

	right:30px;

}



#social a{

	display:inline-block;

	width:24px;

	height:24px;

	margin:0 5px;

}



a.unknown1{

	background:url(../images/social.png) 0px 0px;

}



a.twitter{

	background:url(../images/social.png) -36px 0px;

}



a.google{

	background:url(../images/social.png) -73px 0px;

}



a.unknown2{

	background:url(../images/social.png) -111px 0px;

}



a.facebook{

	background:url(../images/social.png) -147px 0px;

}

.hotline_banner{

	position: absolute;

	bottom: 48px;

	right: 24px;

	color: #f00;

	font-size: 22px;

	font-family: "UTMHelvetIns";

	text-shadow: -2px -1px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;

	font-weight: bold;

	background: url(../images/hotline2.png) no-repeat 1px 1px;

	text-indent: 44px;

	height: 41px;

	line-height: 45px;

}

.danhmuctt{

    width: 180px;

    margin: auto;

    padding: 10px 0px;

    text-align: center;

}

.hinh_sp img{

	width: 100%;

	height: 150px;

}

.ten_sp{

	

	font-weight: bold;

	padding-top: 6px;

	padding-bottom: 3px;

    font-size: 15px; padding:0 20px; margin-top: 5px;	

}

.ten_sp a {

    color: #333;

    font-size: 13px;

}

.ten_sp a:hover{

	text-decoration:underline;

	color: red;

}

.hinh_sp {

    width: 161px;

    height: auto;

    margin: auto;

    border: 1px solid gainsboro;

    text-align: center;

}

.newsletter_cont {

	background: url(../images/newsletter_bg.png) no-repeat center center;

	width: 247px;

	height: 27px;

	position: absolute;

	right: 0px;

	top: 5px;

}

input#email_newsletter {

	height: 25px;

	line-height: 17px;

	width: 182px;

	color: #373737;

	border: none;

	background: none;

	position: absolute;

	left: 5px;

	top: 3px;

	outline: none;

}

input#btn_send_newsletter {

	border: none;

	height: 27px;

	width: 47px;

	cursor: pointer;

	background: none;

	position: absolute;

	right: 0px;

	bottom: 0px;

}

#main_doitac{

    min-height: 300px;

		

}

.doitac{
    margin: auto;
    width: 1170px;
    background: gainsboro;
    max-width: 100%;
    padding-bottom: 10px;

}



.jcarousel-skin-tango5 .jcarousel-container-horizontal {width:96%;height:77px;margin:0 auto 0 auto;float:left;padding-left:8px;}

.jcarousel-skin-tango5 .jcarousel-clip{overflow:hidden;}

.jcarousel-skin-tango5 .jcarousel-clip-horizontal{width:100%;height:77px;float:left;}

.jcarousel-skin-tango5 .jcarousel-item {width:170px;height:77px;}

.jcarousel-skin-tango5 .jcarousel-item-horizontal{float:left;margin-right:20px;}

.jcarousel-skin-tango5 .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left:10px;margin-right:0;}



.dm1{

	width: 355px;

	height: 207px;

	box-shadow: 3px 3px 2px #999999;

	position: relative;

	float: left;

	margin: 0px 7px;

		

}

.ten_dm1{

	position: absolute;

	bottom: 0px;

	left: 0px;

	height: 33px;

	text-align: center;

	width: 355px;

	font-size: 15px;

	font-weight: bold;

	color: #fff;

	text-transform: uppercase;

}

.ten_dm1 a{



	color: #fff;

}

.ten_dm1 a:hover{

	text-decoration:underline;

}

.main_dm1{

	height: 240px;

	padding-bottom: 7px;	

	background:url(../images/bong_dmsp.png) no-repeat bottom center;

}

.tieude_sanpham{

    height: 30px;

    line-height: 30px;

    font-size: 12px;

    font-weight: bold;

    text-transform: uppercase;

    color: green;

    border-bottom: 1px solid #fd7213;

        margin-top: 7px;

}



.bong_sp{

	position: absolute;

	bottom: -22px;

	left: 0px;

	height: 22px;

	width: 229px;

	background: url(../images/bong_sp.png) no-repeat;

}





.main_right{

	width: 220px;

	float:right;

	position:relative;	

}

.right_content table{

	margin:auto;	

}



#cart{

	background: url(../images/cart_icon.png) no-repeat left center;

	min-width: 94px;

	height: 34px;

	font-weight: bold;

	position: absolute;

	top: 5px;

	right: 193px;

	font-size: 12px;

	font-style: italic;

	padding-left: 40px;

	line-height: 17px;

	z-index: 999999;

}



#cart a{

	color: #fff;

}



#cart a:hover{

	text-decoration:underline;

}



.ul_thongke {

    background: url(../images/thongketruycap.png) no-repeat 0px 7px;

    line-height: 27px;

    text-indent: 27px;

    margin-left: 12px;

    text-shadow: 0px 0px 0px;

    margin-top: 8px;

    font-size: 13px;

    padding-top: 4px;

    padding-bottom: 8px;

}

.ul_thongke li span {

    float: right;

}

.chitiet_sp, .muahangngay{

	    float: left;

    width: 50%;

}

.chitiet_sp a{

background: #fd7213;

    color: #fff;

    font-size: 12px;

    line-height: 27px;

    font-weight: bold;

    padding: 4px 15px;

}

.main_thuvienanh{

	padding: 7px;

}

.ten_tintuc{

    background: url(../images/caolanhdatviet_index_01_48.png) no-repeat 1px 4px;

    text-align: left;

    padding-left: 13px;

    line-height: 16px;

    font-size: 12px;

    margin-bottom: 5px;

    margin-top: 5px;

}

.ten_tintuc:hover{

	color: red;

}

.right_content_qc img{

	width: 100%;

	height: auto;

	max-width: 100%;

}

.giamgia_product{

	color: gray;

	font-size: 13px;

	    min-height: 24px;

}

.giamgia_product > span{

    text-decoration: line-through;

    font-weight: bold;  

}

.content_hotro{

	padding: 5px;

}

.no_bg{

	border: none !important;

}

.conten_hotro{

	padding: 7px;

	    padding-bottom: 40px;

}

.tablethanhtoan input{

	width: 364px;

    height: 23px;

}

.btn_thanhtoan{

	    text-align: left;

    padding-top: 6px;

    padding-left: 121px;

}

.img-responsive{

	width: 100%;

	height: auto;

}

.main_hethongwebsite{

	margin-bottom: 15px;

}

.content{

	padding-top: 7px;

}

.main_hethongwebsite th,td{

	border-color: gainsboro;

}

.hotline_product{

	font-size: 17px;

    font-weight: normal;

    margin: 7px 0px !important;

    padding: 7px 0px !important;

}

.hotline_product b{

	color: red;

}

.icon_spnb>span>img{

    padding-top: 9px !important;

    padding-left: 7px !important;

}

.item_hotro{

	    display: flex;

    margin: 6px 7px;

    padding: 6px 0px;

    border-bottom: 1px solid #fff;

    font-family: "OpenSansSemibold";

    line-height: 17px;

}

.item_hotro_left{

    float: left;

    margin-right: 10px;

}



.item_hotro_right{

    float: left;	

}

.ten_hotro{

	margin: 0px;



}

.dienthoai_hotro{

	    margin: 0;

    color: red;

}

.ten_duan{

	font-size: 14px;

    color: #333;

    padding-top: 5px;

    text-align: left;

}

.item_tintuc{

	    margin: 0 !important;

    text-align: left !important;

    line-height: 20px;

}

.ten_tintuc1{

	    font-weight: bold;

    font-size: 14px;

    color: #333;

    padding-top: 5px;

    text-align: left;

}

.ngaytao_duan{

	    color: gray;

}

.mota_duan{

	    font-size: 13px;

}

.content_tintuc{

	padding: 10px;

}

#search_frm{

	    float: right;

    position: relative;

    height: 38px;

    margin-top: 4px;

    background: #fff;

    width: 250px;

}