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



@font-face {
    font-family: 'utm_helvetinsregular';
    src: url('../fonts/utmhelvetins/utm_helvetins-webfont.eot');
    src: url('../fonts/utmhelvetins/utm_helvetins-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/utmhelvetins/utm_helvetins-webfont.woff2') format('woff2'),
	url('../fonts/utmhelvetins/utm_helvetins-webfont.woff') format('woff'),
	url('../fonts/utmhelvetins/utm_helvetins-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	
}



@font-face {
	font-family: 'robotoregular';
	src: url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.eot');
	src: url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.woff2') format('woff2'),
	url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.woff') format('woff'),
	url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.ttf') format('truetype'),
	url('../fonts/RobotoCondensedRegular/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
    font-family: 'utm_alter_gothicregular';
    src: url('../fonts/utm_altergothic/utm_alter_gothic-webfont.eot');
    src: url('../fonts/utm_altergothic/utm_alter_gothic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/utm_altergothic/utm_alter_gothic-webfont.woff2') format('woff2'),
	url('../fonts/utm_altergothic/utm_alter_gothic-webfont.woff') format('woff'),
	url('../fonts/utm_altergothic/utm_alter_gothic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	
}


@font-face {
	font-family: 'UTM Davida';
	src: url('../fonts/utm_davida/UTM Davida.eot');
	src: url('../fonts/utm_davida/UTM Davida.woff2') format('woff2'),
	url('../fonts/utm_davida/UTM Davida.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'UTMDavida';
	src: url('../fonts/utm_davida/UTMDavida.woff') format('woff'),
	url('../fonts/utm_davida/UTMDavida.ttf') format('truetype'),
	url('../fonts/utm_davida/UTMDavida.svg#UTMDavida') format('svg');
	font-weight: normal;
	font-style: normal;
	}


@font-face {
	font-family: 'UTM ViceroyJF';
	src: url('../fonts/UTMViceroyJF/UTM ViceroyJF.eot');
	src: url('../fonts/UTMViceroyJF/UTM ViceroyJF.woff2') format('woff2'),
	url('../fonts/UTMViceroyJF/UTM ViceroyJF.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'UTMViceroyJF';
	src: url('../fonts/UTMViceroyJF/UTMViceroyJF.woff') format('woff'),
	url('../fonts/UTMViceroyJF/UTMViceroyJF.ttf') format('truetype'),
	url('../fonts/UTMViceroyJF/UTMViceroyJF.svg#UTMViceroyJF') format('svg');
	font-weight: normal;
	font-style: normal;
}





@font-face {
	font-family:'Glyphicons Halflings';
	src:url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.eot);
	src:url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/GlyphiconsHalflings/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.ttf');
}

/*++++++++++START DEFAULT+++++++++++*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 14px;
	color: #000;
	
	font-family: 'Roboto-Light';
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #F00;
}
a.active {
	color: #F00;
}
a:active {
	color: #555;
}
input{color:#000 !important;}
img {
	border: none;
}
div.clear, .clearfix {
	display: block;
	clear: both;
}
input::-webkit-input-placeholder {
	color: #FFF;
}
input::-moz-placeholder {
	color: #FFF;
}
input:-moz-placeholder {   /* Older versions of Firefox */
	color: #FFF;
	
}
input:-ms-input-placeholder { 
	color: #FFF);
}
#at4-share
{
	display: none !important; 
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.none{display:none;}
.content {
    position: relative;
    margin: 0 auto;
    width: 1200px;
}
.fixed {
    position: fixed !important;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 10000;
    margin-top: 0px !important;
}
.chitiettin * img{max-width:100% !important;height:auto !important;}
/* Hieu ung */
.hover_sang2{position:relative; overflow:hidden;}
.hover_sang2:before{position: absolute;top: 0;left: -85%;z-index: 10;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.hover_sang2:hover:before {transition: 1s;left: 100%;}
/* End hieu ung */

/* Hieu ung */
.hover_sang3{ overflow:hidden; position:relative;}
.hover_sang3:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(67, 69, 113, 0.1);-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
}
.hover_sang3:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: rgba(67, 69, 113, 0.1);-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.hover_sang3:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hover_sang3:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}
/* End hieu ung */
/*++++++++++END DEFAULT+++++++++++*/
/************start load page********************/
#loading-page {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/bg2.jpg) no-repeat; 
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -ms-background-size: 100%;
}

.loader {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 10;
    border: 4px solid rgba(154, 0, 0, 0.81);
    top: 50%;
    animation: loader 4s infinite ease;
    -webkit-animation: loader 4s infinite ease;
    -moz-animation: loader 4s infinite ease;
    -o-animation: loader 4s infinite ease;
    -ms-animation: loader 4s infinite ease;
}

.loader-inner {
    position: relative;
    z-index: 10;
    vertical-align: top;
    display: inline-block;
    //width: 100%;
    height: 100%;
    background-color: #9A0000;
    animation: loader-inner 4s infinite ease-in;
    -webkit-animation: loader-inner 4s infinite ease-in;
    -moz-animation: loader-inner 4s infinite ease-in;
    -o-animation: loader-inner 4s infinite ease-in;
    -ms-animation: loader-inner 4s infinite ease-in;
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
	}
	
    25% {
        transform: rotate(180deg);
	}
	
    50% {
        transform: rotate(180deg);
	}
	
    75% {
        transform: rotate(360deg);
	}
	
    100% {
        transform: rotate(360deg);
	}
}

@keyframes loader-inner {
    0% {
        width: 0%;
	}
	
    25% {
        width: 0%;
	}
	
    50% {
        width: 100%;
	}
	
    75% {
        width: 100%;
	}
	
    100% {
        width: 0%;
	}
}

@-webkit-keyframes loader {
    0% {
        transform: rotate(0deg);
	}
	
    25% {
        transform: rotate(180deg);
	}
	
    50% {
        transform: rotate(180deg);
	}
	
    75% {
        transform: rotate(360deg);
	}
	
    100% {
        transform: rotate(360deg);
	}
}

@-webkit-keyframes loader-inner {
    0% {
        width: 0%;
	}
	
    25% {
        width: 0%;
	}
	
    50% {
        width: 100%;
	}
	
    75% {
        width: 100%;
	}
	
    100% {
        width: 0%;
	}
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
	}
	
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
	}
	
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
	}
	
    100% {
        opacity: 1;
        transform: translateX(0);
	}
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
	}
	
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
	}
	
    80% {
        opacity: 1;
        -webkit-transform: translateX(10px);
	}
	
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
	}
	
    60% {
        opacity: 1;
        -moz-transform: translateX(-30px);
	}
	
    80% {
        opacity: 1;
        -moz-transform: translateX(10px);
	}
	
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
	}
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
	}
	
    60% {
        opacity: 1;
        transform: translateX(-30px);
	}
	
    80% {
        opacity: 1;
        transform: translateX(10px);
	}
	
    100% {
        opacity: 1;
        transform: translateX(0);
	}
}
/**********end load page********/
/*--------------------------START paging-----------------------------*/
.wrap_paging {
	margin:10px auto;
	
	position: relative;
	width: 100%;
	padding: 0px 0px;
	text-align: right;
}
.wrap_paging_top {
	position: relative;
	width: 100%;
	padding: 7px 0px;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	text-align: right;
}
.paging {
	margin:0px auto;
	text-align:center;
}
ul.pages li a i
{
	
	position:relative;
}
ul.pages .fa
{
	line-height: 25px !important;
}
.paging a {
	float: left;
	
	margin-right: 5px;
	width: 25px;
	height: 25px;
	line-height: 25px !important;
	text-align: center;
	border: 1px solid #CCC;
	background: #f9f9f9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #000;
	font-weight: bold;
}
.paging a.paginate_active {
	background: #2ba40d;
	border: 1px solid #27910d;
	color: #FFF;
}
.paging a:hover {
	background: #CCC;
}
.paging a.paginate_active:hover {
	background: #2ba40d;
	border: 1px solid #27910d;
	color: #FFF;
}

