@charset "utf-8";

/* CSS Document */

@font-face {

    font-family: "UTMSwissCondensed";

    src: url('../fonts/utm_swiss_condensed-webfont.eot');

    src: url('../fonts/utm_swiss_condensed-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('../fonts/utm_swiss_condensed-webfont.woff2') format('woff2'),

         url('../fonts/utm_swiss_condensed-webfont.woff') format('woff'),

         url('../fonts/utm_swiss_condensed-webfont.ttf') format('truetype'),

         url('../fonts/utm_swiss_condensed-webfont.svg#utm_swiss_condensedregular') format('svg');

}

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, img, embed  {

margin: 0;

padding: 0;

outline: 0;

border: 0;

}

ol,ul {list-style: none;}

:focus {outline:0;}

.uppercase {text-transform: uppercase;}

.bold {font-weight: bold;}

.inline{display: inline}

.clear{clear:both}

p{ line-height:150%}

body{

color:#000000; font-family: verdana, Tahoma, Arial, Times New Roman, sans-serif ;

font-size:13px;background: #fff;

}

a {text-decoration: none;color:#000;font-weight:bold}

a img {border: none;}

a:hover {color: #0089e1}

img {vertical-align: center;border:0; border-spacing:0;}

table {border-collapse: collapse;border-spacing: 0;}

tr,td,h1,h2,h3,h4,h5,h6 {font-size:13px;}

h1,h2,h3,h4,h5,h6{font-weight:bold;}

td { padding:5px;}



#wrapper {

margin:0 auto;

text-align:center;

}

.container{ width:1100px; margin:0 auto; position:relative; display:inline-block; clear:both;}

#header {margin:0 auto; text-align:center; width:100%; position:relative;

background: #009ED6;

background: -moz-linear-gradient(top, #039af2 0%, #0487d9 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, #039af2), color-stop(100%, #0487d9));

background: -webkit-linear-gradient(top, #039af2 0%, #0487d9 100%);

background: -o-linear-gradient(top, #039af2 0%, #0487d9 100%);

background: -ms-linear-gradient(top, #039af2 0%, #0487d9 100%);

background: linear-gradient(to bottom, #009ED6 0%, #009ED6 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#039af2', endColorstr='#0487d9', GradientType=0 );

}

#logo {float: left;padding:15px 0; text-align:left; width:60%;}

#logo img{ max-height:120px; max-width:100%;}

#hotline {width:40%; float:right; text-align:right; font-family: 'UTMSwissCondensed'; font-size:18px; color:#fff; margin-top:20px;}

#hotline span{ display: block;}

#hotline span i{ font-size:18px;}

#hotline span p{ font-size:15px; color: #09C; text-align:left; margin-bottom:-5px;}

#hotline span img{ height:36px;}

#nav-toggle{display:none;}

#menu-button{ text-align:left; padding:5px 0 0 10px;}

#menu{

	background-color: #007dce; 

	color:#fff; height:44px;

	border-top:1px solid #0072bc;

	border-bottom:1px solid #fff;

	width:100%;

	margin: 0 auto; text-align:center;

}

#menu-wrap {

  width: 1100px;

  margin: 0 auto;

  position: relative;

}

#frmsearch{

  position: absolute;

  right: 0;

  top: 7px;

  margin: 0 auto;

  width: 206px;

  height: 30px;

  text-align: left;

  z-index: 10;

  background-color: #fff;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}

#txtsearch{

  display: inline;

  margin: 0;

  padding: 0;

  width: 170px;

  height: 30px;

  line-height: 30px;

  border: none;

  background: none;

  color: #000;

  text-indent: 10px;

}

#btnsearch{

  background: #f48000 url("../images/search_icon.png") center center no-repeat;

  display: inline;

  margin: 0 auto;

  width: 30px;

  height: 30px;

  cursor: pointer;

  border: none;

}

#slideshow{

	width:100%;

	height:auto;

	position:relative;

	float:left;

	border-bottom:1px solid #ccc;

}

#search-form{

	background-color: rgba(0,0,0,0.7);

	height:40px; line-height:40px;

	padding:8px 0;

	margin-top:-56px;

}

#search-form .form-control {

  background: rgba(148, 138, 138, 0.1);

  color: #fff;

  font-size: 13px;

  display: inline-block;

  width: auto;

  vertical-align: middle;

}

