﻿@import url(https://fonts.googleapis.com/css?family=Roboto:400,300);
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;	
	vertical-align: baseline;   
    font-weight:320;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 20px;
  font-size: 16px;
  /*font-family:'Roboto';*/
  /*-webkit-user-select: none;  
  -moz-user-select: none;     
  -ms-user-select: none;      
  -o-user-select: none;
  user-select: none;*/
}
.post-context ul li {
    list-style-type: disc;
    margin-left: 30px;
    padding-bottom: 5px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a:hover,.box-last a:hover .title{
    color:#83BC4E;
    text-decoration:none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
br.clearfix{
    clear: both;
    height: 1px;
    display: block;
    line-height: 1px;
}
i.home-phone{
    background:url('/content/images/homephone.png') no-repeat bottom left;
    display:inline-block;
}
i.email{
    background:url('/content/images/email.png') no-repeat bottom left;
    display:inline-block;
}
i.hotline{
    background:url('/content/images/hotline.png') no-repeat bottom left;
    display:inline-block;
}
#wrapper{
	background: url(../../content/images/banner-bg.png) repeat-x;
}
#header{
	height:210px;
}
#wrap1{
	margin-top: -80px;	
}
#wrap2{
	padding:23px 0px 0px 0px;
	margin-bottom: 10px;
	background-color:#fff;
}
#logo img{
	max-width:166px;
	margin-top:16px;
	margin-left:15px;
    width:100%
}
#banner{
    background:url(/content/images/line-slider.png) bottom repeat-x
}
.pgwSlideshowLight .ps-current>ul>li img{
    max-height:384px;
}
.pgwSlideshowLight .ps-current{
    min-height:inherit;
}
#content #content-left{
    padding-left:0;
    margin-bottom: 20px;
}
#content #content-left p{
  line-height:24px;
}
#content #content-left p img{
  max-width:100%;
}
#content #content-right{	
    border-left: 1px solid #efefef;
    padding-right:0;
}
#main-content{padding-right:10px;}
#main-content #news{padding-right:0;}
#main-content #beforeafter{padding-left:0;}
#footer{
	border-top:7px solid #fbfbfb;
    background-color:#84be40;
}
.footer-content-right .follow-us{
    color:#fff;
    text-align:right;
    font-size: 18px;
    padding-right: 19px;
    text-transform:uppercase;
}
.phantrang{
    text-align:center;
}
#wrap-footer-content,#copyright{
	padding: 23px 26px 0px 26px;	
}
#wrap-footer-content{
	padding: 20px 26px 4px 26px;
}
#copyright-right{	
	padding: 20px 0px 5px 26px;	
    font-size: 14px;
    color:#cae98e;
}
#banner-ads{
    padding-top:17px;
}
#lastpost{
	margin-top:30px;
}
#copyright-right{	
	text-align:right;
}
.hoavan-home{
    text-align:center;
}
.hoavan-home img{
    max-height:62px;
    margin-top:26px;
}
.box-frontend .shortcontent {
    min-height: 60px;
    overflow: hidden;
}
.box-frontend{
	width: 100%;
    padding-bottom: 22px;
    border-bottom: 1px solid #efefef;
}
.box-frontend .image,.box-small .image,.box-last .image{
	-webkit-box-shadow: 0px 1px 6px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 6px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 6px -1px rgba(0,0,0,0.75);
	text-align: center;
	padding: 3px;
}
.box-frontend .image{
    max-height:227px;
    overflow-y:hidden;
}
.image img{
	vertical-align:middle;
}
.bacsi-box .box-frontend .title {
    text-align:center;
}
.box-frontend .title{
	display: block;
  margin-top: 24px;
  color: #83BC4E;
  font-weight:bold;
}

.shortcontent{
  height: 60px;
  text-align:justify;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  text-overflow: ellipsis;
}

.shortcontent a{
    color:#83BC4E;
    font-weight:500;
}