.pages {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.pages li {
	/*float: left;*/
	list-style: none;
	display: inline-block;
	margin-right: 5px;
}
.pages li a.active {
	background: #b11116;
	border: 1px solid #b11116;
	color: #FFF;
}

/*--------------------------END paging-----------------------------*/
/* #scroll-left{border-bottom: 2px solid #EC7402;} */
#top_header {
    width: 100%;
    padding: 11px 0px;
    font-size: 14px;
    background: #FFED00;
    color: #ec7402;
    border-bottom: 1px solid #ccc;
    font-family: 'robotoregular';
    font-weight: bold;
    position: relative;
}
#top_header  .content_top {
    position: relative;
    margin: 0 auto;
    width: 1240px;
    /* background: #fff; */
    /* margin-top: -40px; */
}
#top_header .menu .top_l {
    float: left;
    margin-right: 4%;
}
#top_header .menu .top_c {
    float: left;
    margin-right: 3%;
}
#top_header .menu .top_r {
    float: left;
}
#top_header .menu img {
    float: left;
    margin-right: 5px;
}
.top_ft{
	background: #FFED00;
	font-size: 14px;
	padding: 7px 70px;
	color: #ec7402;
	border-bottom: 1px solid #Ccc;
	position: relative;
}
.top_ft .top_ft-left {
	float:left;
}
.top_ft img{float:left;}
.top_ft .top_ft-right {
	float:right;
	margin-right: 161px;
}
.top_ft .mxh{/* position: absolute; *//* right: 92px; *//* top: 4px; */float: right;}
.top_ft .mxh p	{    float: left;
line-height: 35px;}
.top_ft .mxh a img{
    margin-right: 7px;
}
#container_NNT
{
	margin:0 auto;
	width: 1349px;
}

.main-wrap
{
	margin:0 auto;
	
}
.right-main-header
{
    float: right;
    position: absolute;
    background: url(../images/bg_right.png) no-repeat;
    z-index: 123;
    width: 460px;
    height: 209px;
    top: -35px;
    right: 0;
}

.top-type-bar
{
	
	margin: 0 auto;
	
	width: 70%;
}

.hotline-header span
{
	color:#686868;
	text-transform:uppercase;
	
}
.hotline-header img.icon-hotline
{
    float: left;
	
}

