/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700,300italic,400italic,700italic&subset=latin,vietnamese);
body{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:12px;
	vertical-align:middle;
	width:100%;
	margin:0 auto;
	height:auto;
	padding:0px;
	text-align:center;
	background:#FFF
	
}
#trang{
	margin:0px;
	padding:5px;
	width:800px;
	float:right;
	text-align:right;
	color:#000000;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
}
#trang a{
	color:#000000;
	text-decoration:none;
}
#trang a:hover{
	text-decoration:underline;
}

#header{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	text-align:center;
	background:url(../images/bg.jpg) left repeat;
}
#header3{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	text-align:center;
}
#header3 .top3{
	width:990px;
	height:auto;
	margin:0px auto;
	padding:0px;
}
#header .top{
	width:990px;
	height:auto;
	margin:0px auto;
	padding:0px;
}
#header .top .logo{
	width:193px;
	height:169px;
	margin:0px 0px 0 0px;
	padding:0px;
	float:left;
}
#header .top .topright{
	width:780px;
	height:128px;
	margin:10px 0 0 0px;
	padding:0px;
	float:right;
}
#header .top .topright .nameco{
	width:480px;
	height:auto;
	margin:15px 0 20px 0px;
	padding:0px;
	float:left;
	color:#fd021a;
	text-align:center;
	font-size:24px;
	font-weight:400;
}
#header .top .topright .hotline{
	width:280px;
	height:auto;
	margin:0px;
	padding:4px 0px 0px 0px;
	float:right;
	text-align:right;
	color:#F00;
	font-size:20px;
	font-weight:300;
}
#header .top .topright .hotline a{
	width:auto;
	margin:0px;
	padding:0px;
	float:right;
}
/******** menu ****************/

#header .top .topright .menu{
	border-top:1px #FFFFFF solid;
	width:780px;
	height:auto;
	margin:12px 0px 0px 0px;
	padding:0px;
	float:left;
}
.menu ul{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	list-style:none;
}
.menu ul li{
	width:auto;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
	background:none;
	display:inline;
	position: relative;
	font-size:22px;
	border-radius:5px;
	/*overflow:hidden;*/
	font-weight:300;
}
.menu ul li a{
	width:auto;
	height:100%;
	margin:0px;
	padding:0px;
	float:left;
	/*background:url(../images/menu.png) center no-repeat;*/
	color:#FFFFFF;
    text-decoration: none;
	transition: all 0.3s ease 0s;
}
.menu ul li a:hover{
	width:auto;
	height:100%;
	margin:0px;
	padding:0px;
	float:left;
	background:url(../images/menu-active.png) center repeat;
    text-decoration: none;
	border-radius:5px;
}
.menu ul .active a{
	color:#FFFFFF;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	float:left;
	background:url(../images/menu-active.png) center repeat;
    text-decoration: none;
	border-radius:5px;
}

.menu ul li p{
	width:auto;
	height:auto;
	margin:0px;
	padding:21px 30px 21px 30px;
	float:left;
	cursor:pointer;
	text-align:center;
	text-transform:uppercase;
}
.menu ul .phancach{
	width:2px;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
	/*background:url(../images/pc-menu.png) no-repeat center;*/
	display:inline;
}
.menu ul li ul{
	width:240px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	cursor:pointer;
	font-weight:bold;
	background:#f9d409;
	display:none;
	position: absolute;
	top:65px;
	left:0px;
	z-index:999;
	border-radius:4px 4px 4px 4px;
	border:1px #FFFFFF solid;
	border-bottom:none;
}
.menu ul li ul li{
	width:240px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	border-bottom:1px #FFFFFF solid;
	overflow:hidden;
	background:none;
}
.menu ul li ul li a, .menu ul .active ul li a{
	width:240px;
	color: #EB7838;
	text-decoration: none;
	text-align: left; 
	font-weight:normal;
	background:none;
}
.menu ul li ul li a:hover, .menu ul .active ul li a:hover{
	width:240px;
	margin:0px;
	padding:0px;
	float:left;
	background:url(../images/menu-active.png) center repeat;
	color:#FFF;
}
.menu ul li ul li a p{
	width:auto;
	height:auto;
	margin:0px;
	padding:10px 5px 10px 10px;
	float:left;
	cursor:pointer;
	font-size:17px;
	text-transform:none;
	line-height:20px;
	text-transform:uppercase;
}
.menu ul li:hover ul ul, 
.menu ul li:hover ul ul ul,
.menu ul li:hover ul ul ul ul {
    display: none;
}