.form-control {

  display: block;

  width: 100%;

  height: 34px;

  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,box-shadow ease-in-out .15s;

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

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

#search-form select.form-control option{color: #000;}

#news-hot{float:right; height:330px; overflow:hidden;}

#news-hot .news{ display:block; text-align:left; float:left; height:56px; overflow:hidden; padding:6px 0;}

#news-hot .news img{ width:80px; height:50px; margin: 0 10px 0 0;}

#news-hot .news .title{font-weight:normal}



.news-right .news{ display:block; text-align:left; float:left; padding:6px 0;width:100%;border-bottom:1px dotted #e2e2e2;}

.news-right .news img{ width:90px; height:auto; margin: 0 10px 0 0;}

.news-right .news .title{font-weight:normal}



#body {

margin:15px auto;

width: 1100px;

clear:both;

text-align:left;

}

#left-panel {

display:none;

width:0;

text-align: left;

margin:0;

float:left;

}

#body-panel {

text-align: left;

width:830px;

margin-right:20px;

float:right;

}

#right-panel {

width:250px;

text-align: left;

padding-top:15px;

margin:0;

float:right;

}

.vide {

clear:both;

}

.vide10 {

display:block;

height:10px;

clear:both;

}

#footer-wrap {

margin:0 auto;

text-align: center;

line-height:150%;

padding: 10px 0;

background-color:#009ED6;

color:#fff;

position:relative;

overflow:auto;

}

#footer {

width:1100px;

margin:0 auto;

}

#footer a{

font-weight:normal;color:#fff;

}

#footer p.title{

font-weight: bold;

text-transform:uppercase;

margin-bottom:10px;

padding: 6px 0;

font-family: 'UTMSwissCondensed';

font-size:18px;

font-weight:normal;

position:relative;

}

#footer p.title:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100px;

  height: 1px;

  background-color: #fff;

}

#footer-info {

width:600px;

padding-left:170px;

float:left;

text-align:left;

font-size:14px;

line-height:160%;

position:relative;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

#footer-info img{width:160px; position:absolute; left:0; top:0;}

#footer-statics {

width:240px;

float:right;

text-align:left;

}

#footer-policy {

width:240px;

float:right;

text-align:left;

}

#footer ul{ margin-left:20px;}

#footer li{ list-style-type:disc;}

#footer-fb {

width:300px;

float:right;

text-align:right;

}

.designed { margin-top:15px; font-style:italic;}

