/* CSS Document */


@import url('nivo-slider.css');

/*
@font-face {

  font-family: 'Roboto Light';
  src:  url(../font/Roboto-Light.ttf);

}

@font-face {

  font-family: 'Roboto Bold';
  src:  url(../font/Roboto-Bold.ttf);

}
@font-face {

  font-family: 'UTM Avo Bold';
  src:  url(../font/UTM-Avo-Bold.ttf);

}
*/



*{ margin:0; padding:0;}







body{ margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif; font-size:13.6px;  text-align:center;  position:relative;  }







div{ margin:0; padding:0}







img { border:none}







ul ,li{ list-style:none}







a { text-decoration:none; color:black }







.clear{ clear:both}







input.button{ width:auto !important; height:auto; padding:6px 20px 6px 20px !important; background:#6A3B20; color:white; font-weight:bold; cursor:pointer; border:none !important;/*-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px*/} 







.title-block{ text-align:left;line-height:25px;  font-size:18px;   overflow:hidden;  background: url(../images/bg-title.png) left center ; padding:8px 0 8px 15px; margin-bottom:2px; border-left:5px solid #00789C; text-transform:uppercase; font-weight:bold}

.title-block2{ background:#DCDCDC url(../images/bg-title-left.png) top center no-repeat; position:relative; z-index:1; margin-bottom:5px; }











h3.title, h1.title{font-size:18px;  }

h3.title a{ color:#1c74bc; margin:0 0 0 0px}

.short{width:180px}





div.title{text-align:left;line-height:25px;  font-size:18px;   overflow:hidden;   background:url(../images/bg-title.png) left center; padding:8px 0 8px 15px; margin-bottom:20px; border-left:5px solid #00789C; text-transform:uppercase}







#wrapper{margin:0px auto auto auto;  overflow:hidden; clear:both;  }


.wrapper{margin:0px auto auto auto;  clear:both;width:1024px;  }





.bg-top{ overflow:hidden; background:url(../images/bg-top.gif) top center no-repeat; padding-top:30px;}



/******************* Header ********************************/





.top-header{ height:35px; line-height:35px;overflow:hidden; border:0px solid; color:#FFF; clear:both ; text-align:left ; margin: 0 0 0px 0; background:#00B6EF}



.top-header .address{ overflow:hidden; float:left; background:url(../images/icon-address.png) left center no-repeat; padding-left:30px}



.top-header li{ display:inline; float:left; background:url(../images/line.png) right center no-repeat; padding:0 30px 0 0px}



.top-header li:last-child{ background:none; margin-left:30px}

.right-header{ overflow:hidden; position:absolute; top:0; right:0; background:url(../images/bg-top-header.png) right center no-repeat; height:41px; line-height:35px;width:444px; text-align:center}


#header .hotline{ }



#header .email{}

.top-header .right{ overflow:hidden; float:right; border:0px solid}


#header{margin: 0 auto; clear:both;border:0px solid red ;  }

#header .banner{text-align:left;  position:relative;  overflow:hidden; border:0px solid; }



.banner img{ max-width:100%}


.lang{ overflow:hidden; margin:10px 0 0px 0; float:right}

.lang img{  margin:0px 0 0 5px}

.menuTop2,.icon-menu{ display:none}
.bg-menu{   border-top:1px solid #E7E5E2}
.fixed-menu{ position:fixed; top:0; left:0;width:100%; background:#FFF; z-index:99}
.menuTop{ height:40px; line-height:40px; border:0px solid ;  }

.menuTop ul{ }

.menuTop li{ display:inline-block; text-align:center;position:relative; /*background:url(../images/border-li.png) right center no-repeat;*/ white-space:nowrap;   text-transform:uppercase; float:left;    }


.menuTop li:last-child{ border-right:none ; background:none;}

.menuTop li a{display:inline-block;  padding:0 10px 0 10px  }

.menuTop .home{width:26px; background:url(../images/menu-home.png)top no-repeat;   display:inline-block; border:0px solid; }
.menuTop .home span{ display:none}
.menuTop li:hover , .menuTop li.active { }


.menuTop a:hover ,.menuTop li.active a{ background-color:#00B6EF; color:white}



/*************************** Sub menu********************/


.menuTop ul li ul{position:absolute; top:40px; left:0px;width:250px; z-index:99999; display:none; visibility:visible; padding-top:1px; background:#00B6EF  }

.menuTop ul li:hover ul{ display:block}

.menuTop ul li:hover ul ul{ display:none}

.menuTop ul li ul li{ text-align:left; height:40px;  line-height:40px !important; padding:0 0 0 10px;  margin:0; border-bottom:1px solid #FFF; border-right:none; display:block; float:none;  position:relative; }

.menuTop ul li .no-bg li{background:#032433}

.menuTop ul li ul li:hover{ color:#FFF; background-color:#FF0000 !important}

.menuTop ul li ul li a{ color:#FFF !important;  background:none !important; padding:0; text-transform:none}

.menuTop ul ul ul{ position:absolute; top:-1px; left:250px;width:250px; padding:0; display:none;}

.menuTop ul ul ul li{}

.menuTop ul ul ul li a:hover{ }

.menuTop ul ul li:hover ul{ display:block}


p.cart{ margin:3px 0 -5px 50px; position:relative}







p.cart a{ color:white; text-transform:uppercase; background:url(../images/icon-cart.png) left center no-repeat; display:block; height:18px;width:30px}



.frmSearch{  overflow:hidden;  float:right; margin:5px 0 0 0 ;}



#frmSearch{margin:0px !important; position:relative; overflow:hidden;border:0px solid #868686;  float:right; background:#00789C; /*-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;*/ }



#frmSearch input{ float:right}



#frmSearch p{ overflow:hidden;  border:0px solid #e2e2e2;  }







#frmSearch #keyword{ margin:0px 0px 0 0;  padding:2px 2px 2px 10px;width:200px; border:0px solid #ff8a00; height:20px;  outline:none; outline:none; background:none; color:white}


#frmSearch #btnSearch{  border:none; cursor:pointer;width:auto; width:34px !important; margin:auto; height:24px; line-height:25px !important; color:white; background: url(../images/icon-search.png) center no-repeat; float:right }




.navi-right{width:341px; float:right; overflow:hidden; background:url(../images/bg-top-navi.png) top center no-repeat; }







.navi-right ul{ text-align:center}







.navi-right li{ display:inline; margin:0 5px 0 5px; font-weight:bold; text-transform:uppercase; line-height:63px}







.navi-right li a:hover{ text-decoration:underline}







/********************** Slide***********************/







.slideHome{ overflow:hidden; height:324px; background:#FFF; padding:3px; border:1px solid #ebcda7; margin:0 0 20px 0}







.slideHome ul{width:2000px; overflow:hidden}







.slideHome li{ overflow:hidden; float:left; margin-right:18px;width:255px; height:180px; text-align:center}







.slideHome li img{webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;width:250px; height:175px; }







/*****************************  Content ************************************************/







#content{ text-align:left; padding:0px ; background:#FFF ; margin:20px auto 20px auto;  clear:both !important}



/********************************** Left *******************************/




ul#category{margin:0px 0px 0px 0px; background:#A7A7A7 ; padding:0px 0 0 0; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; }


ul#category li{ margin:0 0px 0 0px; height:55px; line-height:55px;  overflow:hidden; padding:0px 0 0px 10px ;  position:relative; margin-left:-13px; z-index:1 ; text-transform:uppercase; font-size:15px; border-bottom:1px solid #FFF}

ul#category li:hover,ul#category li.active{background:url(../images/bg-li-hover.png) left center no-repeat;  }
 
ul#category li li:first-child{ border-top:1px solid #e5e5e5; }
ul#category li:last-child{ border:none}

ul#category ul{  }


ul#category .active ul ul{ display:none }

ul#category li a{   color:#FFF; background:url(../images/bullet1.png) 10px center no-repeat; padding:0 0 0 30px; display:inline-block;width:100%;border-bottom:1px solid #FFF !important; }
ul#category .active a, #category a:hover{}


ul#category li a:hover,ul#category li a.active{}



.left-content{width:280px;float:left; margin:0px 0px 0 0px;  text-align:left; clear:left; }


.block-left{ margin:0px 0 10px 0; border:0px solid #ECECEC;/*-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;*/ overflow:hidden}


.block-left table{ background:#DDD;}
.block-left table tr{ background:#FFF}
.block-left table td,.block-left table th{ line-height:20px; padding:5px}

.service-left{ overflow:hidden; background:#D7EAF8; margin-bottom:20px}
.service-left h4{ background:#00B6EF url(../images/bg-h4.png) 0px center no-repeat; height:40px; line-height:40px; padding-left:30px; border-bottom:1px solid #A8D9F8; text-transform:uppercase; font-size:14px; color:white; cursor:pointer}
.service-left h4.active{ background:#00B6EF url(../images/h4-active.png) left center no-repeat; }
.service-left .active h4 a{ background:url(../images/icon-down.png) right center no-repeat; }
.service-left ul{ padding:10px; display:none}
.service-left ul.display{  display:block}
.service-left .active ul{ display:block}
.service-left li{ line-height:30px; border-bottom:1px solid #FFF}
.service-left li .active,.service-left li a:hover{ color:#036AA7; font-weight:bold}
.service-left li:last-child{ border:none !important}
.product-left{ overflow:hidden; text-align:center; margin:20px 0 20px 0 }













.product-left img{max-width:98%; margin-bottom:8px}







.product-left .name{  text-transform:uppercase;  line-height:18px; text-align:center; margin-bottom:8px}

.product-left .price{ color:red; font-weight:bold; font-size:13px}





/******************************** SUPPORT ****************************/










.support-group{ text-align:center; text-transform:uppercase; font-weight:bold; color:red; line-height:30px}

.slideSupport{width:270px; background:#ffcc0a; overflow:hidden; position:fixed; bottom:-5px; right:0; z-index:99;webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

.slideSupport .top{height:48px; color:white; line-height:48px; text-transform:uppercase; text-align:center; background:url(../images/bg-top-sp.png) center no-repeat; cursor:pointer}

.listSupport{ overflow:hidden; background:#FFF; margin:0 10px 0 10px; padding-bottom:25px; display:none}

.support{ overflow:hidden; background:#FFF; padding:10px 20px 10px 20px;  margin:0px 10px 0 10px ;  text-align:center; }







.support  .yahoo{ float:left; margin:7px 0px 0 0  }







.support  .skype{ float:right ; margin:0 0px 0 0}







.support p{ overflow:hidden; margin:0px 0 0 0px;   line-height:25px;  border:0px solid; text-align:left }



.support .name{ font-weight:bold; text-transform:uppercase; text-align:left }







.support p span{ font-weight:bold; color:#e13042; font-size:14px; margin-left:5px}





















/******************************** Counter ****************************/







.left-content  .block-left .img-ads{ width:240px;  margin:5px 0 10px 0; text-align:center}























/***************************  News *******************************/







.otherNews{ overflow:hidden; margin:10px 0 10px 0}







.otherNews p{ overflow:hidden;line-height:25px; margin:10px 0 10px 0; background:url(../images/bullet2.png) left 10px no-repeat; padding-left:15px}


.otherNews img{  width:100%; margin-bottom:15px}

.otherNews a{ color:#7F7F7F}


/*************************** RIGHT ********************************/







.right-content{ overflow:hidden; width:250px; float:right; }







.block-right{ overflow:hidden;  margin-bottom:20px;/*-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;*/ border:1px solid #EFEFEF; padding:10px}







.block-right img{}







.ct-right{ overflow:hidden; background:#FFA82C url(../images/lhtv.png)  center 10px no-repeat; padding:130px 10px 10px 10px; border:0px solid red; text-align:center; font-size:16px; margin-bottom:20px}
.ct-right .hl{ background:#FFF; line-height:30px; padding:10px; color:#E13737; text-transform:uppercase; margin:10px 0 0 0}
.ct-right .hl span{ font-weight:bold; font-size:21px}





/**************** Main -content****************/







.main-content{overflow:hidden; float:right;margin:0px 0px 20px 0px;width:730px; text-align:left; border:0px solid; }



.list-product .link,.list-product-home .link{ margin-top:10px}


.list-product{overflow:hidden; margin:10px 0 10px 0; clear:both}


.list-product-home .item{overflow:hidden; width:calc(25% - 20px);  float:left; margin:0 25px 0 0px; border:0px solid #e1e1e1; position:relative; padding:0px 0 0px 0 }

.list-product-home .clear4{ height:30px; clear:both}
.list-product-home .item4{ float:right; margin-right:0 }


.list-product2 .item{overflow:hidden; width:calc(33% - 20px);  float:left; margin:0 30px 0 0px; border:0px solid #e1e1e1; position:relative; padding:0px 0 0px 0 }

.list-product2 .clear3{ height:30px; clear:both}
.list-product2 .item3{ float:right; margin-right:0 }



.list-product .img {text-align:center;overflow:hidden; margin:0px 0px 10px 0px; border:1px solid #E5E5E5 }

.list-product .img img{max-width:100%; height:180px; margin:0px 0 0 0}


.list-product p{line-height:25px; text-align:center ; text-transform:uppercase}



.list-product .name a{ text-transform:uppercase; font-family:Roboto Bold}



.list-product p.sapo { line-height:18px; color:#767676}







.list-product .link a{ background:#FFA82C;width:40%; display:inline-block; text-align:center; text-transform:uppercase; font-size:13px; margin:0 5px 0 5px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; line-height:28px}





/****************************** User ******************************/







#frmLogin .lost-pass{ margin-left:5px}







#frmLogin .lost-pass:hover{ text-decoration:underline}







#frmLogin{ margin:200px  auto auto auto; border:0px solid;width:440px; text-align:left}







#frmLogin input{width:380px; height:30px; padding:5px 5px 5px 20px; border:1px solid #dcdcdc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}







#frmLogin .checkbox input{width:auto; float:left; margin:0px 5px 0 0}







#frmLogin .error{ color:red; }







#frmLogin p{ overflow:hidden; margin:10px 0 20px 0; line-height:28px;}







#fldLogin{ border:none}







#fldLogin p label{width:120px; float:left}







#fldLogin p.btn{ margin-left:120px}







#btnLogin{width:auto !important; background:#e7226c; color:white; padding:5px 15px 5px 15px !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; border:none; cursor:pointer; float:right; }















#frm-register{ margin:5px 0 20px 0; overflow:hidden;}







#frm-register .note-form{ margin:15px 0 15px 0}







#frm-register p {overflow:hidden; margin:10px 0 10px 0;}







#frm-register p label{width:150px; float:left; font-weight:bold}







#frm-register p label sup{ color:red}







#frm-register p.note{ font-weight:bold}







#frm-register img.captcha{ margin:0px 0 0 0;  text-align:center; }







#frm-register p.error{ margin-left:150px; color:red; font-style:italic }







#frm-register p input {width:300px; border:1px solid #d5d5d5; padding:1px}







#frm-register p.btn-submit { margin-left:150px;}







#frm-register .dieuKhoan{ font-weight:bold; cursor:pointer}







#frm-register .dieuKhoan:hover{ text-decoration:underline}







#frm-register .ghiChu{ margin:5px 0 0 150px; color:#878787; font-style:italic}







/*************** Footer ****************************************************************/

.bottom{ line-height:30px; padding:10px 0 0px 0;  color:#FFF;  overflow:hidden; background:#004269}
.copyright{ float:left}

#footer{ overflow:hidden; text-align:center;  margin:auto; margin:0px 0 0px 0; clear:both; background:#F1F0EE; position:relative; z-index:0; padding:20px 0 10px 0}
.footer{ text-align:left;   padding:0px 50px 2px 50px; position:relative; border:0px solid; overflow:hidden; border:0px solid}
.content-ft{ overflow:hidden;width:calc(100% - 680px); float:left; }
.footer table{ width:100% !important}

.footer td{ overflow:hidden; line-height:25px; vertical-align:top ;  border:0px solid; }

.footer td img{ float:left; margin:0 10px 0 0 }

.footer .fanpage{width:300px; float:left; border:0px solid}
.footer .map{width:350px; float:right; overflow:hidden; border:0px solid red}
.footer .map iframe{width:100% !important; height:200px !important}
#frmNewsletter{ overflow:hidden; background:#2f2f2f; padding:5px; border:0px solid red; margin-bottom:30px}
#frmNewsletter #txtEmail{ background:none;width:calc(100% - 60px); padding:5px;  height:30px ; color:white; border:none; outline:none}
#frmNewsletter #btnSent{width:35px; height:42px; background:url(../images/btn-sent.png) center no-repeat; cursor:pointer; border:none; float:right}

#footer .socia{ float:right}

.footer .socia img{ margin:5px 0 0 5px}

.footer .socia span{ position:absolute; bottom:0; left:0; color:#01a1e1}


.menuFooter{ overflow:hidden; width:360px; margin:0 0px 0 0px; border:0px solid}


.menuFooter ul{width:50%; float:left}
.menuFooter li{  display:block; line-height:35px; text-transform:uppercase}


.menuFooter li a{ color:#c9c9c9; }






.paging{ float:right; margin:15px 120px 0 0; font-size:12px; clear:both}







.paging div{ float:left;padding:0 2px 0 2px; color:black;  display:inline; margin-left:5px }







.paging  .num{padding:8px; font-size:12px; background:url(../images/bg-page.png) center no-repeat; margin-right:6px; font-weight:bold}







.paging .curent {  color:red !important;padding:6px; font-weight:bold;background:url(../images/bg-page.png) center no-repeat; margin-right:5px }















.paging .next { padding:6px 8px 6px 8px; font-weight:bold;background:url(../images/next-p.png) center no-repeat; margin-right:5px }















.paging .pre { padding:6px 8px 6px 8px; font-weight:bold;background:url(../images/pre-p.png) center no-repeat; margin-right:5px }







.paging img{ margin:10px 0px 0 0px; }


body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prevlabel.gif) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/nextlabel.gif) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 66px;
  height: 22px;
  background: url(../images/closelabel.gif) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}




.block-left .partner{ overflow:hidden; text-align:center}







.block-left .partner img{ margin:10px 0 10px 0}























.page-content{ overflow:hidden; margin:0 0px 0px 0px; }















.block-cate{ overflow:hidden; margin-bottom:15px; height:150px;}



.block-cate .item{ overflow:hidden;width:140px; float:left; }







.block-cate ul{ margin: 8px 0px 0 0px}







.block-cate ul li{ background:url(../images/bullet.png) left center no-repeat; padding-left:11px; line-height:25px; }







.block-cate a{ color:#FFF; }



.block-cate a:hover{ text-decoration:underline}



.block-cate h3{ text-transform:uppercase; font-weight:normal}



.block-left p.news{ overflow:hidden; line-height:20px; margin:5px 5px 10px 5px; font-weight:bold}







.block-left p.news img{ float:left; margin-right:5px}

/********************************* BreadCrumd ************************************/

.breadcrumb{  line-height:25px; margin:10px 0 10px 0px; clear:both !important; border:0px solid;width:100% ; overflow:hidden}
.breadcrumb ul{}


.breadcrumb li{ float:left;  color:#B9B9B9;  overflow:hidden; display:inline  }


.breadcrumb .home{  }

.breadcrumb li:last-child{ background:none}

.breadcrumb li a{color:#B9B9B9 }



/************************* SLIDE ********************/



.adsLeft{ overflow:hidden; text-align:center}







.adsLeft img{ width:210px; margin:10px 0 10px 0}























.block-ads{ overflow:hidden; text-align:center}







.block-ads img{ max-width:100%; margin:0px 0 10px 0; }







.block-ads .flash-item{margin:0px 0 15px 0; overflow:hidden; text-align:center}



.top-detail-pro{ overflow:hidden; background:#F1F1F1; padding:15px; border:1px solid #ECECEC; margin-bottom:20px}

.img-product{margin:0px 0 5px 0; overflow:hidden; width:46%; float:left ;  border:1px solid #ECECEC; text-align:center}



.title2{ font-size:19px; font-weight:normal; color:#0395d0; margin-top:10px}

.img-product .large { border:0px solid #cfd5d3;  margin-bottom:15px; text-align:center;}

.img-product  img{ text-align:center; max-width:96%;}



.list-img{ overflow:hidden; height:80px;width:100% !important; margin:auto;   position:relative; border:0px solid}

.list-img .btn-next,.list-img .btn-pre{width:20px; height:20px; border:0px solid; position:absolute; top:35px; z-index:99; cursor:pointer}

.list-img .btn-pre{ left:-20px; background:url(../images/icon-pre.png) center no-repeat}

.list-img .btn-next{ right:-3px;background:url(../images/icon-next.png) center no-repeat}

.list-img div{  overflow:hidden; border:0px solid; float:left;width:290px; margin:0 0 0 17px; border:0px solid}



.list-img li{ display:inline; float:left; overflow:hidden; border:1px solid #c7d0cf; padding:1px; width:88px; height:60px; text-align:center; margin:10px 5px 0 0; text-align:center}



.list-img img{ height:60px; width:70px; float:left; margin:0 10px 0 0; cursor:pointer}



.info-product {width:50%;margin:0px 0 0px 0px; overflow:hidden; float:right;  position:relative; border:0px solid; font-size:14px; line-height:28px}



.info-product h2{  font-size:18px; margin-bottom:8px; line-height:20px;  text-transform:uppercase; font-weight:normal}



.info-product .sapo{ line-height:25px; }
.info-product .sapo table{width:100% !important}

.info-product td:first-child{ border:0px solid red;width:120px}



.info-product p.price{ color:red; font-size:16px }

.info-product .red{ color:red }

.info-product .order{ line-height:40px; margin:10px 0 0 0}
.info-product .order a{ background:#FFA82B; text-transform:uppercase; padding:7px 20px 7px 20px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}





.info-product p label{ display:inline-block;width:120px; font-weight:bold }


.hotline2{ background:url(../images/icon-phone.png) left top no-repeat; padding-left:30px; font-size:15px; text-transform:uppercase; line-height:25px}
.hotline2 span{ color:#fe0002; font-size:20px}



.content-pro{ text-align:justify; line-height:25px; overflow:hidden; clear:both; padding-top:20px; border-top:0px solid #e0e0e0; margin:20px 0 30px 0}

.content-pro .top{ font-size:15px; margin-bottom:18px; background:#FFA82C; color:white; line-height:35px; padding-left:20px}

.content-pro .top span{  }






.content-pro table{ background:#CCC; margin:auto; min-width:500px}



.content-pro table tr{ background:#FFF}



.content-pro table th, .content-pro table td{ padding:5px}





.tabs{ overflow:hidden; clear:both; height:30px; line-height:30px;font-weight:bold; border-bottom:1px solid #819f9f; margin-bottom:10px}

.tabs li{ padding:0 20px 0 20px; display:inline; float:left;  background:#dbdbdb}

.tabs a{ color:#4887f0}

.tabs .active{ background:#fd0000}

.tabs .active a{ color:#FFF}

.tab-op{ overflow:hidden; line-height:25px !important; display:none; font-size:17px}

.frmOrder{ overflow:hidden; background:url(../images/con-hang.png) left bottom  no-repeat;  padding-bottom:15px}





.frmOrder .btn-order{width:120px; height:25px;  margin:7px 0 0 0; background:none; cursor:pointer; border:none; outline:none; }







.detail-product{ margin:10px 0 15px 0; overflow:hidden; clear:both;  }







#frmWeblink select{width:200px; margin:10px 0 10px 10px}







.listAds{ overflow:hidden; text-align:center; margin:10px 0 10px 0}







.listAds a{ font-weight:bold; color:#2568ac}







.listAds img{ max-width:200px; width:auto !important;width:200px}







.block-right table{width:200px; margin: 10px auto; background:#CCC}







.block-right table tr{ background:#FFF}







.block-right table th, .block-right table td{ line-height:25px}







.block-right .news{ overflow:hidden; padding:5px}







.block-right .news  a{ color:#872603}



















.factory{ overflow:hidden; width:33%; float:right; padding-top:7px}







.factory  img{width:120px; height:62px; margin:0 5px 5px 0; float:left}







.factory  img.first{ height:130px;width:130px;}







.share{ margin:20px 0px 0px 0; overflow:hidden}







.share img{ float:left; margin-right:10px}







.share p{ overflow:hidden; text-align:center; color:#000; line-height:30px}







.slideProduct{ overflow:hidden; height:140px; border:1px solid;width:735px !important; border:2px solid #7e0555; margin:15px 0 15px 0}







.slideProduct ul{ overflow:hidden; height:140px;}







.slideProduct li{ float:left; display:inline;width:160px; height:120px;  text-align:center; margin:10px 10px}







.slideProduct img{ height:120px}







.slideProduct .btn-next, .slideProduct .btn-pre{ overflow:hidden; height:50px; width:50px; position:absolute; top:40px; z-index:99; cursor:pointer}







.slideProduct .btn-next{ right:0; background:url(../images/icon-right.png) center no-repeat}







.slideProduct .btn-pre{ left:0; background:url(../images/icon-left.png) center no-repeat}

.block-home{ overflow:hidden; clear:both; margin-bottom:50px; border:0px solid}
.block-home .left{ overflow:hidden;width:600px; float:left; border:0px solid}
.block-home .right{ overflow:hidden;width:600px; float:right; border:0px solid}



.bg-box1{background:url(../images/bg-box1.png);  padding:20px 0 20px 0; margin:0px 0 20px 0 ; overflow:hidden; border-bottom:1px solid #E3E1DE}


.video-home{ overflow:hidden;width:100%; height:190px; border:0px solid red; margin:0 0 20px 0; position:relative}
.video-home li{ overflow:hidden; display:inline; float:left;width:100%; height:190px}
.video-home iframe{width:100% !important; height:190px !important; margin:5px 0 0 0}

.pre-video, .next-video{ height:48px;width:31px;  cursor:pointer; position:absolute; top:80px; z-index:99; border:0px solid}

.pre-video{  background:url(../images/icon-pre.png) center no-repeat; left:0}

.next-video{  background:url(../images/icon-next.png) center no-repeat; right:0}


.video-home iframe{width:100% !important; height:200px !important; margin:0px 0 10px 0}

.gallery-home img{width:calc(25% - 10px); margin:5px !important; float:left; height:100px}
.introHome{ overflow:hidden; line-height:25px; text-align:center; margin:30px auto 50px auto }
.introHome .item{width:calc(33% - 50px); overflow:hidden; float:left; margin-right:50px}
.introHome .item3{ float:right; margin-right:0}
.introHome img{ margin-bottom:20px}
.introHome h4{ margin-bottom:10px}
.introHome h4 a{ text-transform:uppercase; color:#F88700; font-size:20px; font-weight:normal}

.bg-box2{background:#F1F0EE;  padding:30px 0 30px 0; margin:20px 0 20px 0; overflow:hidden; clear:both;width:100% }

.bg-box2 .left{ overflow:hidden; text-align:left; line-height:25px; color:white; float:left;width:calc(100% - 350px); margin:30px 0 0 0}
.bg-box2 img{ float:right; margin:0 0 0 0px; max-width:340px}
.bg-box2 .sapo{ margin-bottom:20px}
.introHome .detail{  line-height:35px; padding-top:20px}
.introHome .detail a{ text-transform:uppercase; color:white; background:#AE3024; padding:10px 20px 10px 20px}

.ykkh{ overflow:hidden; margin:0 0 0px 0}
.ykkh .item{ overflow:hidden; float:left; border:0px solid}
.ykkh img{width:140px; height:140px; border:2px solid #DCD9D5; padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; float:left}
.ykkh .text{width:calc(100% - 190px); overflow:hidden;  float:right; text-align:left; line-height:25px; background:url(../images/2nhay.png) left top no-repeat,url(../images/2nhay2.png) right bottom no-repeat; padding:20px; text-align:justify}
.ykkh h4{ color:#F00000}
.ykkh .top{ font-family:Roboto Bold; font-size:21px; line-height:30px; font-size:30px; margin:30px 0 50px 0; text-transform:uppercase}
.projectHome a{ color:white}
.newsHome{ overflow:hidden; line-height:23px; text-align:left;width:calc(100% - 280px); float:left; text-align:left }
.newsHome .first{ overflow:hidden; margin:0 0 20px 0;width:48%; float:left}
.newsHome .item2{ float:right}

.newsHome .first img{ width:100% ; margin:0 0  15px  0}
.newsHome img:hover {opacity:0.8}
.newsHome  .first a{ }
.newsHome  .item a{ }

.newsHome h4{ margin:0px 0 10px 0; font-size:14px; line-height:22px; text-transform:uppercase}

.newsHome .item{ overflow:hidden; border:0px solid; margin:0 0 20px 0; clear:both}
.newsHome .item img{width:130px; height:90px; float:left; margin:5px 10px 0 0}
.newsHome  .sapo{ margin-bottom:10px}

.newsHome .detail{ line-height:35px}
.newsHome .detail a{ background:#FF8C00; color:white; padding:6px 20px 6px 20px; text-transform:uppercase;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}

.right-home{ float:right; overflow:hidden;width:260px}

.bg-box3{background:#00B6EF;  padding:20px 0 20px 0; margin:0px 0 0px 0 ; overflow:hidden}
.cateFooter .item{width:25%; overflow:hidden; float:left; line-height:25px; text-align:left}
.cateFooter .item h4{ font-size:15px; margin-bottom:20px}
.cateFooter .item a{ color:white}
.contactInfo{ overflow:hidden;  line-height:25px; margin:0 0 30px 0; font-size:16px}

.img-ct{ float:left;max-width:590px}
#frmContact {overflow:hidden;margin:auto }







#frmContact span{ color:red}


#frmContact .row{ overflow:hidden; margin:10px 0 10px 0; border:0px solid}


#frmContact .row { overflow:hidden; margin:10px 0 10px 0}


#frmContact  label { float:left; width:150px; }




#frmContact  input {width:calc(100% - 200px); border:1px solid #EBEBEB; padding:5px;  }



#frmContact textarea{ width:calc(100% - 200px); height:100px;border:1px solid #EBEBEB; padding:5px; }



#frmContact .note{font-size:21px; font-weight:normal; line-height:30px; text-align:center; color:#B2A48A; margin-bottom:20px }

#frmContact .btn {  padding:0; margin:20px 0 0 150px; text-align:center}

#frmContact #submit{background:#D7251B ; padding:5px 15px 5px 15px; cursor:pointer; border:none; width:auto; height:auto; color:white; float:left}




#frmContact .error{ color:red !important; margin-left:150px}




 .success{ color:#063;  font-size:12px; line-height:18px}


 .productSeller{ overflow:hidden; padding:23px 0 23px 5px; position:relative;  background:url(../images/bg-slide.png) left top repeat-x; width:100% !important; margin-bottom:10px }







  .productSeller .acctive{ color:red}







.productSeller li{width:172px; overflow:hidden; float:left;  text-align:center; line-height:25px; font-weight:bold; margin:0 5px 0 4px;  height:162px; border:1px solid #878787; background:#FFF}







.productSeller li img{ height:125px; max-width:165px; margin:20px 0 0 0}







.productSeller ul{ overflow:hidden;width:2000px; margin:10px 0 0 10px}







.productSeller .btn-pre{ overflow:hidden; position:absolute; top:40px; left:0; width:20px; height:50px; cursor:pointer; background:url(../images/btn-pre1.png) center no-repeat}







.productSeller .btn-next{ overflow:hidden; position:absolute; top:40px; right:0; width:20px; height:50px; cursor:pointer; background:url(../images/btn-next1.png) center no-repeat}







.bg-popup{ overflow:hidden; position:absolute; top:0; left:0;width:100%;height:100%; background:url(../images/opacity.png); display:none; z-index:9999}







.popup{width:1035px; height:721px;  overflow:hidden; background:url(../images/bg-login.png) center no-repeat;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; position:relative; position:absolute; top:150px; left:50%; margin-left:-517px;}







.popup .close{width:35px; height:35px; position:absolute; top:2px; right:2px; cursor:pointer; }







.content-popup{padding:10px; line-height:25px; text-align:justify; font-size:13px; overflow:auto; height:450px}







.title-popup{ line-height:32px; text-transform:uppercase; color:#FFF; background:#8d9292; padding-left:10px; font-weight:bold; text-align:left; text-align:center !important}







#detailPro{ overflow:hidden; color:#000}







#detailPro .left{width:200px; float:left; overflow:hidden; border-right:1px solid #CCC; text-align:center; padding-right:8px}







#detailPro .right{ overflow:hidden;width:300px; float:right;  }







#detailPro p{ overflow:hidden; clear:both; text-align:left}







#detailPro img{  border:1px solid #CCC; max-width:200px; margin-bottom:8px; max-height:180px}







#detailPro .left label{width:60px !important}







#detailPro label{width:120px; float:left; font-weight:bold}







#detailPro p{ overflow:hidden;}







#detailPro a{ color:#056b17}







#detailPro a:hover{ text-decoration:underline}







#detailPro .right p{ border-bottom:1px solid #eaeaea}







#detailPro u{ font-weight:bold}







#detailPro .description{ overflow:hidden; clear:both; line-height:25px; text-align:justify;padding-top:10px; clear:both}







.navi-user{ overflow:hidden; }







.navi-user li{ display:block; padding:0 0px 0 20px; font-weight:bold; line-height:28px; background:url(../images/minus.png) left center no-repeat}







.navi-user li:last-child{ border:none}







.navi-user li a:hover{ text-decoration:underline}







a.edit{ padding:10px; background:url(../images/edit.png) center no-repeat}







span.detail{ cursor:pointer}







span.delete{  background:url(../images/delete.png) center no-repeat; cursor:pointer; width:30px !important}

.contentPro{ overflow:hidden; line-height:25px; padding:10px; background:#F1F1F1; border:1px solid #E1E1E1; margin-bottom:20px}


.list-news{ overflow:hidden}
.list-news .item{width:calc(33% - 20px); overflow:hidden; float:left; margin:0 30px 0 0; border:1px solid #E7E7E7; line-height:25px}
.list-news .item3{ float:right; margin-right:0}
.list-news .clear3{ clear:both; height:30px}
.list-news h4{ text-transform:uppercase; font-family:Roboto Bold; margin-bottom:10px; text-align:center}
.list-news img{width:100%; height:150px; margin-bottom:15px}
.list-news p{ padding:5px}

.list-news2{ overflow:hidden}
.list-news2 .item{width:48%; overflow:hidden; float:left; margin:0 0px 0 0; border:0px solid #E7E7E7; line-height:25px; }
.list-news2 .item2{ float:right; margin-right:0}
.list-news2 .clear2{ clear:both; height:30px}
.list-news2 img{width:100%; height:220px; margin-bottom:10px}
.list-news2 h4{  font-family:Roboto Bold; margin-bottom:10px;}
.list-news2 h4 a{ color:#14599F; font-size:15px}

.news-item{ overflow:hidden; clear:both; margin:10px 0 50px 0; text-align:left; /*padding-bottom:15px; background:url(../images/bg-line.png) bottom center no-repeat*/; clear:both}

.news-item img{width:250px; height:150px; float:left; margin:3px 15px 0 0; border:0px solid #61a8e0; }

.news-item h4{ margin-bottom:15px; font-size:15px; margin-bottom:20px; text-transform:uppercase}

.news-item h4 a{ color:#00B6EF }
.news-item .date{ background:url(../images/clock.png) left center no-repeat; padding-left:25px; color:#9F8E63; overflow:hidden; line-height:35px}



.news-item .info-post{ color:#9a9a9a; line-height:25px}



.news-item .detail{ line-height:35px}
.news-item .detail a{ background:#FF8C00; color:white; padding:6px 20px 6px 20px; text-transform:uppercase;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}





.news-item .sapo{ line-height:20px; text-align:justify; overflow:hidden; margin-bottom:10px}





.news-cate-78 .item{ overflow:hidden; width:calc(33% - 30px); float:left;margin:0px 50px 0 0; text-align:left; /*padding-bottom:15px; background:url(../images/bg-line.png) bottom center no-repeat*/}
.news-cate-78 .item3{ float:right; margin-right:0}
.news-cate-78 .clear3{ clear:both; height:30px}
.news-cate-78 .item img{width:100%; height:230px;margin:0px  0 20px  0;}







.news-cate-78 .item h4{ margin-bottom:10px; font-weight:normal;font-size:21px; text-transform:uppercase}







.news-cate-78 .item h4 a{ font-size:21px; }
.news-cate-78 .sapo{ line-height:25px; overflow:hidden}




.list-partner{ overflow:hidden; margin:20px auto 20px auto; height:60px;width:100% !important; padding:0 !important}

.list-partner .item{ float:left;width:153px; height:60px; margin:0 11px 10px 0; border:0px solid #dddddd; overflow:hidden; text-align:center}

.list-partner .last{ float:right}



.list-partner ul{width:5000px; overflow:hidden}







.list-partner li{ display:inline; float:left; overflow:hidden; border:0px solid #ececec; padding:1px; width:130px; height:66px; text-align:center; margin:0 10px 0 0; text-align:center}







.list-partner img{ height:60px; max-width:100%}









.item-tb{ background:url(../images/icon-row.png) left 7px no-repeat; padding-left:15px; line-height:23px; margin:10px 0 10px 0}
.item-tb a{ color:#4d8bc0; font-size:15px}



.product-right{ overflow:hidden; margin:10px 0 10px 0; text-align:justify; background:url(../images/bullet1.png) left 13px no-repeat; padding:0 0 0 10px; line-height:25px}

.product-right a{ color:#6A3B20}


.news-right{ overflow:hidden; margin:10px 0 10px 0; text-align:justify; line-height:25px; margin:0 0 15px 0}
.news-right img{width:70px; float:left; margin:3px 10px 0 0}

.view-all a{ color:#f3090c; font-weight:bold}



.view-all a:hover{ text-decoration:underline}



.slide-news{ overflow:hidden;   margin:0px 0 0px 0; border:0px solid #e0e0e0; position:relative; display:block; padding:0px 0 0 0;width:100%}


.slide-news .pre-slide,.slide-news .next-slide{ height:130px;width:90px;  cursor:pointer; position:absolute; top:30px; z-index:99}

.slide-news .pre-slide{ left:0px; background:url(../images/icon-pre2.png) center no-repeat}

.slide-news .next-slide{ right:10px; background:url(../images/icon-next2.png) center no-repeat}

#slidePro{width:calc( 100% - 100px) !important; border:0px solid; margin:auto}

.slide-news li{ display:inline; float:left; margin:0 20px 0 0;  width:calc(20% - 17px); text-align:left; overflow:hidden;  padding:0px 0 0px 0; color:#606060; line-height:22px}
.slide-news img{ height:180px;width:100%; margin-bottom:10px}
.slide-news h4{ font-weight:normal;   font-size:16px; margin-bottom:10px}
.slide-news h4 a{ color:#606060}


.slide-img{ overflow:hidden;   margin:0px 0 0px 0; border:1px solid #e0e0e0; position:relative; display:block; padding:0px 0 0 0;width:100%; height:190px}


.slide-img .pre-slide,.slide-img .next-slide{ height:30px;width:40px;  cursor:pointer; position:absolute; top:40%; z-index:99}

.slide-img .pre-slide{ left:0px; background:url(../images/icon-pre.png) center no-repeat}

.slide-img .next-slide{ right:0px; background:url(../images/icon-next.png) center no-repeat}


.slide-img li{ display:inline; float:left; width:100%; height:190px; overflow:hidden}
.slide-img img{ width:100%; height:190px}

/************Tooltip***********/

#tooltip{position: fixed;width: 320px; border:1px solid #ccc;background: #f2f2f2;display: none;overflow: hidden; text-align:left; line-height:25px !important}

.box-tooltip{ overflow:hidden; display:none}

#tooltip .title-tooltip{ line-height:30px; background:#ff7f00; color:white; text-transform:uppercase; padding-left:10px; margin-bottom:5px; font-weight:bold}

#tooltip .sapo{ margin:10px}



.back-top{ position:fixed; bottom:50px; right:50px; width:55px; height:55px; background:url(../images/back-top.png) center no-repeat; z-index:999}



.title-home{  text-align:center;  line-height:45px;  font-size:24pt;  margin:10px 0 20px 0; overflow:hidden; font-weight:normal;  text-transform:uppercase }

/*.title-home span.icon1{  background:url(../images/icon-title.png)  left center no-repeat; padding-left:40px  }

.title-home span.icon2{  background:url(../images/icon-title2.png)  left center no-repeat; padding-left:40px  }
.title-home span.icon3{  background:url(../images/icon-tt3.png)  left center no-repeat; padding-left:40px  }
.title-home span.icon4{  background:url(../images/icon-tt4.png)  left center no-repeat; padding-left:40px  }*/

.title-home2{ background:url(../images/line.png)  bottom center no-repeat; text-align:center; line-height:35px; font-size:24pt; padding-bottom:10px; text-transform:uppercase; margin:0 0  30px 0}



.title-other{ line-height:28px;  font-size:19px;  border-bottom:1px solid #e3e3e3; margin-bottom:10px}

.info-news{ line-height:25px; background:url(../images/bg-top-detail-news.png) top repeat-x; color:#ababab; margin:5px 0 10px 0} 

.info-news .date{ background:url(../images/update.png) left center no-repeat; padding-left:20px}

.info-news .view{ background:url(../images/view.png) left center no-repeat; padding-left:20px}

.bannerHome{ overflow:hidden; text-align:center; margin:20px 0 50px 0}
.bannerHome img{width:100%}
ul.rss{width:300px; }

ul.rss li{ line-height:35px; font-weight:bold; border-bottom:1px solid #DDD}

ul.rss li li{ margin-left:20px; font-weight:normal}

.rss a{ color:#246162 ; background:url(../images/rss2.png) left center no-repeat; padding-left:70px; display:inline-block}

.left-intro{ overflow:hidden; border:1px solid #f4f4f4; text-transform:uppercase}

.left-intro .item{ padding:10px; line-height:20px; border-bottom:1px dashed #e7e7e7}

.left-intro p a:hover{ color:#246162}
.news-left{ overflow:hidden; margin:10px}
.news-left img{width:100px; float:left; margin:3px 12px 0 0}
.news-left h4 a{ color:#626262; line-height:20px; font-weight:normal}
.news-left h4{ margin-bottom:5px}

.news-left2{ overflow:hidden; margin:10px 0 20px 0; border:1px solid #fbae5e; padding:5px 10px 5px 10px;}
.news-left2 img{height:40px; float:left; margin:3px 12px 0 0}
.news-left2 h4 a{ color:#6e6e6e; line-height:20px; text-transform:uppercase; line-height:40px; font-family:Roboto Regular; font-size:14px; }
.news-left2 h4.line2 a{ line-height:20px}
.news-left2 h4 a:hover,.news-left2 h4 a.active{ color:#fe951f}
.news-left2 h4{ margin-bottom:5px}


.lvhd{ overflow:hidden; text-align:center}
.lvhd .item{ display:inline-block;width:calc(25% - 20px); margin:0 0px 0 0;  vertical-align:top; float:left; overflow:hidden; position:relative; padding:10px}
.lvhd .item3{ float:right}
.lvhd .clear3{ clear:both; height:5px}
.lvhd h4{ line-height:30px; text-transform:uppercase; }
.lvhd h4 a{ }
.lvhd img{max-width:100%; margin-bottom:20px}
.lvhd img:hover{opacity:0.8}
.list-album{ overflow:hidden}
.list-album .item{ overflow:hidden;width:275px; text-align:center; border:0px solid; float:left; margin:0 50px 0 0}
.list-album .item3{ float:right; margin-right:0}
.list-album img{width:100%; margin-bottom:10px}
.list-album a{ color:#4d8bc0; font-size:16px}
.list-album .clear3{ height:40px; clear:both}

.slide-gallery{ overflow:hidden;   margin:0px 0 0px 0; border:0px solid #e0e0e0; position:relative; display:block; padding:0px 0 0 0;width:100%; min-height:350px}


.slide-gallery .pre,.slide-gallery .next{ height:57px;width:57px;  cursor:pointer; position:absolute; top:40%; z-index:99}

.slide-gallery .pre{ left:0px; background:url(../images/btn-pre.png) center no-repeat}

.slide-gallery .next{ right:0px; background:url(../images/btn-next.png) center no-repeat}


.slide-gallery li{ display:inline; float:left; width:100%; min-height:350px}
.slide-gallery img{ width:100%}
.thumbs-slide{ overflow:hidden; text-align:center; margin-top:30px}
.thumbs-slide img{ height:60px; margin:5px}
.thumbs-slide .thumbActive img{opacity:0.8; border:1px solid red}
.box-content{ overflow:hidden; line-height:25px}
content img{ max-width:100%; height:auto;}
.news-79{ overflow:hidden}
.news-79 .item{width:48%; overflow:hidden; float:left; display:inline; text-align:center; line-height:25px; background:#AEDBC6}
.news-79 .item2{ float:right; background:#F68A41}
.news-79 .item3{ display:block;width:100%; clear:both; margin:30px 0 0 0; background:#6EA5BA}
.news-79 img{ margin:20px 0 30px 0; height:156px}
.news-79 img:hover{opacity:0.8}
.news-79 h4{ text-transform:uppercase; font-size:23px; margin-bottom:20px}
.news-79 h4 a{ color:#25363D}
.news-79 .detail a{ color:#3C464C; background:#F1F1F1; padding:10px 30px 10px 30px; text-transform:uppercase; font-size:17px}
.news-79 .detail{ text-align:center; margin-bottom:30px}

.news-80{ overflow:hidden; line-height:25px}
.news-80 li{ overflow:hidden; display:block; margin-bottom:60px; background:#EEEEEE}
.news-80 .img{ overflow:hidden;width:70%; float:left;}
.news-80 img{width:100%}
.news-80 .text{ float:right; overflow:hidden;width:26%; padding:2%}

.news-80 .item2{ background:#246F1A; color:white}
.news-80 .item2 .img{ float:right;}
.news-80 .item2 .text{ float:left}
.news-80 h4{ font-size:25px; margin-bottom:25px; font-weight:normal; line-height:30px}
.news-80 .item2 a{ color:white}

.news-92{ overflow:hidden}
.news-92 .item{width:calc(16.5% - 30px); margin:0 35px 0 0; overflow:hidden; float:left; display:inline; text-align:center; line-height:25px; border:1px solid #EFEFEF}
.news-92 .item6{ float:right; margin-right:0}
.news-92 .clear6{ display:block;width:100%; clear:both; height:40px}
.news-92 img{ height:76px; max-width:100%}

@media screen  and (max-width: 1200px){
#scrollRight,#scrollLeft{ display:none !important}
}
@media screen  and (min-width: 1001px){
.icon-menu,.logo-mb,.menuTop2{ display:none !important}
.menuTop{ display:block !important}
.fixed-top{ position:fixed; top:0; left:0; z-index:99; background:#FFF;width:96%; padding:0 2% 0 2%}
}



@media screen and (max-width:999px){

body{ border:0px solid red;    }
.wrapper{width:100%; border:0px solid}

.banner img{ }
#header{ padding:0; position:relative}
#header .right-header{ }

.title-home, h1.title,h3.title,.title-block{ font-size:25px}
.menuTop{  line-height:40px; background:#00B6EF;  height:auto !important;width:100%; max-width:100%; z-index:99999; padding:10px 0px 10px 0px;  overflow:hidden;  display:none; z-index:999 ;border-top:1px solid #FFF}

.menuTop li{ display:block; float:none; border-bottom:1px solid #FFF; text-align:left; text-transform:uppercase;  overflow:hidden; padding:0 0 0 0px;width:100%;font-weight:bold; background:#FF0000  }
.menuTop li  a{  border:none !important; background:none !important; padding:0; display:inline-block; font-weight:bold; color:white  !important;width:100%; margin-left:15px}
.menuTop .home { }
.menuTop .home span{ display:inline-block !important}
.menuTop  li:last-child{ border:none }
.menuTop  li ul{ position:static !important; display:block !important; visibility:visible !important;width:100% !important; border-top:1px solid #FFF }
.menuTop  ul li ul li{width:100% !important; border-top:none; background:#00B6EF }
.menuTop  li ul li a{width:100% !important;font-weight:normal}
.menuTop  li ul ul{ display:none !important}
.show-menu{ overflow:hidden; clear:both;width:100%; text-align:right; margin:0px 0 0px 0;  background:#d86719; line-height:40px;width:100%; }
.icon-menu{width:40px; height:40px; line-height:40px; background: #00B6EF url(../images/icon-menu.png)  center no-repeat; text-transform:uppercase;  cursor:pointer; font-size:14px; color:#FFF; border:0px solid; display:block;  z-index:999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; float:right; margin:5px 10px 5px 0 ; clear:right; position:absolute; top:60px; right:0 }

.box-content img{ max-width:100% !important; height:auto !important}
.content-ft{width:100%; clear:both; margin-bottom:10px}
.footer .map{width:calc(100% - 350px)}
}
@media screen and (min-width:800px) and (max-width: 999px){

body{ border:0px solid red;}
.wrapper{width:100%}
.left-content{ width:250px}
.main-content{width:calc(100% - 260px)}


}
@media screen and (min-width:600px) and (max-width: 799px){

body{ border:0px solid red;}
.wrapper{width:100%}
.left-content{ display:none}
.main-content{width:100% }
h1.title,h3.title,.title-block{ font-size:21px; font-weight:normal}
.newsHome{width:100%}
.right-home{ display:none}

}


@media screen and (min-width:421px) and (max-width: 599px){
body{ border:0px solid red;}
.icon-menu{ top:35px}
.wrapper{width:100%}
.left-content{ display:none}
.main-content{width:100% }
.newsHome{width:100%}
.right-home{ display:none}
h1.title,h3.title,.title-block{ font-size:21px; font-weight:normal}
.lvhd .item{width:50%; padding:0; margin:0}
.lvhd .clear2{ clear:both; height:20px}
.cateFooter .item{width:50%}
.cateFooter .clear2{ clear:both; height:20px}
.footer .map,.footer .fanpage{width:100% !important}
.news-item img{width:150px; height:auto}
.content-ft img{ display:none}
}

@media screen and (max-width: 420px){
body{ border:0px solid red;}
.top-header{}
.frmSearch{ float:left}
.icon-menu{ top:0; height:30px}
.wrapper{width:100%}
.left-content{ display:none}
.main-content{width:100% }
.newsHome{width:100%}
.right-home{ display:none}
h1.title,h3.title,.title-block{ font-size:21px; font-weight:normal}
.lvhd .item{width:50%; padding:0; margin:0}
.lvhd  img{ max-width:80%}
.lvhd .clear2{ clear:both; height:20px}
.cateFooter .item{width:50%}
.cateFooter .clear2{ clear:both; height:20px}
.footer .map,.footer .fanpage{width:100% !important}
.news-item img{width:120px; height:auto}
.news-item .sapo{ display:none}
.news-item h4 a{ font-weight:normal; text-transform:none}
.content-ft img{ display:none}

}


#scrollRight,#scrollLeft{ overflow:hidden; z-index:9999;width:100px}
#scrollRight img,#scrollLeft img{ max-width:100%}

Vì cháu buồn nên cậu mần thơ
Biết không hay nhưng sẽ mắc cười
Cháu đọc xong phê ngay câu cảm thán
Cậu ơi thơ chi mà tệ rứa 

à thì

Cháu đọc xong cứ cười thỏa chí
Chứ đừng buồn rồi lại nghị lung tung :)


Cháu ơi đừng buồn nhé
Ai lớn lên cũng phải xa nhà
Vì công việc ta phải xa thôi
Một năm thôi rồi ta lại về

Cháu ơi đừng buồn nhé
Đêm khuya rồi hãy ngủ đi thôi
Khép đôi mi tạm biệt nỗi buồn
Sáng tĩnh giấc ta lại vui cười

Cháu ơi đừng buồn nhé
Mạnh mẽ lên cô gái tuổi 25
Cuộc sống mà phải biết cố gắng
Nồi buồn nào rồi cũng sẽ qua.