.menu ul li:hover ul,
.menu ul li li:hover ul,
.menu ul li li li:hover ul,
.menu ul li li li li:hover ul {
    display: block;
}


/**** banner **********/


/***** doi tac thu mua **********/
.left .ads{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}
.left .ads .ads-title{ 
	width:100%;
	height:30px;
	margin:0px;
	padding:0px;
	float:left;
	background:url(../images/menu-title.png) bottom no-repeat;
}
.left .ads .ads-title span{
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
	padding:8px 0px 0px 20px;
	float:left;
}
.left .ads .ads-footer{ 
	width:100%;
	height:27px;
	margin:0px;
	padding:0px;
	float:left;
	background:url(../images/left-footer.png) center top no-repeat;
}
.left .ads-body{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	background:url(../images/left-bg.png) repeat-y;
}
.left .ads-body p{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	text-align:center;
	/*border-bottom:2px #CCCCCC solid;*/
}
.left .ads-body span{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	text-align:center;
	border-bottom:1px #CCCCCC solid;
}
.left .ads-body p a{
	width:100%;
	height:auto;
	margin:0px;
	padding:5px 0px;
	float:left;
	text-decoration:none;
	color:#333333;
	font-size:14px;
}
.left .support-body{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	background:url(../images/left-bg.png) repeat-y;
}
.left .support-body p{
	width:100%;
	height:auto;
	margin:0px;
	padding:7px 4px;
	float:left;
	text-align:center;
	border-bottom:1px #CCCCCC dotted;
}
.left .support-body p img{
	margin:0px;
	padding:0px 0px 0px 5px;
	float:left;
}
.left .support-body p font{
	float:left;
	margin:0px;
	padding:0px 0px 0px 5px;
	font-size:14px;
	font-weight:bold;
}
.left .support-body span{
	width:100%;
	height:auto;
	margin:0px;
	padding:7px 0px;
	float:left;
	text-align:center;
	border-bottom:1px #CCCCCC dotted;
	color:#FF0000;
	font-size:28px;
}
.left .support-body b{
	width:100%;
	height:auto;
	margin:0px;
	padding:7px 0px 0px 0px;
	float:left;
	text-align:center;
	color:#333333;
	font-size:18px;
	font-weight:normal;
}
/******** body *****************/
#body{
	width:100%;
	height:auto;
	margin:0px 0 0px 0;
	padding:0px;
	float:left;
	text-align:center;
	background:#fff;
}

#body .wrap{
	width:990px;
	height:auto;
	margin:0px auto;
	padding:0px;
	background:none;
}
#body .wrap .content{
	width:990px;
	height:auto;
	margin:0px auto;
	padding:0px;
	background:none;
	float:left;
	overflow:hidden;

}

/**** content **********/

/****** banner *****************/
#header .top-banner{
	width:990px;
	height:360px;
	margin:0px auto;
	padding:0px;
}
#header .top-banner .wrap-banner{
	width:990px;
	height:360px;
	margin:0px 0 10px 0;
	padding:0px;
	box-shadow: 0 1px 12px #999;
	float:left;
	background:#f6f6f5
}

#header .top-banner .wrap-banner .banner{
	width:968px;
	height:344px;
	margin:8px 0 0px 11px;
	padding:0px;
	float:left;
	overflow:hidden;
	/*box-shadow: 0 1px 12px #000000;*/
}
/***** about us ************/
#body-about{
	width:100%;
	height:auto;
	margin:5px 0 0px 0;
	padding:0px;
	float:left;
	text-align:center;
	background: url(../images/bg-about.jpg) bottom repeat-x #fefbea;
	/*box-shadow: 6px 6px 6px #000;*/
	
}