.bgwhite{ background-color:#fff; padding:5px 0 20px;}

.bggray{ background-color:#999; padding:5px 0 20px;}

.box-home{padding-bottom:20px;}

.about-us{ text-align:left;}

.about-us img{float:right; margin-left:30px;margin-top:20px; width:360px;}

.about-us .home-title{text-align:left; margin-top:5px;}

#about-us{ text-align: justify; line-height:150%; font-size:14px; margin-top:-10px; padding-right:390px;}

.home-title{ margin-bottom:40px;margin-top:15px; text-align:center;}

.home-title span{ display:inline-block; padding:10px 0; margin-bottom:-20px;font-size: 22px; font-family: 'UTMSwissCondensed'; text-transform:uppercase; position:relative;font-weight:normal; color:#0089e1;}

.home-title span:after {

    background: #0089e1;

    content: '';

    display: block;

    margin: 0 auto;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    width: 90%;

    height: 1px;

}

.home-title span.bgwhite{ background-color:#fff;}

.bggray .home-title span{color:#fff;}

.bggray .home-title span:after {background: #fff;}

.box-gray {

    background-color: #f5f5f5;

    margin: 0 auto;

    padding-bottom: 20px;

	margin-top:10px;

}

.box-service{

	width:353.3px;

	margin: 10px 20px 10px 0;

	border: 1px solid #ddd;

	position:relative;

	float:left;

	-webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background-color: #fff;  

}

.box-service:hover{border: 1px solid #0089e1;

-webkit-box-shadow: 0px 0px 40px #ccc;

	-moz-box-shadow: 0px 0px 40px #ccc;

	box-shadow: 0px 0px 40px #ccc;



	z-index: 2;

    -webkit-transition: all 200ms ease-in;

    -webkit-transform: scale(1.05);

    -ms-transition: all 200ms ease-in;

    -ms-transform: scale(1.05);   

    -moz-transition: all 200ms ease-in;

    -moz-transform: scale(1.05);

    transition: all 200ms ease-in;

    transform: scale(1.05);

}

.box-service-title{

	height:55px;

	padding:5px 10px 3px 10px;

	overflow:hidden;	

	background-color:#0089e1;

	color:#fff;	

	border-bottom:2px solid #f48000;

}

.box-service-title h2,.box-service-title h3{

	font-family: 'UTMSwissCondensed';

	font-size:23px; font-weight: normal;

	line-height:120%;	

	color:#fff;

}

.box-service-content{ padding:10px;}

.box-service-img{

	width: 100%;

	overflow:hidden;

	position:relative; 

}

.box-service-img:before{

	content:"";

	display:block;

	padding-top:60%;

}

.box-service-img img{

	width:100%;

	position:absolute;

	margin:auto;

	top:0; left:0; right:0; bottom:0;

	-webkit-transition: all 200ms ease-in;

    -webkit-transform: scale(1); 

    -ms-transition: all 200ms ease-in;

    -ms-transform: scale(1); 

    -moz-transition: all 200ms ease-in;

    -moz-transform: scale(1);

    transition: all 200ms ease-in;

    transform: scale(1);

}

.box-service-summary{

	height:77px;

	overflow:hidden;

	text-align:justify;

	line-height:150%;

	clear:both;

}

.view-more {

  clear:both;

  display: inline-block;

  height:40px; line-height:40px;

  padding: 0 15px 0 45px;

  margin:5px 0;

  position: relative;

  background-color:#0089e1;

  color:#fff;

  letter-spacing: 1px;

  font-size:15px;

  font-weight:normal;

  border-radius: 5px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  text-shadow:0px 1px 0px rgba(0,0,0,0.5);

-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;

filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);



  -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);

  -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);

  box-shadow:0px 2px 2px rgba(0,0,0,0.2);

  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";

filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);

}

.view-more:before{

	content:"\f0da";

	font-family: fontawesome;

	position:absolute;

	left:0;

	font-size:25px;

	display:block;

	text-align:center;

	padding-left:6px;

	width:30px;

	background-color:#0075c0;

  -webkit-border-top-left-radius: 5px;

-webkit-border-bottom-left-radius: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-bottomleft: 5px;

border-top-left-radius: 5px;

border-bottom-left-radius: 5px;

border-right: 1px solid  rgba(0,0,0,0.15);

}

.view-more:hover {color:#fff;}

.view-more:hover:before{background-color:#f48000;}

.view-more:active {

	position:relative;

	top:1px;

}

a.social{

	display: inline-block;

	width:40px; height:30px;

	text-align:center;

	padding-top:10px;

	margin-right:14px;

	font-size:20px;

	border:2px solid #fff;

	-moz-border-radius:21px;

	-webkit-border-radius:21px;

	border-radius:21px;

	-webkit-transition: background-position 0.5s;

	-moz-transition: background-position 0.5s;

	-o-transition: background-position 0.5s;

	transition: background-position 0.5s;

}

a.social:hover{

	border:2px solid #f48000;

	-webkit-transition: background-position 0.5s;

	-moz-transition: background-position 0.5s;

	-o-transition: background-position 0.5s;

	transition: background-position 0.5s;

}

a.social:hover i{color:#f48000;}

.box_tbl{	

	width:250px;

	border:0;

	padding: 0;

	margin-bottom:15px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	border-radius:5px;

	overflow:hidden;

}

.box_top{	

	font-weight:normal;

	padding: 0;

	margin: 0; position:relative;

	text-transform:uppercase;

	font-family: 'UTMSwissCondensed';font-size: 16px;

	height: 34px;

	line-height:34px;	

	color:#fff;

	background:#00457c;

	position:relative;

}

.box_top span{display:inline-block; padding-left:15px;height: 34px; line-height:34px; float:left;}

.box_top span.icon{display:inline-block;height: 34px;line-height:34px; background-color:#d00000; text-align:center; padding-left:0; position:relative;}

.box_top span.icon:after{

	content:"";

	display:block;

	height:0; width:0;

	position:absolute; top:0; bottom:0; right:-10px;

	margin:auto;

	border-bottom:5px solid transparent;

	border-top:5px solid transparent;

	border-left:5px solid #d00000;

	border-right:5px solid transparent;

}

.box_top span.icon img{display:block; height:34px; padding:0 8px; float:left;}

.box_top span.icon i{display:block; padding:0 8px; font-size:24px; line-height:34px;}

.box_top h3{font-size:17px;}

.box_top a{	

	color:#fff; font-weight:normal;

}

.box_body{

	margin:0;

	vertical-align:top;

	padding: 8px 10px;

	border:1px solid #ccc;

	background: #fafafa;

	position:relative;

	background-color:#fff;

}

.box_bottom{height: 0;}

.box-news{

	width: 540px;

    float: left;

    text-align: left;

    margin:20px 15px 20px 0;

	padding-right: 15px;

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

}

.box-news .news{ display:block; margin-bottom:10px; border-bottom:none; height:130px; overflow:hidden;float: none;}

.box-news .news img{ width:110px; height:80px; margin: 0 10px 0 0;}

.box-news .news a.title{ display:block;}

.box-news ul li{ position:relative; margin:3px 0; padding-left:10px;}

.box-news ul li:before{

	content:"";

	display:block;

	height:5px; width:5px;

	background-color:#0089e1;

	position:absolute; top:5px; left:0;

}

.box-news ul li a{ font-weight:normal; color:#666;}

.box-news ul li a:hover{color:#0089e1;}

.box-support{

	width: 200px;

    float: left;

    text-align: left;

    margin:20px 15px 20px 0;

	padding-right: 15px;

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

}

.box-partner{

	width: 300px;

    float: left;

    text-align: left;

	margin:20px 0;

}

.boxbody_tbl{

	margin-bottom: 13px;

	width:100%;

	text-align:left;

}

.boxbody_top{	

	font-weight:normal;

	padding:6px 0;

	text-transform:uppercase;

	font-family: 'UTMSwissCondensed';font-size: 20px;

}

.boxbody_top a{font-weight:normal;}

.boxbody_top span{

	display:inline-block;

	position:relative;

	color:#0089e1;

}

.boxbody_top span a{font-weight:normal;color:#0089e1;}

.boxbody_top span a:hover{color:#0089e1;}

.boxbody_top h1, .boxbody_top h2{font-size: 20px; font-weight:normal;}

.boxbody_top p.viewall{

	text-align:right;

	text-transform:none;

	float:right;

	font-style:italic;

	margin-top:5px;

	font-family: arial;font-size: 13px;

}



.boxbody_body{

	margin:0;

	padding: 8px 0;

}

.boxbody_body img, .boxbody_body table, .boxbody_body iframe, .boxbody_body div{

	max-width:100%;

}

.boxbody_body p{

	margin:10px 0;

	line-height:140%;

}

.boxbody_bottom{

	height: 0;

}



/* hien san pham dang table*/

.box-sanpham{

padding: 0;

width:260px;

display: block;

float:left;

text-align:center;

vertical-align:top;

margin:0 20px 20px 0;

padding:4px;

border:1px solid #ccc;

background-color:#fff;

position: relative;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-webkit-transition: all 200ms ease-in;

    -webkit-transform: scale(1); 

    -ms-transition: all 200ms ease-in;

    -ms-transform: scale(1); 

    -moz-transition: all 200ms ease-in;

    -moz-transform: scale(1);

    transition: all 200ms ease-in;

    transform: scale(1);   

}

.box-sanpham:hover{

-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);

-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);

box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);

}

.product-info{ padding:5px 0;}

.sp-img-wrapper{

background-color:#fff;

width: 100%;

overflow:hidden;

margin-bottom:5px;

position:relative; 

}

.sp-img-wrapper:before{

	content:"";

	display:block;

	padding-top:100%;

}

.sp-img{

width: 100%;

position:absolute;

margin:auto;

top:0; left:0; right:0; bottom:0;

}

a.product-name{

display:block;

padding:2px; line-height:140%;

height:34px; overflow:hidden;

}

.product-price{

display: inline-block;

padding:3px 0 10px 0;

color:#FF0000;

font-size:14px;

}

.product-origin{

display: inline-block;

padding:3px 0 10px 0;

font-size:14px;

}

.product-origin:before{ content:"    |    ";}

.end-row{ margin-right:0 !important}

.box-dungchung{

background: #FFF url("../images/bgshare.png") bottom repeat-x;

padding: 7px;

margin: 0 0 10px 0;

border:1px solid #CCCCCC;

line-height:150%;

-moz-border-radius:10px;

-webkit-border-radius:10px;

border-radius:10px;

display:inline-block;

}

.phantrang {

/*background: #414141;*/ /*background of menu bar (default state)*/

width: 100%;

clear:both;

margin: 0 auto;

text-align:center;

}



.phantrang ul{

margin: 0;

padding: 5px;

list-style-type: none;

}



/*Top level list items*/

.phantrang ul li{

position: relative;

display: inline-block;

margin-left:-1px;

color:#555;

background: #eee;

}

.phantrang ul li:first-child a{

	-moz-border-radius:3px 0 0 3px;

	-webkit-border-radius:3px 0 0 3px;	

	border-radius:3px 0 0 3px;

}

.phantrang ul li:last-child a{

	-moz-border-radius:0 3px 3px 0;

	-webkit-border-radius:0 3px 3px 0;

	border-radius:0 3px 3px 0;

}

/*Top level menu link items style*/

.phantrang ul li a{

display: inline-block;

text-decoration: none;

border:1px solid #ccc;

padding:7px 10px;

}

.phantrang ul li.bacham{

}

* html .phantrang ul li a,* html .phantrang ul li.bacham{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

}

.phantrang ul li a:link, .phantrang ul li a:visited{



}

.phantrang ul li a:hover,.phantrang ul li a.selected{

	background: #0089e1;

	border:1px solid #0089e1;

	color:#fff;

}

.phantrang ul li a.selected{

}

.button {

  clear:both;

  display: inline-block;

  height:40px; line-height:40px;

  padding: 0 15px 0 45px;

  position: relative;

  background-color:#0089e1;

  color:#fff;

  letter-spacing: 1px;

  border:0;

  border-radius: 5px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  text-shadow:0px 1px 0px rgba(0,0,0,0.5);

-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;

filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);



  -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);

  -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);

  box-shadow:0px 2px 2px rgba(0,0,0,0.2);

  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";

filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);

}

.button:before{

	content:"";

	font-family: fontawesome;

	position:absolute;

	left:0;

	display:block;

	text-align:center;

	padding-left:6px;

	width:30px;

	background-color:#0075c0;

  -webkit-border-top-left-radius: 5px;

-webkit-border-bottom-left-radius: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-bottomleft: 5px;

border-top-left-radius: 5px;

border-bottom-left-radius: 5px;

border-right: 1px solid  rgba(0,0,0,0.15);

}

.button:hover {color:#fff;}

.button:hover:before{background-color:#f48000;}

.button:active {

	position:relative;

	top:1px;

}

#slideads{

	position:absolute;

	visibility: hidden;

	z-index:1000;

	height:1px;

}

#slideads1{

	float:left;	

}

#slideads2{

	float:right;

}

/* Clearfix */

* html .clearfix {

	height: 1%; /* IE5-6 */

}



.clearfix {

	display: inline-block; /* IE7xhtml*/

}



html[xmlns] .clearfix { /* O */

	display: block;  

}



.clearfix:after { /* FF, O, etc. */

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



.left {

	float:left;	

}



.bar {

margin:0 auto;

text-align: center;

color:#555;

text-shadow:1px 1px 1px #fff;

font-weight:bold;

padding: 5px;

height:40px;

background: #FFF url("../images/header.png") top center;

}

.scat-bar {

margin:0 auto;

text-align: left;

color:#555;

text-shadow:1px 1px 1px #fff;

font-weight:bold;

padding: 5px 10px;

height:26px;

background: #FFF url("../images/header.png") top center;

-moz-border-radius:10px;

-webkit-border-radius:10px;

border-radius:10px;

border:1px solid #DCDCDC;

}

.share-box{

	padding:5px;

	margin-top:10px;

	border:1px solid #ddd;

	text-align:center;

	clear:both;

	background: #ffffff;

background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));

background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );

}