.hotline-header b{
	color:#ed3136;
}
.hotline-header
{margin-top: 12px;text-shadow: -1px 0 #fff,0 2px #fff,1px 0 #fff, 0 -2px #fff;margin-left: 70px;margin-top: 37px;}
.icon-hotline-top
{
    font-weight: normal;
    font-size: 20px;
    float: left;
    background: #fff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.info-hotline
{
	float:left;
	background: #fff;
	height: 53px;
	padding-left: 9px;
	padding-right: 4px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.info-hotline p {
    padding-top: 7px;
}
.info-hotline p a{
	color: #DC0000;
	font-weight:bold;
	font-size: 15px;
	font-family: 'robotoregular';
	/* text-shadow: -1px 0 #fff,0 2px #fff,1px 0 #fff, 0 -2px #fff; */
}
.search-header
{
	float:left;
	margin-left: 10px;
	border-right: 1px dotted #ccc;
    padding-right: 15px;
	
}
.header-social
{
	float:left;
	margin-left:15px;
}

.social-Follow ul,.social-Follow ul li
{
	list-style:none;
}
.social-Follow ul li
{
	display:inline-block;
	margin-left:10px;
	padding-top: 3px;
}
.header-social span,.header-social .social-Follow
{
	float:left;
	margin-left:10px;
}
.lang_con
{
    position: relative;
    top: 15px;
    margin: 0 auto;
	
    text-align: center;
}
.hotline-header b
{
    color: #ef0000;
    font-size: 20px;
    text-shadow: -1px 0 #e2f006,0 1px #e2f006,1px 0 #e2f006, 0 2px rgba(0,0,0,0.8);
}

.logo_web img
{
    /* max-width: 150px; */
    /* max-height: 170px; */
}

/*++++++++++START HEADER+++++++++++*/

#header_top
{
	margin:0 auto;
	max-width: 1349px;
	height: 172px;
}
.bg-banner
{margin: 0 auto;width: 1349px;height: 172px;position: relative;}
.banner_top
{
    margin: 0 auto;
    width: 1200px;
}
.left-banner
{
	float:left;
	width: 180px;
}
.banner_top .logo_web
{
	
	position: relative;
	
	/* vertical-align: middle; */
	
	float: left;
	
	width: 150px;
	
	top: 46px;
}
.center-banner
{
	float: left;
    width: 670px;
    padding: 20px 0px 0px 20px;
}
.info-company
{
	margin:0 auto;
	text-align:center;
}

.center-banner .name-company
{
	font-family: 'UTMDavida';
    margin: 0 auto;
    text-align: center;
    font-size: 28px;
    color: #ff0000;
    font-weight: bold;
}
.address-company
{
    font-style: italic;
    font-family: 'UTMDavida';
    margin-top: 10px;
    text-align: center;
}


/*++++++++++END HEADER+++++++++++*/


.main-wrap-bg
{
	margin: 0 auto;
	position: relative;
}


/*++++++++++START MENU TOP+++++++++++*/


.nav-menu-header
{
    margin: 0 auto;
    height: 50px;
    position: relative;
    top: 0px;
    text-align: center;
    background: url(../images/bg_menu.png) repeat-x;
}
#menu_top
{
    position: relative;
    width: 1200px;
    height: 50px;
    margin: 0 auto;
}

div.menu_top_main
{
}
div.menu_top_main ul
{padding: 0;list-style: none;margin: 0 auto;height: 50px;float: left;}
div.menu_top_main ul li
{
    margin: 0;
    position: relative;
    height: 50px;
    float:left;
    z-index: 52;
    background:url(../images/menu_li.png) no-repeat right;
}
div.menu_top_main ul li a
{
    /* margin: 0 0 0 0; */
    text-transform: uppercase;
    padding: 0px 33px 0px 33px;
    color: #fff;
    font-family: 'robotoregular';
    font-size: 15px;
    line-height: 50px;
    text-align: center;
    display: block;
    height: 50px;
}

div.menu_top_main ul li a p
{
	font-family: 'robotoregular';
	color:#FFF;
}
div.menu_top_main ul li a:hover, div.menu_top_main ul li a.active {
    color: #e4ff00;
}

div.menu_top_main ul li:hover,div.menu_top_main ul li.active
{line-height: 50px;}


div.menu_top_main ul li ul,div.menu_top_main ul li:hover ul ul,div.menu_top_main ul li ul li:hover ul ul
{
	left: 0px;
	z-index: 9999999;
	position: absolute;
	display: none;
	width: 200px;
	background: #087D64;
	height: auto;
}
div.menu_top_main ul li:hover ul
{
	padding: 0px;
	top: 50px;
	display: block;
}
div.menu_top_main ul li ul li ul
{
	top:0px;
}
div.menu_top_main ul li ul li
{
	margin:0;	
	top:auto;
	width: 200px !important;
	line-height: 28px !important;
	border-bottom: 1px solid #bcc0d1;
	background: none;
	height: auto;
	height: auto !important;
	text-align:left !important;
	border:none;
	
}
div.menu_top_main ul li ul li:hover
{
	line-height:28px !important;
	background:#e90000;
	text-align:left !important;
	
	
}
div.menu_top_main ul li ul li a:hover
{
	/*color:#F00 !important;*/
}
div.menu_top_main ul li ul li a
{
	text-transform:none;
	margin:0;
	width: auto !important;
	height: auto !important;
	text-align:left !important;
	font-size:14px;
	display: block;
	min-width: initial;
	
	color:#fff !important;
	padding:0px 1px 1px 5px;
	
	line-height:28px !important;
	background:none !important;
	font-family:arial;
}


div.menu_top_main ul li ul li a:hover
{
	text-shadow: initial;
	color: #fff !important;
	
}

div.menu_top_main ul li ul li ul
{
	top:0px;
}

div.menu_top_main ul li ul li:hover ul
{
	left:200px;
	top:0px;
	display:block;
	
}

div.menu_top_main ul li ul li ul li:hover ul
{
	left:200px;
	display:block;
	top:0px;
}

.bg_input span
{
	font-weight: bold;
	font-size: 12px;
	padding-top: 5px;
	margin-right: 10px;
	float: left;
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
}
.bg_input .search
{
	float:right;
}
div.bg_input {
    position: relative;
    border: 1px solid #ccc;
}
.bg_input input {
	background: url(../images/bg_input.png) no-repeat;
	text-indent: 5px;
	border: none !important;
	right: 0px;
	top: 0px;
	color: #fff;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 6px;
	width: 276px;
	height: 30px;
	line-height: 17px;
	margin-left: 0px;
	background: none;
}

img
{
	border:none;
}
.search_frm
{
	/* float: left; */
}
#search_frm_vi form
{
	border:none !important;
}
.img_search {
    top: 7px;
    padding-right: 0px;
    right: 10px;
    position: absolute;
}
.bg_input a {
	padding-top: 12px;
}
.img_search a img {
	height: 17px;
	width: 17px;
}


/*++++++++++END MENU TOP+++++++++++*/


/*++++++++++START COL-MAIN+++++++++++*/

.content-wrap
{
    position: relative;
    margin: 0 auto;
    width: 1349px;
    /* background: #fff; */
    /* margin-top: -40px; */
}

.col_main
{
	margin:0 auto;
	width: 1349px;
	margin-top: 20px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	
}
.center_full  
{
	margin:0 auto;
	width:98%;
}

/* .col_center
	{
	margin-top:20px;
	float:right;
	width:690px;	
} */
.col_left1
{
	height: auto; 
}
.col_right1
{
	height: auto; 
}
.col_left
{
	height: auto; 
	margin:0 auto;
	float:left;
	width: 298px;
	/* box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, /* Just to fix the corner */ 1px 0 0 0 #ccc
	inset, 0 1px 0 0 #ccc inset; */
	border-top: 2px solid #EC7402;
	/* box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, /* Just to fix the corner */ 1px 0 0 0 #ccc
	inset, 0 1px 0 0 #ccc inset; */
	border-top: 2px solid #EC7402;
	border-top: 2px solid #EC7402;
	box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, /* Just to fix the corner */ 1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset;
	
}
.col_center
{
	float: left;
	width: 753px;
	/* box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, /* Just to fix the corner */ 1px 0 0 0 #ccc
	inset, 0 1px 0 0 #ccc inset; */
	box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, /* Just to fix the corner */ 1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset;
	box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, /* Just to fix the corner */ 1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset;
}

.col_right
{

	margin:0 auto;
	float:right;
	width: 298px;
	box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, /* Just to fix the corner */ 1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset;
	border-top: 2px solid #EC7402;
}

.wap_item
{
	padding-top:20px;
	
}
#main_content_web
{
	/* margin: 20px auto; */
	padding: 10px;
}

/*++++++++++END COL-MAIN+++++++++++*/




/*++++++++++START Col-Left-Right +++++++++++*/


.left-news .left-photo {
	
	
	position: relative;
    float: left;
    width: 460px;
    height: 290px;
	
	overflow: hidden;
}
.left-news .left-photo ul {
	padding:0px;
	position: relative;
	list-style: none;
}
.left-news .left-photo ul li{position: absolute;z-index: 0;width: 540px;display: none;}
.left-news .left-photo ul li.active{z-index: 10;display: block;}
.left-news .left-name-news
{
	position: relative;
    float: right;
    width: 130px;
    height: 300px;
	
	
}
.left-news .left-name-news ul
{
    left: initial !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
    list-style: none;
	top: 0 !important;
}

.left-news .left-name-news h3
{
	margin: 5px 0px 5px 5px;
	text-align:center;
	font-size:18px;
	text-transform:uppercase;
	line-height:35px;
	
}
.left-news .left-name-news h3 a{
	border-bottom:1px solid #ddd;
	
}

.left-news .left-name-news .jcarousel-skin-tango .jcarousel-item img
{
	margin:0 auto;
	padding:0 !important;
	width:130px !important;
	max-width: 130px;
	height:90px !important;
	
}
.left-news .left-name-news .jcarousel-skin-tango .jcarousel-clip-vertical {
	width:130px !important;
	height: 290px;
}
.left-news .left-name-news .jcarousel-skin-tango .jcarousel-item
{
	width:130px !important;
	height:90px !important;
}
.left-news .left-name-news .jcarousel-skin-tango
{
	
}
.left-news .left-name-news .jcarousel-skin-tango .jcarousel-item-vertical
{
	margin-bottom: 5px;
}

.left-news .left-name-news .jcarousel-skin-tango .jcarousel-container-vertical {
    width: 130px;
    height: 290px;
    padding:0;
}
.left-news .left-name-news .jcarousel-skin-tango .jcarousel-prev-vertical,.left-news .left-name-news .jcarousel-skin-tango .jcarousel-next-vertical

{
	background:none;
}
.full-news-video
{
	
	margin:0 auto;
}

.bg-news-video
{
	margin: 0 auto;
    width: 1170px;
    padding: 15px 0px 15px 0px;
}

.left-news
{
	float:left;
	width:375px;
}
.left-content-news
{
	padding: 0px 0px 15px 15px;
    margin: 15px 0px 0px 0px;
}
.left-content-news .left-item-news
{
	float:left;
	
    margin: 0px auto;
	
}
.left-info-news
{
	float:left;
	margin-left:0px;
	
}
.left-image-news
{
	float:left;
	margin:0 auto;
	
	
}
.center-map
{
	float:left;
	margin-left: 20px;
	width: 375px;
}
.left-info-news
{
	float:left;
	
	
}
.left-info-news h4
{
	color:#008bbf;
	font-size:15px;
	margin:5px auto;
	
	font-family: robotoregular;
}
.left-info-news div.description-news
{
	color:#000;
	
	font-size:14px;
	text-align: justify;
	
	
}

.left-name-news ul
{
    list-style: none;
	padding:0;	
}

.left-name-news ul li a
{
	color:#008bbf;
	text-indent:10px;
}
#box_video
{
	/* margin-top:15px; */
}
.select_video .video_lienquan
{
    padding: 5px;
    width: 100%;
    border: 1px solid #ddd;
    margin: 0 auto;
}
.select_video .video_lienquan li a
{
	cursor: pointer;
	display:block;
	
}
.right-video
{
	float:right;
	width:375px;
}
.logo_left{text-align:center;padding: 20px 0;}
.cate-pro{
	width: 298px;
	padding: 0;
	box-shadow: 1px 0 0 0 rgba(204, 204, 204, 0.25), 0 1px 0 0 rgba(204, 204, 204, 0.25), 1px 1px 0 0 rgba(204, 204, 204, 0.25), /* Just to fix the corner */ 1px 0 0 0 rgba(204, 204, 204, 0.25) inset, 0 1px 0 0 rgba(204, 204, 204, 0.25) inset;
	/* margin-top:20px; */
	/* border: 1px solid #ccc; */
	/* background: url(../images/bg_hotro.png) repeat center; */
}
.content_left{padding: 10px;}
.title_left{background: url(../images/title_right.png) no-repeat right;margin: 0 auto;margin-bottom: 15px;}
.title_left h3{
    font-family: 'Roboto-Light';
    color: #555555;
    font-size: 16px;
}

h4.title-catalog{
	
	position: relative;
	
	/* background: url(../images/bg_dm.png) no-repeat center; */
	
	height: 38px;
	
	font-family: 'robotoregular';
	
	font-weight: bold;
	
	line-height: 38px;
	
	text-transform: uppercase;
	
	text-align:center;
	
	font-size: 17px;
	
	width: 220px;
	
	color: #000;
	
	z-index: 123;
	
	/* background-color: #F5F5F5; */
	
	/* border: 1px solid #ccc; */
	
	border-bottom: none;
	
	margin: 0 auto;
}

ul.cateUl{
	
/* border: 1px solid #ccc; */
	
/* background-color: #f5f5f5; */
	
position: relative;
	
z-index: 1;
	
/* padding: 10px 10px 10px 10px; */
	
/* box-shadow: 0 2px 5px #ccc; */
	
border-top: none;
}

ul.cateUl > li{
	display: block;
	position:relative;
	margin:0 auto;
	border-bottom: 1px solid rgba(204, 204, 204, 0.25);
}
ul.cateUl > li.active{background: #EC7402;}
ul.cateUl > li.active a{color:#fff;}
ul.cateUl > li:last-child{border-bottom:none;}
ul.cateUl > li:hover{background:#EC7402;}
ul.cateUl > li:hover a{color:#fff;}
ul.cateUl > li > a{
	text-indent: 19px;
	font-size: 14px;
	display: block;
	/* line-height: 25px; */
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	/* background: url(../images/li_left_bg.png) no-repeat left 0px; */
	padding: 12px 0;
	padding-left: 0px;
	background-position: 10px;
	/* border-bottom: 1px dashed #ccc; */
}
ul.cateUl > li > ul
{
	
    padding-left: 10px;
}

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

ul.cateUl>li>ul>li{
	background: url(../images/icon2.png) no-repeat 10px 13px;
	display: block;
	position:relative;
	border-bottom: 1px dashed #ccc;
}
ul.cateUl>li>ul>li>ul>li {
	background: url(../images/icon3.png) no-repeat 18px 16px;
	display: block;
	position: relative;
}
ul.cateUl>li>ul>li>ul>li>a {
	text-transform: capitalize;
	font-size: 11px;
	display: block;
	
	line-height: 30px;
	text-indent: 25px;
	color: #101010;
	border-bottom: 1px dotted #818080;
	
	background: url(../images/li_left_sub_bg.png) no-repeat 10px center;
}
ul.cateUl>li>ul>li>a{
	/* text-transform: capitalize; */
	font-size: 13px;
	display: block;
	line-height: 30px;
	text-indent: 25px;
	color: #000;
	background: url(../images/li_left_sub_bg.png) no-repeat 10px center;
}
ul.cateUl > li > a.active {
}
ul.cateUl>li>ul>li>ul>li>a.active
{
	color:#012FBB !important;
}
ul.cateUl>li>ul>li>a.active{
}

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

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

ul.cateUl>li>ul>li>ul>li>a{
	display: block;
	height: 35px;
	line-height: 35px;
	text-indent: 30px;
	border-bottom:dotted 1px #bbbaba;
}

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

ul.info-cateUl li
{
	border-bottom:1px dashed #ccc;	
}
ul.tktc{
    padding: 0 21px;
}
ul.tktc li{
    padding: 5px 0;
    list-style-type: none;
    font-weight: bold;
}
ul.tktc li span{
    color: #ec7402;
    float: right;
}
.info-news-col {
    padding-top: 10px;
    padding-bottom: 10px;
}

.info-news-col img {
	width: 75px;
    height: 65px;
    float: left;
    display: block;
    border: 1px solid #ccc;
	box-shadow: 0 0 5px #767070;
    margin-right: 10px;
    display: block;
    padding: 3px;
}
.name-info-news {
	text-align: justify;
    padding-top: 5px;
    padding-bottom: 5px;
}
.name-congtrinh a {
    font-family: 'robotoregular';
    color: #333333;
    font-size: 14px;
}

.sub_con_other ul{
	list-style:none;
	padding:0;
}
.sub_con_other ul li .name-pro-moi
{
	margin:0 auto;
	text-align:center;
	padding:5px;
}
.sub_con_other ul li .price-pro-moi span
{
	color:#d90000;
	font-size:14px;
	
}
.sub_con_other ul li a{
	text-align: center;
	margin:0 auto;
}
.sub_con_other ul li .order-pro-moi{
	padding:5px;
	max-width:70px;
	cursor:pointer;
	color:#fff;
	background: #E20C0C;
}
.sub_con_other ul li{
	/* padding-bottom:10px; */
	/* padding-top:10px; */
	color: #fff;
	display: inline-block;
}
.col-left-new-img
{
	float:left;
	width:75px;
	height:62px;
}
.col-right-des-new
{
    float: left;
    width: 140px;
    text-align: justify;
    margin-left: 8px;
}
.sub_con_other ul li.tinnews
{
    padding: 10px 0px 10px 0px;
    border-bottom: 1px dashed #ccc;
    margin-top: 5px;
}

/*++++++++++END LEFT-RIGHT= MAIN+++++++++++*/


/*++++++++++START LEFT-SUPPORT+++++++++++*/

.sub_con_other
{
    margin: 0 auto;
    width: 91%;
    padding: 10px;
    /* border:1px solid #ccc; */
}
.hotline_sup
{
	margin: 0 auto;
	text-align: center;
}
.right_hotsup,.hotline_sup img
{
}
.right_hotsup
{
	margin:10px auto;
}
.right_hotsup b
{
	font-size:18px;
	font-weight:bold;
	float:left;
	
}
.right_hotsup p
{
	font-size:20px;
	color:#da2522;
	font-weight:bold;
	float:left;
}
.online-support-bottom {
    margin: 10px auto;
    width: 90%;
}
.online-support-bottom ul {
    padding: 0;
    margin: 0;
    list-style: none;
    border-bottom: 1px dashed #fff;
    padding-bottom: 10px;
}
.post-col-info li.skype-yahoo {
    float: right;
}
.post-col-info li.name-support {
    float: left;
    font-weight: normal;
    font-size: 13px;
    margin-top: 15px;
}
ul.contact_support li span {
    color: #fff;
}
.post-col-info li {
    /* margin-bottom: 20px; */
    text-indent: initial !important;
}
.info_support
{
	margin:15px auto;
	
	
}
.info_support .name_skype_yahoo ul
{
	list-style:none;
	padding:0;
	margin: 0 auto;
    text-align: CENTER;
}
.info_support .name_skype_yahoo
{
	background:url(../images/li_sup.png) no-repeat 0px 5px;
}

.info_support .name_skype_yahoo ul li
{
	
	padding:0 4px;
	display:inline-block;
}
.info_support .name_skype_yahoo ul li.name_sup{
	float:none;
	font-weight:bold;
	color: #fff;
}
.info_support p
{
	font-weight:bold;
	color:#222222;
	font-size:14px;
}


/*++++++++++End LEFT-SUPPORT+++++++++++*/


/*++++++++++START MAIN PRO+++++++++++*/

.center_full .title-info
{
	margin: 15px auto;
}
.about-product
{
	
	margin:0 auto;
	padding-bottom: 20px;
}
.xemthem a
{
	line-height:25px;
	font-weight:bold;
	color:#008bbf;
	
}
.xemthem a:hover
{
	color:red;
}
.left-index-about
{
	float:left;
	width:475px;
}
.content-index-about
{
	margin: 20px auto;
    padding: 0px 0px 0px 0px;
}
.content-index-about .des-index-about
{
	float:left;
	width:525px;
}
.content-index-about .img-index-about
{
	margin:0 auto;
	text-align: center;
	width:377px;
	height:267px;
	float:right;
	background:url(../images/bg_about.png) no-repeat center ;
	
}
.content-index-about .img-index-about img
{
	padding-top: 5px;
    width: 365px;
    height: 256px;
    margin: 0 auto;
    border-radius: 10px;
}
.xemthem
{
	float:right;
}
.xemthem a
{
	/* padding:2px 5px; */
	/* border:1px dashed #ccc; */
	color: #000;
}
.xemthem a span
{
	font-size:12px;
	color:#000;
	
}
.des-index-about h3
{
	margin:10px auto;
	color:#ed1c24;
	font-size:18px;
	text-transform:uppercase;
	font-family: 'robotoregular';
	
}
.content-index-product
{
	margin:0 auto;
	padding-top: 10px;
	
	
	
}
.content-index-product .items-index-product
{
    float: left;
    width: 225px;
    margin: 5px 15px 15px 0px;
	position:relative;
	
}
.items-index-product a img
{
	border:1px solid #ccc;
	background: #fff;
	
}
.name_product_nb {
    height: 30px;
    margin: 0 auto;
    display: none;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 35%;
    display: block !important;
}

.name_product_nb a {
    color: #000;
    text-shadow: -1px 0 #fff,0 1px #fff,1px 0 #fff, 0 -1px #fff;
    font-size: 16px;
    font-weight: bold;
}

.right-index-product
{
	float:right;
	width:465px;
	
}

.title-index 
{
    margin: 0 auto;
    width: 100%;
    height: 38px;
    line-height: 38px;
    /* background:url(../images/title-index-bg.png) no-repeat; */
    margin-bottom: 15px;
    box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, /* Just to fix the corner */ 1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset;
}
ul.video_lienquan 
{
	list-style: none;
	padding:0;
	
}
ul.video_lienquan li
{
	/*float:left;*/
	display:inline-block;
    margin: 10px 10px 10px 0px;
	
}
p.notice,span.tukhoa,b.chonfont{color: #000;}
.title-index a{float:right;color:#f00;text-transform: uppercase;font-size: 13px;font-family: 'robotoregular';}
.title-index a:hover{color:#ff0;}
.title-index h3.title-index-name
{
    margin: 0 auto;
    font-family: 'Roboto-Light';
    /* text-transform: uppercase; */
    font-size: 25px;
    color: #000;
    /* background: url(../images/title_c.png) repeat-x; */
    display: inline-block;
    position: relative;
    padding-left: 20px;
    /* padding-right: 12px; */
    height: 38px;
    line-height: 40px;
} 
/* .title-index h3.title-index-name:before {
    position: absolute;
    width: 47px;
    height: 38px;
    content: "";
    top: 0px;
    left: 0;
    background: url(../images/title_l.png) no-repeat;
	}
	.title-index h3.title-index-name:after {
	content: "";
	background: url(../images/title_r.png);
	width: 45px;
	height: 38px;
	background-size: 100% 116%;
	position: absolute;
	left: 100%;
	top: 0px;
} */

.title-index-2 {
    margin: 0 auto;
    width: 559px;
    text-align: left;
    height: 40px;
    line-height: 40px;
    background: url(../images/title-index-bg-2.png) no-repeat right;
}

.title-index-2 h3.title-index-name-2 {
    margin: 0 auto;
    font-family: robotoregular;
    text-transform: uppercase;
    font-size: 20px;
    color: #ed1c24;
    padding-bottom: 15px;
}

.title-info 
{
	margin: 0px auto;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	/* background: #F5F5F5; */
	/* box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, /* Just to fix the corner */ 1px 0 0 0 #ccc
	inset, 0 1px 0 0 #ccc inset; */
}
.title-info h3.title-info-bg
{
    margin: 0 auto;
    font-family: 'Roboto-Light';
    /* text-transform: uppercase; */
    font-size: 25px;
    color: #000;
    /*     background: url(../images/title_c.png) repeat-x; */
    display: inline-block;
    position: relative;
    /* padding-left: 45px; */
    /* padding-right: 50px; */
    height: 38px;
    line-height: 43px;
    margin-left: 0px;
} 
/* .title-info h3.title-info-bg:before {
    position: absolute;
    width: 47px;
    height: 38px;
    content: "";
    top: 0px;
    left: 0;
    background: url(../images/title_l.png) no-repeat;
}
.title-info h3.title-info-bg:after {
	content: "";
	background: url(../images/title_r.png);
	width: 45px;
	height: 38px;
	background-size: 100% 116%;
	position: absolute;
	left: 100%;
	top: 0px;
} */
.show-info-web
{
	margin:15px auto;
}


.product-group
{
	margin:0 auto;
	padding: 17px;
}

.product-item{
    z-index: 2;
    position: relative;
    margin: 0 auto;
    width: 226px;
    height: 243px;
    float: left;
    margin: 10px 12px 10px 4px;
    background: #F3F3F3;
}
.product-item img.has-tt{
	max-width:100%;
}

.product-item .product-image{padding-top: 5px;overflow: hidden;position: relative;width: 213px;height: 143px;margin: 0 auto;overflow: hidden;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}	
.icon_dathang
{
	background:url(../img/icon_dathang.png) no-repeat left;
}
.hover_shine {
	width: 100%;
	height: 100%;
	background-image: url(http://i.minus.com/iuvzYDPlYu8RR.png);
	position: absolute;
	opacity: .7;
	background-position: -265px 0;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	-webkit-transition: background-position .3s ease;
	-moz-transition: background-position .3s ease;
	-o-transition: background-position .3s ease;
	transition: background-position .3s ease;
	z-index: 124;
}
.hover_shine:hover{
    /*Final position*/
    background-position: 10px 0;
}
.product-item .product-image:hover{/* opacity:0.8 */}

.product-item .product-image img{
	
	margin:auto;
	
	max-width: 290px;
	
	max-height: 215px;
	
	-moz-transition: all 0.7s ease;
	
	-o-transition: all 0.7s ease;
	
	-ms-transition: all 0.7s ease;
	
	transition: all 0.7s ease;
	
}

.shadow_pro{
	background:url(../images/product-image.png) no-repeat bottom;
	padding-bottom:11px;
}
.product-item .product-image:hover img{   -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
transform: scale(1.1);}
.product-item .cart
{
	display:inline-block;
	font-size: 15px;
	padding: 3px;
	margin-top: 10px;
}	
.product-item .product-name
{
	
	
    margin: 0px auto;
	
    text-align: center;
	
    padding: 10px;
	
}



.product-item .product-price span{color:red}

.price span
{
	color:#ff0000;
	
}
.price b{font-weight:normal;}
.product-item .product-name a{
    color: #424141;
    font-size: 15px;
    font-weight: normal;
    font-family: robotoregular;
}	
.product-name h3
{
	color:#fff;
	
	
}
.detail-order
{
    margin: 0 auto;
    width: 200px;
    text-align: center;
}
.detail-order .detail-pro,.detail-order .order-pro{
	
	float:left;
	
}
.detail-order .detail-pro:hover,.detail-order .order-pro:hover{
    background: #E20C0C;
    color: #fff;
    border-bottom: 3px solid #E20C0C;
}
.detail-order .detail-pro,.order-pro
{
	display: inline-block;
	width:75px;
	margin-left:5px;
	background: #CCCCCC;
	padding: 3px 1px;
	font-size:14px;
	cursor:pointer;
	color:#000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 21px;
	border-bottom-right-radius: 21px;
	margin-right: 30px;
}
.description
{
	color:#3e3e3e;
	font-size:13px;
	text-align:justify;
	
}
.type-bds-contact .dientich
{
	
    float: left;
    line-height: 25px;
}
.type-bds-contact span
{
	font-family:robotoregular;
	color:#ff000a;
}
.bottom-bds
{
	border-bottom:1px dashed #ccc;
	
}
.type-bds
{
	font-size:15px;
	font-family: 'robotoregular';
	color: #333333;
}

.view-depp .contact-phone
{
	margin-left:5px;
	float:left;
}


.type-bds span , .contact-phone span
{
	color:#0600ff;
	
}
.type-bds-contact .type-bds
{
	float:left;
	margin-right:10px;
}

.type-bds-contact .contact-phone
{
	margin-left:10px;
	float:left;
}

.type-bds-contact div b
{
	font-weight:normal;
	float:left;
	width:100px;
	
	
}
.type-bds-contact div span{
	text-align:right;
	color:#ff000a;
	font-family:robotoregular;
	
}
#map_canvas2{width:100%;height:400px;}
#map_canvas
{
	margin-top:10px;
}
#map_canvas_ft{width: 340px;height: 200px;}
#map_canvas_ft img{    max-width: initial !important;}
/*++++++++++END MAIN PRO+++++++++++*/
.slide_qc{padding: 20px;}
/*++++++++++START MAIN DOI TAC+++++++++++*/

.doitac-bg
{
	margin:0 auto;
	/* background: #E9E9E9; */
	width: 753px;
}
.doitac-bg .background{
    width: 753px;
    margin: 0 auto;
}
.thanh_doitac
{
	margin:0 auto;
	height: 28px;
	background: url(../images/title_doitac.png) no-repeat bottom center;
	margin-bottom: 16px;
}
.thanh_doitac h3
{
    font-size: 25px;
    text-indent: 7px;
    color: #000;
    line-height: 25px;
    /* text-transform: uppercase; */
    font-weight: normal;
    font-family: 'Roboto-Light';
}

.slide-product
{
    margin: 0 auto;
    padding: 0;
    width: 753px !important;
}
.slide-product ul li
{
	/* margin: 0 2px; */
}
.img_sp_moi{/* border:1px solid #ccc; */width: 140px;height: 92px;text-align: center;/* background: #fff; */}
.doitac-bg .img_sp_moi a img{
	
	width: 110px;
	
	height: 63px;
	
	margin-top: 15px;
}
.doitac-bg #slide_product ul li
{
	margin-right: 13px;
}


.btn-pre{
    background: url(../images/prev.png) no-repeat;
    width: 49px;
    height: 49px;
    top: 25%;
    position: absolute;
    z-index: 99999;
    cursor: pointer;
    left: 0;
}
.btn-next{
    background: url(../images/next.png) no-repeat;
    width: 49px;
    height: 49px;
    top: 25%;
    position: absolute;
    z-index: 99999;
    cursor: pointer;
    right: 0;
}
/*++++++++++END MAIN DOI TAC+++++++++++*/








/*++++++++++START MAIN FOOTER+++++++++++*/
.footer-instagram
{
    margin: 0 auto;
    color: #fff;
    background: #1254CF;
    /* margin-top: -58px; */
}
.bg_footer_top
{
    margin: 0 auto;
    width: 1200px;
    padding: 56px 0px 40px 0px;
}

.main-footer
{
	margin:0 auto;
	
}

.left_footer
{
    float: left;
    width: 390px;
    margin-right: 100px;
}

.center_footer
{
	float:left;
	width: 286px;
}
.maxh-t
{
	
margin: 0 AUTO;
	float:right;
}
.maxh-t ul
{
	list-style:none;
	padding:0;
}
.maxh-t ul li
{
	display: inline-block;
	margin-right: 5px;
}
.maxh-ft
{
	margin: 0 AUTO;
	text-align: center;
}
.maxh-ft ul
{
	list-style:none;
	padding:0;
}
.maxh-ft ul li
{
	display: inline-block;
	margin-right: 5px;
}

.right_footer
{
    margin: 0 auto;
    float: right;
}
.right_footer .counter{
    font-size: 14px;
    padding-left: 19px;
    margin-top: 9px;
}
.right_footer .h4
{
	color:#fff;
	text-transform:uppercase;
	font-size:15px;
	font-family:
	
}
.right_footer .mang_xh
{
	margin:0 auto;
	padding-bottom:15px;
	width:325px;
	float:right;
	border-bottom:1px dashed #000;
	
}
.right_footer .mang_xh h4
{
	margin:0 auto;
	padding-bottom:15px;
	color:#464646;
	font-family:robotoregular;
	text-transform:uppercase;
	font-size:15px;
	
}
.right_footer .mang_xh ul
{
	list-style:none;
	padding:0;
	
}
.right_footer .mang_xh ul li
{
	float:left;
	margin-right:10px;
	
}

.newsletter
{
	
}
.newsletter h3{
	color:#fff;
	text-align:left;
	font-size:13px;
	text-indent:15px;
}
.newsletter_name b
{
	color:#464646;
	text-transform:uppercase;
	font-size:18px;
	font-weight: normal;
    font-size: 18px;
    font-family: 'robotoregular';
}
.newsletter_name p
{
	padding-top:5px;
	color:#464646;
}

#subscribe_form input.email-form {
    width: 200px;
    text-indent: 15px;
    border: none;
    margin: 0;
    /* border-radius: 10px; */
    background: #fff;
    height: 31px;
    font-size: 15px;
    color: #000;
}
.newsletter
{
    margin: 10px auto;
    width: 390px;
    text-align: center;
	
}
#subscribe_form
{
    margin: 13px auto;
    position: relative;
    width: 260px;
}
input#send_email_newsletter {
    position: absolute;
    /* border-radius: 0 10px 10px 0; */
    width: 60px;
    right: 0;
    background: #000;
    padding: 0px 5px;
    cursor: pointer;
    top: 0px;
    /* position: relative; */
    height: 31px;
    line-height: 30px !important;
    color: #fff;
    font-size: 13px;
    border: none;
    text-transform: uppercase;
}

.bot_ft{
	background: #0E43A6;
	font-size: 14px;
	padding: 11px 70px;
	color:#fff;
}

.bot_ft .bot_ft-left {
	float:left;
}

.bot_ft .bot_ft-right {
	float:right;
}
.bot_ft .bot_ft-right span{color:#ff0;}
.footer-bottom {
    margin: 0 auto;
    text-align: center;
    background: #0052b8;
    padding: 5px;
    line-height: 30px;
}
.footer-bottom .left-footer-bottom
{
	float:left;
}
.footer-bottom .counter
{
	float:right;
}
.fix-footer-bottom
{
    margin: 0 auto;
    text-align: left;
    width: 1200px;
}

.footer-bottom-info 
{}
.copyright-info
{
	
	
}
.map_description
{
	color:#000;
}
.main-footer h4
{
	font-family: 'robotoregular';
	font-size:16px;
	text-transform:uppercase;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #fff; 
	
}
.counter-statics
{
	float:right;
	
	
}
.counter-info ul
{
	list-style:none;
	padding:0;
	
}
.counter ul
{
	list-style:none;
	padding:0;	
}
.counter-info ul li
{
	
	margin:10px auto;
	
	
}
.right_footer .counter img
{
    /* margin-right: 15px; */
    float: left;
    margin-top: 10px;
}
.right_footer .counter ul
{
	float:left;
}
.main-footer h3{
	margin:0 auto;
	font-family: 'robotoregular';
	text-transform:uppercase;
	color: #fff;
	font-size: 15px;
	/* background: url(../images/title_tk.png) no-repeat center; */
	height: 32px;
	/* line-height: 32px; */
	text-align: left;
	font-weight: normal;
}
.counter ul li
{
	
	line-height: 23px;
}
.counter ul li.online{
    /* background: url(../images/icon-online.png) no-repeat 0px; */
    text-indent: 20px;
}


.counter ul li.day
{
	/* background: url(../images/icon-day.png) no-repeat 0px; */
	text-indent: 20px;
}
.counter ul li.month{
    /* background: url(../images/icon-month.png) no-repeat 0px; */
    text-indent: 20px;
}
.counter ul li.statistics{
    /* background: url(../images/icon-statistics.png) no-repeat 0px; */
    text-indent: 20px;
}
/*++++++++++END MAIN FOOTER+++++++++++*/
.hangve{
	width: 100%;
	height: 77px;
	margin:0 auto;
	margin-bottom: 2px;
	padding-bottom: 0px;
	/* margin-top: 11px; */
	border-bottom: 1px dashed  #ccc;
	padding: 10px;
}
.hangve .images{float:left;width: 75px;height: 70px;margin-right: 10px;}
.hangve .name{float:left;width: 160px;height:42px;font-size:11px;}
.hangve .name a{
    font-size:11px;
    font-weight: bold;
    color: #8D3C00;
}
.hangve .mota{float:left;width: 114px;height:42px;font-size: 13px;}

/*++++++++++START BACK TOP+++++++++++*/

#back-top span {width: 48px;height: 48px;display: block;margin-bottom: 7px;background: url(../images/up-arrow.png) no-repeat left 0px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader() !important;}
#back-top {bottom: 20px;cursor: pointer;position: fixed;z-index: 10000;right: 30px;}


/*++++++++++END BACK TOP+++++++++++*/

/*++++++++++START SHARE SOCIAL+++++++++++*/

.attr-content-social
{
	margin: 10px auto;
	
	
}

.share-icon {
	display: inline-block;
	/*float: left; margin: 4px; */
	margin: 4px; 
	width: 32px; 
	height: 32px; 
	cursor: pointer; 
	vertical-align: middle; 
	background-image: url(../images/share-icons.png); 
	-moz-transition: all 300ms ease-out 0s;
	-ms-transition: all 300ms ease-out 0s;
	-o-transition: all 300ms ease-out 0s;
	-webkit-transition: all 300ms ease-out 0s;
	transition: all 300ms ease-out 0s; 
}
.share-facebook { background-position: 0 0; }
.share-facebook:hover { background-position: 0 -40px; }
.share-twitter { background-position: -40px 0; }
.share-twitter:hover { background-position: -40px -40px; }
.share-pinterest { background-position: -80px 0; }
.share-pinterest:hover { background-position: -80px -40px; }
.share-googleplus { background-position: -120px 0; }
.share-googleplus:hover { background-position: -120px -40px; }
.share-linkedin { background-position: -240px 0; }
.share-linkedin:hover { background-position: -240px -40px; }
.share-stumbleupon { background-position: -360px 0; }
.share-stumbleupon:hover { background-position: -360px -40px; }
.share-email { background-position: -320px 0; }
.share-email:hover { background-position: -320px -40px; }
.share-zing { background-position: -400px 0; }
.share-zing:hover { background-position: -400px -40px; }


/*++++++++++END SHARE SOCIAL+++++++++++*/
.tb_timdaily{    padding: 5px;}

.tb_timdaily label span img{
	position:absolute;
	left:0px;
	top:10px;
}
.tb_timdaily label {
	display:inline-block;
	height: 25px;
	line-height:25px;
	min-width:100px;
	font-weight:bold;
	text-align: right;
	position: relative;
	margin-right: 15px;
	color: #000;
}
.tb_timdaily .input_block{
	margin:0 0 10px 0;
}
.tb_timdaily .input_item{
	display: inline-block;
	height: 25px;
	line-height: 25px;
	min-width: 100px;
	font-weight: bold;
}
.tb_timdaily .input{
    border: 1px solid #cacaca;
    width: 210px;
    height: 22px;
    line-height: 22px;
    outline-color: #0085FF;
    margin-bottom: 4px;
    color: #999 !important;
}
.tb_timdaily textarea{
	border: 1px solid #cacaca;
	width: 210px;
	outline-color: #0085FF;
	margin-bottom: 10px;
}
.tb_timdaily .title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

/***************************************START TAB MAP CONTACT ****************************************/

.left-contact
{
	
}

.tablelienhe label span img{
	position:absolute;
	left:0px;
	top:10px;
}
.tablelienhe label {
	display:inline-block;
	height: 25px;
	line-height:25px;
	min-width:100px;
	font-weight:bold;
	text-align: right;
	position: relative;
	margin-right: 15px;
	color: #000;
}
.tablelienhe .input_block{
	margin:0 0 10px 0;
}
.tablelienhe .input_item{
	display: inline-block;
	height: 25px;
	line-height: 25px;
	min-width: 100px;
	font-weight: bold;
}
.tablelienhe .input{
    border: 1px solid #cacaca;
	width: 310px;
	height: 22px;
	line-height: 22px;
	outline-color: #0085FF;
}
.tablelienhe textarea{
	border: 1px solid #cacaca;
	width: 310px;
	outline-color: #0085FF;
}
.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;
	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: 5px 28px;
	font-weight:bold;
}
.button:hover{
	color:red;
}
#main_contact
{
	margin:15px auto;
	width:100%;
}
.othernews h3 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.othernews ul li a {
	color: #000;
	font-size: 15px;
}
.othernews ul li a:hover {
	color:#007dac;
}


.map-c
{
	
}

.nav-tabs > li,
.nav-pills > li {
	float: left;
}

.nav-tabs > li > a,
.nav-pills > li > a {
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 2px;
	line-height: 14px;
}

.nav-tabs {
	padding:0;
	list-style:none;
	border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
    margin-bottom: 6px;
}

.nav-tabs > li > a {
	padding-top: 8px;
    color: #000;
	padding-bottom: 8px;
	line-height: 20px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-bottom-color: transparent; 
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
	color: #fff;
	cursor: default;
	background-color: #006fb6;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}
.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
	border-color: #999999;
}

.map-tab-content
{
	margin:10px auto;
}

.tabbable {
	*zoom: 1;
}

.tabbable:before,
.tabbable:after {
	display: table;
	line-height: 0;
	content: "";
}

.tabbable:after {
	clear: both;
}

.tab-content {
	overflow: auto;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
	border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
	display: none;
}

.tab-content > .active,
.pill-content > .active {
	display: block;
}

.tabs-below > .nav-tabs {
	border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
	margin-top: -1px;
	margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
	border-top-color: #ddd;
	border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
	border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
	float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
	min-width: 74px;
	margin-right: 0;
	margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
	float: left;
	margin-right: 19px;
	border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
	margin-right: -1px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
	border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
	border-color: #ddd transparent #ddd #ddd;
	*border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
	float: right;
	margin-left: 19px;
	border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
	margin-left: -1px;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
	border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
	border-color: #ddd #ddd #ddd transparent;
	*border-left-color: #ffffff;
}

/*****************************************END TAB MAP CONTACT ********************************************/

.img_box_new_detail .fotorama__wrap 
{
	margin: 0 auto;
	
	
}

/**************************** Cart *************************/
img.icon-cart{    float: left;}
.shop-cart a
{display: block;padding: 9px 0;color: #fff;float: right;border-radius: 5px;}
.shop-cart a b{
	display: block;
	padding-left: 10px;
	float: left;
	line-height: 68px;
	font-size: 14px;
	font-family: 'robotoregular';
	text-transform: uppercase;
	text-align: left;
}
.shop-cart a b span{font-size: 16px;}
.noborder-order
{
	margin:10px auto;
	float:left;
}
.noborder-order a{
	display:block;
	cursor:pointer;
	padding:10px;
	color:#fff;
	border-radius:5px;
	background: #12947A;
}
.noborder-order a:hover{
	background:#F00;
}
.bg-top-cart
{
	font-weight:bold;color:#FFF;height: 25px;
	background:#2083F4;
}
.full_gioithieu{}
.full_gioithieu h3.ten_gt{
    font-family: 'Roboto-Light';
    font-size: 25px;
    color: #ec7402;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 10px 0;
}
.full_gioithieu .mota_gt{
    color: #808080;
    font-size: 12px;
    line-height: 20px;
    width: 95%;
    margin: 0 auto;
    text-align: justify;
    padding-top: 10px;
}
.item_hinhanh{width:66px;float:left;margin: 0 4px 4px 0;}
.copyr{
    padding: 0 10px;
}
ul.dichvu_right{}
ul.dichvu_right li{
    list-style-type: none;
    border-bottom: 1px solid rgba(204, 204, 204, 0.25);
    padding: 10px;
}
ul.dichvu_right li:hover{background: #EC7402;}
ul.dichvu_right li:hover a{color:#fff;}
ul.dichvu_right li a{
    font-size: 14px;
    display: block;
}
.item_tintuc{
    width: 345px;
    height: 330px;
    float: left;
    margin: 0 29px 17px 0;
    background: #F2F2F2;
}
.item_tintuc .img_tintuc{
    border-bottom: 2px solid #EC7402;
}
.item_tintuc .img_tintuc img{}
.item_tintuc h4.name_tintuc{
    padding: 7px;
}
.item_tintuc h4.name_tintuc a{
    color: #EC7402;
    font-size: 16px;
}
.item_tintuc h4.name_tintuc a:hover{}
.item_tintuc .date-post{
    padding: 2px 10px;
    font-size: 13px;
}
.item_tintuc .mota_tintuc{
    font-size: 13px;
    padding: 0 10px;
}