.date{
	display: block;
    color: #aaaaaa;
    font-style: italic;
    font-size: 12px;
    margin: 5px 0;
}
.company-name{
    color: #84be40;
    font-size: 22px;
    font-weight: 500;
}
.box-frontend .date,.box-last .date{	
    margin: 3px 0;
}
.box-small{margin-top: 22px;width: auto;padding-bottom: 22px;max-width:361px}
.box-small .image{max-width:91px}
.box-small .shortcontent{
    font-weight:500;
}
.box-last,.box-small{border-bottom: 1px solid #efefef;}
.box-last{
	padding-bottom: 20px;
    margin-top: 20px;
}
.box-last .title{
    color:#2f640a;
    font-size:18px;
    font-weight:600;
}
.box-last .image{
	max-width:197px;
}
h2.title{
    text-transform:uppercase;
    font-size:22px;
}
h1.title span{	
	float:left;	
	background-color:#fff;
	padding-right: 10px;
	font-size: 20px;
  text-transform: uppercase;
  font-weight: 400;
  color: rgb( 68, 68, 68 );
}
ul.navFooter>li{
    margin-bottom:2px;
}
h1.title{
	background: url(../../content/images/bgtitle.png) bottom left repeat-x;	
	margin-bottom: 20px;
	margin-top:0; 
}
h1.hasdate{
    margin-bottom: 10px;
}
h1.title:after{
	clear:both;
	content:'';
	display: block;	
}
.search-box{
    float:right;
    
    padding-top: 70px;
}
.search-box input{
    border-radius: 5px;
    border: none;
    padding: 8px 32px 8px 5px;
    border: 1px solid #b0b0b0;
    width: 100%;
    max-width:240px;
    height: 34px;
    float:right;
    background-color: #f9f9f9;
    margin-right: -15px;
    position:relative;
}
.search-box a{
    position: absolute;
    right: 14px;
    margin-top: 9px;
    color: #a2a2a2;
}
#video-box{
    max-width:400px;
}
.right-box{
    margin-bottom:20px
}
#recentpost-box ul li a{
	text-decoration:none;	
	color:#444444;
}
#recentpost-box ul li a:hover{
	color:#83BC4E;
}
#recentpost-box ul li{
	padding-bottom: 15px;
    border-bottom: 1px dotted #efefef;
	margin-top: 15px;
}
#backtotop{	
	background: url(../../content/images/bgbacktotop.png) right;
    margin-top: 65px;
}
#backtotop a{height: 40px;
    display: block;
}
.footer-content-right{
    padding-right:30px;
}
.footer-content h1.title{
	width:300px
}
.footer-content h1.title span{
	background-color:#eefeb3;	
}
.aCompanyName{font-weight:400;}
.navFooter a.aCompanyName{
    color:#4f4f4d;
    text-transform:uppercase;
    font-size:18px;
}
ul.navFooter>li:first-child{
	margin-bottom:17px;
}
ul.navFooter2>li>a{
    width:41px;
    height:41px;
    background-color:#215101;
    display:block;
    text-align:center;
    padding-top: 8px;
}
ul.navFooter2 li{float:left}
ul.navFooter2>li:not(:last-child){padding-right:1px;}
ul.navFooter2 li img {
    max-height:25px;
}
i.tgdicon{
    color: #3c3c3c;
    width: 26px;
    height: 16px;
    font-size:15px
}
.navFooter2{padding-top:20px;
    float: right;}
.navFooter a,.footer-content h1.title span{
	color:#fff;
}
.footer-content h1.title{
    background: url(../../content/images/contact-bg.png) no-repeat;
}
.line-full{
	width:100%;
	height:16px;
	background:url(../../content/images/line.png) repeat;	
}

#content{
    margin-top:30px;
}

#ctl00_ContentPlaceHolder1_dvContent ul, .content-left-wrap ul{
  padding-left:15px;
  list-style:initial;
}

#ctl00_ContentPlaceHolder1_dvContent ul li ,.content-left-wrap ul li{
  line-height:24px;
}

#ctl00_ContentPlaceHolder1_dvContent p, #ctl00_ContentPlaceHolder1_lbHtmlContent p{
    margin:7px 0;
}

.contact-info td img{
	width:20px;
	padding-right:5px;
}
.contact-info{
	margin-top:20px;
    margin-bottom: 20px;
}
.sendcontact-title
{
    font-size:16px;
    color:#424242;
}
.sendcontact-title span{
    display:block;
    width:59px;
    height:18px;
    background-color:#cc3333;
    float: left;
    margin-right:10px;
}
.contact-info tr td{
	padding-bottom:15px;
}
.contact-info tr td.col-title{
    width:30px;
}
.contact-info tr td.col-title i{
    font-size:15px;
}
.content-left-wrap{
    margin-top:20px
}