/*Tin tuc*/

.news{

width:49%;

margin-right:1%;

position:relative;

border-top:1px dashed #CCCCCC;

padding:8px 0;

display: inline-table;

font-size:13px;

}

.news img{width:160px; float:left; margin:5px 10px 10px 0; padding:2px; border:1px solid #D0D0D0; background:#FFFFFF;}

.news h2 a,.news h3 a{font-size:15px;}

p.posted-date{color:#959595; margin:7px 0;}

.news a.btn-detail{display:inline-block;width:79px; height:19px; background: url("../images/xemtiep.html"); text-indent:-10000px; float:right;}

.news .summary{text-align:justify; line-height:140%;}



.news-detail { clear:both;}

.news-detail img.news-image{width:270px; margin:5px 10px 10px 0; padding:3px; border:1px solid #D0D0D0; background:#FFFFFF;}

.news-detail h2,.news-detail h3{font-size:16px;}

.news-detail .summary{text-align:justify; font-weight:bold}

.news-detail .detail{text-align:justify; line-height:150%;}



ul.li-news{ list-style:disc;}

ul.li-news li {margin-left:20px; line-height:150%;}

ul.li-news li a{font-weight:normal;}

ul.li-news li a:hover{}



ul.li-left {list-style:disc inside; margin:0;}

ul.li-left li {line-height:150%;margin:0; padding:0;}

ul.li-left li a{font-weight:normal;}

ul.li-left li a:hover{}

#box-customer,#box-usefull{overflow:hidden;}

#box-customer .home-title,#box-usefull .home-title{ margin-bottom:20px;}

#box-customer a img,#box-usefull a img { width:136px; height:80px; margin:10px; border:1px solid #ccc; background-color:#fff;

	-webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

#box-customer a img:hover,#box-usefull a img:hover{

	-moz-transform: rotateY(360deg);

    -o-transform: rotateY(360deg);

    -webkit-transform: rotateY(360deg);

    transform: rotateY(360deg);

	

	-webkit-transition: all 1s ease-in-out;

    -moz-transition: all 1s ease-in-out;

    -o-transition: all 1s ease-in-out;

    -ms-transition: all 1s ease-in-out;

    transition: all 1s ease-in-out;

}

/*Box tin tức kiểu dọc*/

.news-vertical{

	width: 348px;

	overflow: hidden;

	margin-right: 25px;

	margin-bottom: 20px;

	position: relative;

	float: left;

}

.news-vertical .title{ font-size:15px;}

.news-vertical-img{

	width: 98%;

	overflow:hidden;

	position:relative;

	text-align:center;

	margin:5px auto 10px;

	-webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);

-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);

box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);

