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

*{margin: 0px; padding: 0px;}

.nivoSlider img {height: 500px !important;}

.cat-nav .has-sub {position: relative;}
.cat-nav .has-sub > .bt_op {/* width: 20px; *//* height: 20px; *//* line-height: 20px; *//* position: absolute; *//* right: 5px; *//* top: 10px; */cursor: pointer;display: block;}
.cat-nav .has-sub > .bt_op:before {/* content: "[+]" ; */width: 20px;height: 20px;position: absolute;}
.cat-nav .has-sub > .bt_op.active:before {/* content: "[-]" ; */position: absolute;}
.cat-nav .has-sub > .bt_op.active {color: #e50000;}


.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-tooltip{display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1.0E+30}
.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}
.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}

.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.js-facebook-messenger-box{bottom:70px;right:15px}
.js-facebook-messenger-box{background:#1182fc}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-box{width:60px;height:60px;display:block;position:fixed;cursor:pointer;text-align:center;line-height:60px;background:#1182FC;border-radius:100%;overflow:hidden;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3)}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg)}
.js-facebook-messenger-box svg#fb-msng-icon{width:30px;height:30px;position:absolute;top:15px;left:15px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out}
.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg)}
.js-facebook-messenger-box svg#close-icon{opacity:0;width:20px;height:20px;position:absolute;top:20px;left:20px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out}
.js-facebook-messenger-container{transform:translateY(50px);bottom:110px;right:35px}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-container{position:fixed;opacity:0;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out}
.js-facebook-messenger-top-header{width:300px}
.js-facebook-messenger-top-header{color:#fff;background:#1182fc}
.js-facebook-messenger-top-header{display:block;position:relative;width:300px;background:#1182FC;color:#fff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{ display:none;}
.js-facebook-messenger-top-header{color:#fff;background:#1182fc}
.js-facebook-messenger-box{background:#1182fc}
.js-facebook-messenger-top-header{width:100%}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-box{bottom:95px;right:15px}
.js-facebook-messenger-container{transform:translateY(50px);bottom:135px;right:35px}
.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1; display:block; z-index:1000; pointer-events:all}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}
.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg)}
.js-facebook-messenger-box.open svg#close-icon{opacity:1}