#body-about .wrap-about{
	width:990px;
	height:auto;
	margin:0px auto;
	padding:0px;
	background:none;
}
#body-about .wrap-about .content-about{
	width:990px;
	height:auto;
	margin:0px auto;
	padding:0px;
	background:none;
	float:left;
	overflow:hidden;

}
#body-about .wrap-about .content-about .about{
	width:990px;
	height:auto;
	margin:0px 0 0px 0px;
	padding:0px;
	float:left;
	overflow:hidden;
	/*box-shadow: 0 1px 12px #000000;*/
}
#body-about .wrap-about .content-about .about .wrap-circle{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}
.wrap-circle .circle{
	width:232px;
	height:auto;
	margin:40px 0px 10px 40px;
	float:left;
	padding:0px;
}
.wrap-circle .circle-margin-left{
	margin-left:100px;
}
.wrap-circle .circle a{
	font-size:24px;
	font-weight:500;
	text-decoration:none;
	color:#ff7f00;
	padding:5px 0px 15px 0px;
	float:left;
	width:100%;
	text-align:center;
	text-transform:uppercase
}
#body-about .wrap-about .content-about .about .wrap-about{
	font-family:Verdana, Geneva, sans-serif;
	width:990px;
	height:auto;
	margin:0px 0px 30px 0px;
	padding:0px;
	float:left;
	color:#403f3e;
	font-size:15px;
	font-weight:400;
	text-align:justify;
	line-height:24px;
}
#body-about .wrap-about .content-about .about .wrap-about p, #body-about .wrap-about .content-about .about .wrap-about span{
	margin:0px;
	padding:2px 0px;
	
}
#body-about .wrap-about .content-about .about .wrap-about .btn-search{
	width:121px;
	height:39px;
	margin:0px;
	padding:0px;
	float:right;
	background:#fbd709;
	text-align:center;
	color:#FFF;
	vertical-align:middle;
	line-height:39px;
	cursor:pointer;
	border-radius:3px;
	transition: 0.3s ease 0s;
	text-decoration:none;
}
#body-about .wrap-about .content-about .about .wrap-about .btn-search:hover{
	background:#dcbc05;
}
/************  dich vu noi bat  *****************/
#body .wrap .content .wrap-content{
	width:990px;
	height:auto;
	margin:30px 0 20px 0px;
	padding:0;
	float:left;
}
#body .wrap .content .wrap-content .title, #body .wrap .content .left .title{
	width:100%;
	height:auto;
	min-height:54px;
	text-align:left;
	float:left;
	background:url(../images/icon-sp.png) no-repeat;
}
#body .wrap .content .wrap-content .view-details{
	width:100%;
	height:auto;
	margin:30px 0 20px 0px;
	padding:0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	text-align:left;
}
#body .wrap .content .wrap-content .view-details p, #body .wrap .content .wrap-content .view-details p{
	margin:0px;
	padding:0px 0 0 0;
	
}
#body .wrap .content .wrap-content .title span, #body .wrap .content .left .title span{
	width:auto;
	height:auto;
	border-bottom:3px #ff7f00 solid;
	color:#ff7f00;
	font-weight:500;
	font-size:22px;
	float:left;
	padding-bottom:3px;
	margin:10px 0px 0px 70px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
}
#body .wrap .content .wrap-content .title a, #body .wrap .content .left .title a{
	width:auto;
	height:auto;
	border-bottom:3px #ff7f00 solid;
	color:#ff7f00;
	font-weight:500;
	font-size:22px;
	float:left;
	padding-bottom:3px;
	margin:10px 0px 0px 70px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	text-decoration:none;
}
#body .wrap .content .wrap-content .title a:hover, #body .wrap .content .left .title a:hover{
	color:#FC0;
	border-bottom:3px #FC0 solid;
}
#body .wrap .content .wrap-content .title .icon-title{
	width:51px;
	height:54px;
	float:left;
	padding-bottom:3px;
	background:url(../images/icon-sp.png) no-repeat;
}
#body .wrap .content .wrap-content .services{
	width:280px;
	height:auto;
	margin:30px 10px 0 27px;
	padding:0;
	float:left;
}
#body .wrap .content .wrap-content .services img{
	width:280px;
	height:200px;
	float:left;
	border:none;
	padding-bottom:3px;
	border-bottom:10px #9c3f98 solid;
	margin-bottom:8px;
}
#body .wrap .content .wrap-content .services a{
	text-transform:uppercase;
	width:100%;
	text-align:center;
	float:left;
	font-size:18px;
	font-weight:550;
	color:#9c3f98;
	text-decoration:none;
}
#body .wrap .content .wrap-content .wrap-product{
	width:247.5px;
	height:auto;
	margin:0px;
	padding:0;
	float:left;
	overflow:hidden
}
#body .wrap .content .wrap-content .wrap-product .product{
	width:230px;
	height:300px;
	margin:30px 9px 0 8px;
	padding:0;
	float:left;
	border:1px #cacaca solid;
	box-sizing:border-box;
	box-shadow: 1px 1px 6px #dcdada;
	text-align:center;
}
#body .wrap .content .wrap-content .wrap-product .product-noright{
	margin-right:0px;
	float:left;
}
#body .wrap .content .wrap-content .wrap-product .product a{
	float:none;
}
#body .wrap .content .wrap-content .wrap-product .product img{
	/*width:200px;
	height:150px;*/

	border:none;
}
#body .wrap .content .wrap-content .wrap-product a{
	text-transform:uppercase;
	width:100%;
	float:left;
	font-size:18px;
	font-weight:normal;
	color:#ff7f00;
	text-decoration:none;
	text-align:center;
	margin-top:10px;
}
/******* left *************/
#body .wrap .content .left{
	width:722px;
	height:auto;
	margin:20px 0 0 0px;
	padding:0px;
	float:left;
	overflow:hidden;
	text-align:justify;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	line-height:24px;
	color:#333333;
}
/*******  right ******************/
#body .wrap .content .right{
	width:240px;
	height:auto;
	margin:20px 0px 0 0px;
	padding:0px;
	float:right;
	overflow:hidden;
	text-align:left;
	font-weight:300;
	font-size:16px;
}
#body .wrap .content .right .right-title{
	width:100%;
	height:auto;
	margin:0px;
	padding:8px 0px;
	text-align:center;
	background:#f6d102;
	border-radius:3px;
	color:#FFFFFF;
	font-weight:400;
	font-size:20px;
	transition: all 0.3s ease 0s;
	float:left;
	text-transform:uppercase;
}
#body .wrap .content .right .right-title:hover{
	background:#e8c503;
}
#body .wrap .content .right .right-title a{
	text-decoration:none;
	color:#FFF
}
#body .wrap .content .right .item{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	text-align:left;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
}
#body .wrap .content .right .item a{
	height:auto;
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
	text-decoration:none;
	color:#4e024e;
	background: url(../images/icon-right.png) left center no-repeat #f8f8f8;
	transition: all 0.3s ease 0s;
	border-bottom:1px #e3e3e3 solid;
}
#body .wrap .content .right .item a:hover{
	height:auto;
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
	background:url(../images/icon-right.png) left center no-repeat #dddddd;
}
#body .wrap .content .right .item a p{
	margin:0px;
	padding:7px 0px 7px 30px;
}
#body .wrap .content .right .clear{
	width:100%;
	height:20px;
	margin:0px;
	padding:0px 0px;
	float:left;
	clear:both;
}
#body .wrap .content .right .brands{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	text-align:center;
	background:none;
}
#body .wrap .content .right .brands img{
	text-align:center;
	border:none;
}
/**** footer ************/
#footer{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	text-align:center;
	background:url(../images/bg-footer.jpg) repeat;
	color:#FFFFFF;
}
.content-footer{
	width:990px;
	height:auto;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
	font-weight:300;
	font-size:17px;
}