border:3px solid #fff;

}

.news-vertical-img:before{

	content:"";

	display:block;

	padding-top:60%;

}

.news-vertical-img img{

	width:100%;

	position:absolute;

	margin:auto;

	top:0; left:0; right:0; bottom:0;

}

.news-vertical .summary{

	height:75px;

	overflow:hidden;

	text-align:justify;

	margin:10px 0;

	line-height:150%;

	clear:both;

}



a.tag{ font-weight:normal;}

p.view-sort{text-align:right; vertical-align:middle; line-height:20px; margin-bottom:7px;}

a.view-list{ display:block; float:right;width:20px; height:20px; background: url("../images/view-list.gif") center center no-repeat; text-indent:-9000px; margin-right:5px;cursor:pointer}

a.view-table{ display:block; float:right;width:20px; height:20px; background: url("../images/view-table.gif") center center no-repeat; text-indent:-9000px; margin-right:5px;cursor:pointer}

/* jCarousel Lite */

.jCarousel ul li{height:auto; display:inline-block; width:100%;}

.jCarousel-spbc ul li{height:auto; width:144px; padding:0 6px; overflow:hidden;}

.jCarousel-spbc ul li a{ font-weight:normal;}

.jCarousel-spbd ul li{height:auto; width:auto; overflow:hidden;}