#btn-zalo { display: block; width: 40px; height: 40px; position: fixed; right: 25px; bottom: 175px; z-index: 999; }
#btn-zalo i {top:0;right:0; display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; width: 40px; height: 40px; border-radius: 50%; background: #1182FC; position: relative; z-index: 9999; }
#btn-zalo i img { vertical-align: middle;width:40px }
.kenit-alo-circle-fill {width: 60px; height: 60px; top: -12px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(17, 130, 252, 0.45); opacity: .75; right: -12px; }
.kenit-alo-circle {width: 50px; height: 50px; top: -7px; right: -7px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(17, 130, 252, .8); opacity: .1; border-color: #1182FC; opacity: .5; }

a.plus {
    float: left;
    margin-right: 10px;
}

.right_contact {
    width: 50%;
    float: right;
}

.left_contact {
    float: left;
    width: 45%;
}

.footer_end {
    line-height: 45px;
    background: #166636;
}

.right_f {
    float: right;
    width: 45%;
}

.right_f ul {
    list-style: none;
    text-align: right;
}

.right_f ul li {
    display: inline-block;
    margin-left: 20px;
    font-family: RobotoRegular;
    font-size: 13px;
    color: #fff;
}

.right_f ul li span {
    color: #ff0;
}

.left_f {
    width: 50%;
    float: left;
    font-family: RobotoRegular;
    font-size: 13px;
    color: #fff;
}

.left_f span {
    font-family: RobotoBold;
    color: #ff0;
}

.title_footer {
    font-family: RobotoBold;
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #f6ff00;
}

.right_footer {
    float: right;
    width: 300px;
    text-align: left;
}

.mid_footer {
    width: 300px;
    float: left;
}

.left_footer {
    float: left;
    width: 500px;
}

.bottom {
    padding: 60px 0 40px;
}

.title_doitac {
    margin-bottom: 20px;
    min-width: 200px;
    background: url(images/be_danhmuc.png) no-repeat left center,#1d8346;
    display: inline-block;
    line-height: 40px;
    padding-left: 30px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 0;
    top: -22px;
    z-index: 99;
}

.title_doitac:after {
    position: absolute;
    content: "";
    background: url(images/af_danhmuc.png) no-repeat;
    left: 100%;
    top: 0;
    width: 25px;
    height: 40px;
}

.title_main span {
    font-family: RobotoBold;
}

.khachhang {
    float: right;
    width: 45%;
    background: #f2f2f2;
    position: relative;
    padding-top: 30px;
    padding-bottom: 10px;
}

.doitac {
    width: 45%;
    float: left;
    background: #f2f2f2;
    position: relative;
    padding-top: 30px;
    padding-bottom: 10px;
}

.title_main {
    margin-bottom: 20px;
    min-width: 200px;
    background: url(images/be_danhmuc.png) no-repeat left center,#1d8346;
    display: inline-block;
    position: relative;
    line-height: 40px;
    padding-left: 30px;
    font-size: 14px;
    color: #fff;
}

.title_main:before {
    content: "";
    position: absolute;
    border-bottom: 1px solid #1d8346;
    width: 1060px;
    left: 0;
    bottom: 0;
}

.title_main:after {
    position: absolute;
    content: "";
    background: url(images/af_danhmuc.png) no-repeat;
    left: 100%;
    top: 0;
    width: 25px;
    height: 40px;
}

.title_main span {
    font-family: RobotoBold;
}

.box_sanpham{float:left;margin-bottom:25px;width: calc(100% / 4 - 60px / 4);margin-right: 20px;text-align: center;}
.box_sanpham:nth-child(4n){margin-right: 0px;}
.box_sanpham:nth-child(4n+1){clear: both;}

.cart_left {
    width: 110px;
    line-height: 35px;
    background: #ba2626;
    display: inline-block;
    border-radius: 4px;
}

.name_sanpham {
    margin: 5px 0;
}

.name_sanpham a {
    font-family: RobotoBold;
    font-size: 15px;
    color: #4c4c4c;
}
img{max-width: 100%}
.img_sanpham {
    border: 1px solid #e6e6e6;
    background: #fff;
}
.img_sanpham a { position: relative; display: block; overflow: hidden; }
.img_sanpham a img{ transform: scale(1); transition: all 0.3s;}
.box_sanpham:hover .img_sanpham a img{ transform: scale(1.1); transition: all 0.3s;}

div.box_item .cart_left a, div.box_sanpham .cart_left a {font-family: RobotoRegular;font-size: 13px;color: #fff;background: url(images/cart2x.png) no-repeat left center;padding-left: 30px;}

div.box_item .cart_left a:hover, div.box_sanpham .cart_left a:hover {
    opacity: .8;
}

div#scroller {
    padding: 15px 15px 0 15px;
    background: #f2f2f2;
}

.box_item {
    text-align: center;
    margin-bottom: 20px;
}

.cart {
    font-family: RobotoRegular;
    font-size: 14px;
    color: #666666;
}

.cart a {
    color: #666666;
}

.right_h {
    background: url(images/cart.png) no-repeat left center;
    width: calc(100% - 1072px );
    float: left;
    padding-left: 50px;
    margin-top: 11px;
    font-family: RobotoBold;
    font-size: 16px;
}

.bottom_h {
    position: relative;
}

.banner_in {
    float: left;
    width: 880px;
    padding-left: 142px;
}

.logo {
    width: 130px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    background: #fff;
}

.top_h {
    line-height: 40px;
    background: #4d4d4d;
}

.inner{max-width: 1360px;margin:0 auto;position:relative;}
.inner_h{max-width: 1200px;margin:0 auto;position:relative;}
.top_h ul {
    list-style: none;
}

.top_h ul li {
    display: inline-block;
    font-family: RobotoRegular;
    font-size: 14px;
    color: #fff;
    position: relative;
}

.top_h ul li i {
    margin-right: 5px;
    font-size: 16px;
}

.top_h ul li:not(:last-child) {
    border-right: 1px solid #fff;
    padding-right: 20px;
    line-height: 18px;
}

.top_h ul li + li {
    margin-left: 20px;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fff;
    min-width: 1300px;
    margin: 0 auto;
}

.box_doitac {padding-right: 20px;}

.box_doitac {padding: 0 7px;}

img{ border: 0px;}

a{
	text-decoration: none;	
}
a:hover{
	color: #FF0000;
}

a:active{
	color: #034268;	
}

div.clear{ display: block; clear:both;}


div#full{
	height: auto;
}