.related{
    padding-bottom: 15px;
    padding-top:10px;
    margin-bottom:15px;
}
.related li i,.viewmore li i{
    color:#215201;
    padding-right:5px;
    font-size: 13px;
}
.related>ul{
  list-style:none;
  padding-left:0;
}
.related>ul>li>a{
    color:#56A626;
}
.related>ul>li{
    padding-bottom:5px;
    border-bottom: 1px dotted #efefef;
}
#content-left h2{
   padding:15px 0;
}
#content-left h4{
  padding:10px 0 10px 30px;
  font-size:19px;
  background:url(../../content/images/orange-check.png) left 7px no-repeat;
  background-size:22px;
}
#frmYC h2{
    margin-bottom:20px;
}
#frmYC li{
	padding: 5px 20px 20px 0px;
	font-size:14px;
    display: block;
}
#frmYC li input[type='text'],#frmYC li textarea{
    width:100%;
    padding:5px;
    opacity: 0.6;
}
#frmYC li input[type='submit']{
    width:96px;
    height:32px;
    background-color:#cc3333;
    color:#fff;
    border: none;
}
.pgwSlideshowLight .ps-list{display:none}
/*popular-box*/
.popular-box{
    height: 314px;
    margin-top: 34px;
    background-color:#f6f6f6;
}
.popular-box .popular-img{
    text-align:center;
    max-height:162px;
    overflow-y:hidden;
}
.popular-box img{
    max-width: 262px;
    width: 100%;
}
.popular-box h1.popular-title,.popular-box .popular-shortcontent {
}
.popular-box h1.popular-title{
	text-align: center;
	padding-top: 10px;
  padding-bottom:10px;
	/*margin:0 10px;
	border-bottom:1px solid #bfbfbf;*/
  background:#2f640a;
}
.popular-box h1.popular-title a{
	color:#fff;
	font-size: 18px;
  text-transform:uppercase;
  display:block;
}
.carousel .next.disable, .carousel .prev.disable {
    display:block;
    background-color: #efe7e7;
}
.carousel .next, .carousel .prev {
    display: none;
    width: 29px;
    height: 29px;
    z-index: 9999;
    cursor: pointer;
    text-align:center;
}
.carousel .next.disable i, .carousel .prev.disable i {
    color: #D5D1D1;
}
.carousel .next i, .carousel .prev i {
    font-size: 22px;
    color: #999999;
    margin-top: 4px;
}
.carousel .control{
    position:absolute;
    right:0;
    top:-10px;
    width:62px;
}
.carousel .prev{float:left}
.carousel .next{float:right}
.carousel .next, .carousel .prev{
    background-color:#e2e2e2;
}
.popular-box .popular-shortcontent{
	margin:0 10px;
	padding-top:12px;
  text-align:justify;
  height: 92px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
/*end popular-box*/
/*Đăng ký tư vấn*/
#tuvan #tuvan-title{
    background-color: #fff;
    padding-bottom: 10px;
    font-size: 20px;
    color: #4a4a49;
    text-transform: uppercase;
    border-bottom: 2px solid #ee2b30;
    text-align: center;
    display: block;
}
#tuvan #tuvan-note {
    margin: 12px 7px;
    font-style: italic;
    font-size: 15px;
    padding: 0px 22px;
}
#tuvan .tuvan-col{
    margin-bottom: 17px;
}
#tuvan input[type=text]{
    height:33px;
}
#tuvan input[type=text],#tuvan textarea{
    color: #515151;
    font-size: 14px;
    padding: 8px;
}
#tuvan{
    border: 1px solid #efefef;
    padding: 15px;
    border-radius: 10px;
}
.error{
    color:#f00;
    font-size: 14px;
}
#tuvan textarea{
    height: 78px
}
#tuvan input[type=submit]{
    margin-top:14px;
    padding: 7px 10px;
    background: #ed1f24;
    border: 0px;
    text-transform: uppercase;
    color: #fff;
}
/*End Đăng ký tư vấn*/
/*recentpost-box*/
#recentpost-box>ul>li img{
    width:120px;
    height:80px;
    float:left;
    margin-right:5px;
}
#recentpost-box>ul>li>a{
    padding:5px;
    display:block
}
#recentpost-box>ul>li:after{
    clear:both;
    content:'';
    display:block
}
/*end-recentpost-box*/
#involvepost h3.viewmore{
    font-weight:500;
}