.jCarousel-project ul li{height:420px; width:1100px; overflow:hidden;}

.jCarousel ul li img{}

.jCarousel-vertical-arrow{

	width:auto;

	display:block;

	z-index:1000;

	position:relative;

}

.jCarousel-vertical-arrow .prev{

	width:29px !important;

	height:43px !important;

	border:none !important;

	float:left;

	background: url(../images/arrows.png) left center no-repeat !important;

	cursor:pointer;

	position:absolute; left:0;

	margin-top:30px;	

}

.jCarousel-vertical-arrow .next{

	width:29px !important;

	height:43px !important;

	border:none !important;

	float:right;

	background: url(../images/arrows.png) right center no-repeat !important;

	cursor:pointer;

	position:absolute; right:0;

	margin-top:30px;	

}

.line{width:100%; height:1px; background-color:#f2f2f2; margin:8px 0; border-bottom:1px solid #ddd;}

.partner img{ width:136px; height:80px; margin:4px 6px; border:1px solid #ccc; float:left}

.partner-right img{ width:106px; height:65px; margin:3px; border:1px solid #ccc; float:left}

#tongdai{ position:fixed; bottom:0; left:0; background-color:#f48000; color:#fff; padding:5px 10px;font-family: 'UTMSwissCondensed';

font-size:26px; text-align:center; z-index:1000;}

#tongdai span{font-size:28px;}

#social{ position:fixed; right:0; top:45%; background-color:#f48000; z-index:100000;}

#social .sitem{ clear:both; margin: 0 auto; text-align:center; display: inline-block; width:40px; border-bottom:1px solid #ccc; padding:8px 0; float:left; position:relative; color:#fff; font-size:22px; z-index:1;}

#social .sitem a{color:#fff;}

#social .sitem i{ z-index:10000000000; position:relative;}

#social img{ width:40px;}

#social .sitem:hover{

	background-color:#0089e1;

	-webkit-transition: all 200ms ease-in;

    -ms-transition: all 200ms ease-in;

    -moz-transition: all 200ms ease-in;

    transition: all 200ms ease-in;

}

#fbpage-content{ background-color:#f2f2f2; display:block; border:1px solid #ccc; position:absolute; top:0px; right:-340px; width:300px; z-index:0;

-webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

#fbpage:hover #fbpage-content{ right:40px;

-webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

#counter-content{ background-color:#fff; color:#000; display:block; border:1px solid #ccc; position:absolute; top:0px; right:-340px; width:280px; z-index:0; padding:8px 12px; font-size:14px; text-align:left;

-webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

#counter:hover #counter-content{ right:40px;

-webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

#support-online-content{ background-color:#fff; color:#000; display:block; border:1px solid #ccc; position:absolute; top:0px; right:-340px; width:280px; z-index:0; padding:8px 12px; font-size:14px;

-webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

#support-online:hover #support-online-content{ right:40px;

-webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

#support-online-content span.title,#counter-content span.title{ display:block; background-color:#f2f2f2; color: #0089e1; margin:-8px -12px 6px -12px; padding:6px 8px; font-size:17px; font-weight:bold;}

#support-online-content .supporter{ display:block; padding: 8px 0; border-bottom:1px dotted #ccc; text-align:left; line-height:150%;}

.breadcrumb{

display:block;

padding:6px 8px;

margin:15px 0;

font-family: 'UTMSwissCondensed';

font-size: 15px;

text-align:left;

border:1px solid #ccc;

background: #ffffff;

background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));