div#wrapper{
	margin: 0px auto;
}

div#header{
	position: relative;
	width: 100%;
}

div.line{
	width: 1px;
	height: 44px;
	float:left;
	background: url(images/line.png) no-repeat top center;
}

div#menu{
	position: relative;
	width: 100%;
	height: 44px;
	background: #1d8346;
}

#menu:after {
    position: absolute;
    content: "";
    background: #fff;
    top: 0;
    left: 0;
    width: 220px;
    height: 100%;
}

ul#top-nav{
	position: relative;
	float: left;
	margin-left: 178px;
	list-style: none;
}

ul#top-nav:after {
    content: "";
    position: absolute;
    background: url(images/after_menu.png) no-repeat left top;
    width: 30px;
    height: 44px;
    left: -48px;
    top: 0;
}

ul#top-nav li{
	float: left;
	margin: 0px 2px;
	line-height: 44px; position: relative;;
}


ul#top-nav a{
	display: block;
	color: #FFF;
	padding: 0 23px;
	text-transform: uppercase;
	font-family: RobotoBold;
	font-size: 14px;
}

ul#top-nav li:hover{
	color: #fffc00;
}

li.menu1{
}

ul#top-nav a:hover{
	color: #FF0;
}

li.menu1 a{
	color: #FF0 !important;
}



ul#top-nav ul{
	position: absolute;
	list-style: none;
	width: 200px;
	display: none ;
	top: 44px;
	left: 0px;
	z-index: 1000;	
}

ul#top-nav ul ul{
	position: absolute;
	display: none;
	width: 200px;
	top: 0px;
	left: 200px;
	z-index: 1000;	
}

ul#top-nav ul li{
	width: 200px;
	margin: 0px;
	padding-right: 0px;
	background: #45C14D;
	border-bottom: 1px solid #FFF;	
}

ul#top-nav ul li a{
	padding: 0 10px;
	color: #FFF !important;
	background: none !important;
}

ul#top-nav ul li:hover{
	background: #4B7107 !important;	
}

ul#top-nav ul ul li{
	background: #4B7107;
}

ul#top-nav ul ul li:hover{
	background: #45C14D !important;	
}

ul#top-nav li:hover ul ul, ul#top-nav li ul li:hover ul ul{
	display: none;	 
}

ul#top-nav li:hover ul, ul#top-nav li ul li:hover ul{
	display: block;	
}

div#search{
	position: absolute;
	width: 220px;
	height: 25px;
	top: 7px;right: 7px;z-index: 100;
	background: url(images/bg_search.png) no-repeat top center;	
}

div#search input{
	position: absolute;
	top: 1px;left: 5px;
	width: 185px;
	padding-left: 5px;
	height:	23px;
	border: none;
	background: none;
	color: #555; font-style: italic;
}

div#btn{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

div#slider{
	position: relative;
	width: 100%;
	height: 500px;
}

div#slider-left{
	width:100%;
	height:500px;
}

div#slider-right{
	width:200px;
	height:310px;
	background:#FFF url(images/bg_httt.png) no-repeat top center;
	float:right;
}

div#slider-right-noidung{
	width:100%;
	height:200px;
	float:left;
	margin-top:100px;
}

div.bg{
	position: absolute;
	top: 0px; left: 0px;
	width: 990px;
	height: 336px;
	z-index: 1000;
	background: url(images/bg_slider.png) no-repeat top center;	
}

div#container{
	float: left;
	width: 980px;
	padding:10px;
}

div#left{
	float: left;
	width: 270px;
	margin-right: 30px;
}

div.main{
	float: right;
	width: calc(100% - 300px);
}

div.title{
	position: relative;
	width: 100%;
	height: 40px;
	text-align:center;
	background: url(images/bg_category.png) no-repeat center;
}

div.title span{
	display: block;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 40px;
}

div.icon-title{
	position: absolute;
	top: 2px; left: 6px;
	width: 33px; height: 29px;
	background: url(images/icon_title.png) no-repeat top center;	
}

div.lcontent{
	float:left;
	width: 100%;
	margin-bottom: 5px;
}