.footer-left{
	width:500px;
	height:auto;
	margin:12px 0px 10px 0px;
	padding:0px;
	float:left;
}
.footer-left p{
	margin:0px;
	padding:6px 0px 0px 0px;
	float:left;
	width:100%;
	text-align:left;
	line-height:18px;
}
.footer-left h3{
	margin:0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-size:12px;
	text-transform:none;
}
.footer-right{
	width:450px;
	height:auto;
	margin:12px 0px 10px 0px;
	padding:0px;
	float:right;
	font-size:17px;
}
.footer-right .menu-footer{
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
	font-weight:300;
}
.footer-right .menu-footer span{
	margin:0px;
	padding:0px;
	float:right;
}
.footer-right .menu-footer span a{
	margin:0px;
	padding:0px 5px 5px 5px;
	float:left;
	text-decoration:none;
	color:#ffffff;
}
.footer-right .menu-footer span a:hover{
	margin:0px;
	float:left;
	text-decoration:none;
	color:#09a3eb;
}
.footer-right p{
	margin:0px;
	padding:2px 0px 8px 0px;
	float:right;
	line-height:15px;
	width:100%;
	text-align:right;
}
.footer-right p a{
	text-decoration:none;
	line-height:15px;
	overflow:hidden;
	display:inline;
	color:#ffffff;
}
.footer-right p a:hover{
	color:#09a3eb;
	text-decoration:none;
}
/**** footer copy ************/
#footer-copy{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	text-align:center;
	background:#000;
	color:#FFFFFF;
}
.content-footer-copy{
	width:90%;
	height:auto;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
	font-weight:300;
	font-size:15px;
}