background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );

-moz-border-radius:5px;

-webkit-border-radius:5px;

border-radius:5px;

}

.breadcrumb li{ display:inline-block;}

.breadcrumb a,.breadcrumb h1,.breadcrumb h2{font-size:15px; font-weight:normal; color:#000;}

.adv{ padding:20px 0;}

.adv a{ display: block; float:left; width:346.6px; margin:0 10px;}

.adv img{ width:100%; height:auto;}

.adv-r img{width:100%}



.ui-widget-content {border: none !important; background:none !important;}

.ui-widget-content a.button{ display:block; color:#fff; clear:both; width:100px; margin:auto;}

.ui-tabs {padding:0 !important;}

.ui-tabs .ui-tabs-panel {padding: 15px 0 0 0 !important; overflow:auto; font-family:arial; font-size:13px; margin: auto; text-align:center;}

.ui-tabs .ui-tabs-nav li a {

  font-size: 22px;

  font-family: 'UTMSwissCondensed';

  text-transform: uppercase;

  font-weight: normal;

  padding: .5em 0 !important;

  margin-right:20px;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {color: #0089e1; border-bottom:1px solid #0089e1;}

.ui-widget-header {

  border:none !important;

  background:none !important;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

  border:none !important;

  background:none !important;

}

/* trang lien he*/

#fdb-info{ width:49%; float:left;}

#fdb-frm{ width:49%; float:right;}

#fdb-frm input[type='text']{ width:95%;}

/* san pham chi tiet*/

.product-detail-img{float:left; width:480px;}

.product-detail-info{float:left;font-size:16px; width:330px; margin-left:20px;}

.product-detail-info h1{

	display:block;

	font-family: 'UTMSwissCondensed';

font-size:20px;

font-weight:normal;

text-transform:uppercase;

padding-bottom: 15px;

}

.other-news p.title{

	color: #0089e1;

	font-family: 'UTMSwissCondensed';

font-size:20px;

font-weight:normal;

}

.other-news p.title i{ margin-right:6px;}