ul.cat-nav{
	list-style: none;
	padding: 10px 15px;
	background: #f2f2f2;
}
.muiten{
	width:9px;
	height:5px;
	float:left;
	background:url(images/arrow3.png) no-repeat top center;
	margin-top: 5px;
	margin-left: 8px;
}
ul.cat-nav > li{
	line-height: 40px;
	border-bottom: 1px dashed #cecece;
}

li#first-cat-nav{
	border-top: none;	
}

ul.cat-nav li a{
	display: block;
	color: #4c4c4c;
	text-transform:uppercase;
	font-family: RobotoBold;
	font-size: 14px;
}

ul.cat-nav li a:hover {
    color: #1d8346;
}

ul.cat-nav li ul li {
    border-top: 1px dashed #cecece;

 
}

ul.cat-nav li ul li a {
    padding-left: 25px;
    cursor: pointer;
}


ul.cat-nav li ul li ul li ul li{
       background: url(images/bg_li.png) no-repeat left 60px top 17px;
    padding-left: 20px;
}

ul.cat-nav > li > ul > li > ul > li > a {
    padding-left: 40px;
}

ul.cat-nav > li > ul > li > ul > li > ul > li > a {
    padding-left: 55px;
}

ul.cat-nav ul, ul.cat-nav ul ul {
	list-style: none;
	position: relative;
	display: none;
}


/*======================================*/

ul.left-nav {
	list-style: none;
}
ul.left-nav li {
	padding: 5px 0px;
	background: url(images/bg_nav_left.png) repeat-x left bottom;
}

ul.left-nav li a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	padding-right: 5px;
	background: url(images/arrow.png) no-repeat 10px 9px;
}

ul.left-nav li a.li_active {
	color: #F00;
	text-decoration: underline;	
}

ul.left-nav li a:hover {
	color: #F00;
	text-decoration: underline;	
}


div#info{
	margin-top: 60px;
	width: 100%;
	background: #FFF;
}

div.info-title{
	float: left;
	width: 100%;
	height: 34px;
	background:#F2EDED url(images/bg_main.png) no-repeat left center;
	overflow: hidden;
}

div.info-title span{
	display: block;
	font-size:16px;
	margin-left: 20px;
	padding-top: 8px;
	font-weight: bold;
	color: #FFF;	
	text-transform: uppercase;
}

div.info-title span a{
	color:#FFF;	
}

div.info-content{
}

div#tabs{
	float: left;
	width: 100%;
}

ul#tabs-nav{
	float: left;
	list-style:none;	
}

ul#tabs-nav li{
	float: left;
	margin-right: 2px;	
}

ul#tabs-nav a{
	display: block;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 20px;
	background: #09F;	
}

ul#tabs-nav a.active{
	color: #000;	
}

ul#tabs-nav a:hover{
	color: #000;
}

ul#nhapkhau{
	list-style: none;	
}

ul#nhapkhau li{
	padding: 7px 20px;	
}

ul#nhapkhau a{
	display: block;
	font-weight: bold;
	color: #077400;
	padding: 0px 20px;
	background: url(images/check.png) no-repeat 0px 31px;
}

div.box-sp{
	float: left;
width: 130px;
margin: 5px;
height:220px;
}

div.box-sp-img{
	width: 130px;
	padding: 1px;
	border: 1px solid #CCC;
}

div.box-sp-img:hover{
	border: 1px solid #FF0000;
}

div.box-sp-shadow{
	width: 100%;
	height: 5px;
	background: url(images/box_shadow.png) no-repeat top center;	
}

div.box-sp-name{
	padding-top: 5px;		
}

div.box-sp-name p{
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	
}

div.box-sp-name p.detail a{
	display: inline-block;
	margin-top: 5px;
	width:100px;
	height:25px;
	color: #FFF;
	text-transform: none;
	background: url(images/dathang.png) no-repeat top center;	
}

 p.detail a{
	display: inline-block;
	margin-top: 5px;
	width:100px;
	height:25px;
	color: #FFF;
	text-transform: none;
	background: url(images/dathang.png) no-repeat top center;	
}



div.box-sp-name span{
	color: #F00;
}

div.box-sp-name a{
	color: #000;
	font-weight: bold;
}