.footer-left-copy{
	width:400px;
	height:auto;
	margin:12px 0px 10px 20px;
	padding:0px;
	float:left;
}
.footer-left-copy p{
	margin:0px;
	padding:6px 0px 0px 0px;
	float:left;
	width:100%;
	text-align:left;
	line-height:18px;
}

.footer-right-copy{
	width:400px;
	height:auto;
	margin:12px 20px 10px 0px;
	padding:0px;
	float:right;
	font-size:15px;
}
.footer-right-copy .menu-footer-copy{
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
	font-weight:300;
}
.footer-right-copy .menu-footer-copy span{
	margin:0px;
	padding:0px;
	float:right;
}
.footer-right-copy .menu-footer-copy span a{
	margin:0px;
	padding:0px 5px 5px 5px;
	float:left;
	text-decoration:none;
	color:#ffffff;
}
.footer-right-copy .menu-footer-copy span a:hover{
	margin:0px;
	float:left;
	text-decoration:none;
	color:#09a3eb;
}
/********** lien he *******/
.news .txt{
	padding: 3px 5px;
	width: 400px;
	border: 1px solid #D8D3D0;
	border-radius: 3px;
	outline: medium none;
	color: #036 !important;
	font-weight: lighter;
	font-size: 13px !important;
}
input[type="text"]:focus, textarea:focus {
    outline: 0px none;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
    border-color: rgba(82, 168, 236, 0.8);
}
input[type="text"], textarea, select {
    box-sizing: border-box;
    font: 100% Arial,Tahoma,Helvetica,sans-serif;
    border-radius: 3px;
    color: #666 !important;
    margin: 0px 3px 0px 0px;
    padding: 6px 3px 5px;
    max-width: 100%;
}
.news .txtare{
	padding: 3px 5px;
	width: 400px;
	height: 200px;
	border: 1px solid #D8D3D0;
	border-radius: 3px;
	outline: medium none;
	color: #036 !important;
	font-weight: lighter;
}
.news .myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.news .myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.news .myButton:active {
	position:relative;
	top:1px;
}