div.box-sp-name a:hover{
	color: #FF0000;
}

div#right{
	float: right;
	width: 195px;
}	

div.lkweb{
	position: relative;
	float: left;
	width: 100%;
	height: 35px;
	margin: 5px 0px;
	background: url(images/lkweb.png) no-repeat top center;	
}
div.lkweb p{
	width: 144px;
	padding: 6px 0px;
	margin: 0px 6px;
	overflow: hidden;
	color: #FFF;
	font-weight: bold;	
}

div.lk-input{
	position: absolute;
	width:180px;
	height: 31px;
	left: 5px;
	top: 2px;	
}

div.lk-btn{
	position: absolute;
	width: 35px;
	height: 31px;
	right: 2px;
	top: 2px;
	cursor: pointer;	
}

div.lk-select{
	display: none;
	position:absolute;
	width: 178px;
	top: 30px;
	left: 0px;
	background: #FFF;
	border: 1px solid #999; 	
}

div.lk-select p{
	width: 166px;
	color: #000;
	cursor: pointer;
	border-top: 1px solid #F9c;	
}

div.lk-select p:first-child{
	border-top: none !important;
}

div.lk-select p:hover{
	color: #F00;
}

ul.cat-video{
	margin: 5px;
	list-style:url(images/arrow.png) inside;	
}

ul.cat-video li{
	padding: 3px 0px;	
}

ul.cat-video a{
	color: #FFF;
	font-weight: bold;	
}

ul.cat-video a:hover{
	color: #F60;
}


ul#scroller2 a{
	color: #002B55;
}

ul#scroller2 a:hover{
	color: #ff7800;	
}

div#online{
	float: left;
	padding: 8px 0px;
	width: 100%;
	height: 38px;
	background: url(images/online.png) no-repeat 5px;	
}

div#online p{
	color: #002B55;
	margin-left: 50px;
	line-height: 1.5em;	
}

div#online span{
	color: #F60; font-weight: bold;	
}


div#footer{
	position:relative;
	width: 100%;
	height: 100%;
	margin: 0px auto;
	background: url(images/footer.png) no-repeat;
	background-size: cover;
	padding: 50px 0 30px;
}

div#footer {}

ul#bottom-nav{
	padding-top: 8px;
	list-style: none;
	text-align:center;	
}

ul#bottom-nav li{
	display: inline-block;
	padding: 5px 0px;
		
}

ul#bottom-nav li#first-bottom-nav a{
	border-left: none !important;	
}

ul#bottom-nav li a{
	color: #FFF;
	font-weight: bold;
	padding: 0px 19px;
	text-transform: uppercase;
	border-left: 1px solid #FFF;
}

ul#bottom-nav li a:hover{
	color: #FF0000;	
}

div#footer p{
	color: #FFF;
	line-height: 1.5em;
}

div.box-news{
}

div#box-news-first{
	border-top: none;
}

div.box-news-img{
	border: 1px solid #999;
}

div.box-news-img:hover{
	border: 1px solid #FF0000;	
}

div.box-news-name{margin-top: 10px;}

div.box-news-name a{
	text-transform: uppercase;
	color:#099;
	font-family: RobotoBold;
}

div.box-news-name a:hover{
	color:#F60;	
}

div.box-news-mota{
	float: right;
	width: 390px;
	text-align: justify;
	color: #666;
	line-height: 1.5em;	
}

div.box-news-readmore{
	float: right;
	width: 390px;
	text-align: right;
	
}

div.box-news-readmore a{
	font-style:italic;
	font-weight: bold;
	font-size: 11px;
}

.box_card{
	position: fixed;
	/*transform:rotate(-30deg);
	-ms-transform:rotate(-30deg); 
	-moz-transform:rotate(-30deg); 
	-webkit-transform:rotate(-30deg); 
	-o-transform:rotate(-30deg);*/
	right: 0px; top: 0px;
	z-index: 1000;
	background:url(images/bg_card.png) no-repeat top left;
	height:41px;
	float:left;
	padding-top:7px;
	padding-left:55px;
	width:141px;
	cursor:pointer;
}
.box_card span{
	font-weight:bold;
	color:#F00;
}

.button {
    background: #000000;
	font-size: 12px !important;
    border: 1px solid #fff;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
	font-weight: bold !important;
    font: 12px arial,helvetica,sans-serif;
    padding: 5px 20px;
	cursor:pointer;
}

div.text {
	padding: 10px;
	line-height: 2em;
}

div.text ul{
	list-style: none;
}

div.text img{
	max-width: 560px;	
}

.tablelienhe td{ height:30px;}
.tablelienhe .input{
	border: 1px #E9E9E9 solid;
	azimuth:center;
	width: 100%;
	height: 25px;
}
.tablelienhe .title{ font-size:14px; font-weight:bold; text-transform:uppercase}

.tablelienhe span{
	color: #F00;	
}
h1{
	
	widht:100%;
	height:38px;
	border-bottom:1px solid #CCC;
}
h1 span{
	color:#d02e02;
	font-size:16px;	
	margin-left:15px;
	line-height:38px;
	font-weight:bold;
	text-transform:uppercase;
}
.giohang{
	width:100%;
	height:70px;
	float:left;
	background:url(images/giohang.png) no-repeat top center;
}
#tool {
background: url(images/bg_tienich.png) no-repeat;
float:left;
margin-left:10px;
width:180px;
}
#tool li{
	list-style:none;	
}
.thongtin-all{
	width:100%;
	float:left;
	background:#F2EDED;
	height:280px;
}
#container-left{
	width:260px;
	float:left;
	margin-right:20px;
}
#container-left-title{
	width:100%;
	height:35px;
	float:left;
	background:url(images/ovuong.png) no-repeat left center;
	border-bottom:1px solid #178133;
}
#container-left-title span{
	line-height:35px;
	color:#178133;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin-left:20px;
}
#container-right{
	width:420px;
	float:right;
}
#container-right-title{
	width:100%;
	height:35px;
	float:left;
	background:url(images/ovuong.png) no-repeat left center;
	border-bottom:1px solid #178133;
}
#container-right-title span{
	line-height:35px;
	color:#178133;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin-left:20px;
}
#container-left-body{
	margin-top:10px;
	width:256px;
	height:210px;
	float:left;
	background:#FFF;
	border:1px solid #FFF;
	padding:2px;
	border-radius:8px;
}
#container-right-body{
	width:100%;
	height:210px;
	margin-top:10px;
	float:left;
}
.tablelienhe{
}
#container-right-top{
	width:100%;
	height:100px;
	float:left;
}
#container-right-top-img{
	width:100px;
	height:90px;
	float:left;
}
#container-right-top-ten{
	width:310px;
	float:right;
}
#container-right-top-ten a{
	font-weight:bold;
	font-size:13px;
	color:#333;
}
#container-right-top-ten a:hover{
	text-shadow:0px 0px 3px #F90;
}
#container-right-top-mota{
	width:310px;
	line-height:20px;
	float:right;
}
#container-right-under-title{
	width:100%;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	color:#178133;
}
#container-right-under{
	width:100%;
	height:200px;
	margin-top:10px;
	float:left;
}
#container-right-under-next{
	width:100%;
	line-height:20px;
	background:url(images/arrow3.png) no-repeat left center;
}
#container-right-under-next a{
	color:#178133;
	margin-left:15px;
}
#container-right-under-next a:hover{
	text-shadow:0px 0px 3px #F90;
}
.sptieubieu{
	width:560px;
	height:220px;
	margin-left:5px;
	float:left;
	margin-top:10px;
}
.yahoo-skype{
	width:100%;
	text-align:center;
	float:left;
	height:60px;
	border-bottom:1px solid #CCC;
}
.thongtin-lienhe{
	width:185px;
	height:140px;
	margin-top:10px;
	float:left;
	margin-left:10px;
	font-weight:bold;
	line-height:20px;
}
.cham{
	width:5px;
	height:5px;
	float:left;
	margin-right:5px;
	margin-top: 7px;
	background:url(images/cham.png) no-repeat left center;
}

.tttt{
	width:70px;
	height:30px;
	float:left;
}

.box-news{float:left;margin-bottom:25px;width: calc(100% / 4 - 60px / 4);margin-right: 20px;text-align: center;}
.box-news:nth-child(4n){margin-right: 0px;}
.box-news:nth-child(4n+1){clear: both;}

.map-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 1em; }
.map-container iframe, .map-container object, .map-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }