/* CSS Document */

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



@font-face {



  font-family: 'Cambria';

  src:  url(../font/CAMBRIA.TTC);

 

}



*{ margin:0; padding:0;}

body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;  text-align:center; background:url(../images/bg-top.png) top repeat-x ; position:relative; color:#333333}

.bg-home{ background:url(../images/bg-top.png) top repeat-x ;}

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 !important; line-height:33px; padding:1px 15px 1px 15px !important; background:#e82c2d !important; color:white !important; font-weight:bold; cursor:pointer; border:none !important;} 

.title-block{ height:42px; line-height:42px; background:url(../images/bg-title-left.png) left center no-repeat; text-transform:uppercase; font-size:12px; padding-left:50px; color:white}









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









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



.short{width:180px}











div.title{ line-height:42px; overflow:hidden;  margin-bottom:0px; text-transform:uppercase; text-align:left; background:url(../images/bg-title-ct.png) left center no-repeat; padding-left:50px; color:white}

#wrapper{ }

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

.wrapper{width:1000px; margin-left:auto; margin-right:auto;  border:0px solid red}



.block-home{ overflow:hidden; border:1px solid #c4e0f5; padding:15px 10px 15px 10px; margin-bottom:25px}

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

.right-header{ overflow:hidden; position:absolute; top:5px; right:0;width:300px}

.right-header .ct{ overflow:hidden; clear:both; margin:20px 0 0 0; color:#848484; border:0px solid; line-height:30px; text-align:right}

.right-header .hotline{ background:url(../images/icon-phone.png) left center no-repeat; padding-left:30px; margin-right:30px; display:inline-block}

.right-header .email{ background:url(../images/icon-email.png) left center no-repeat; padding-left:30px; display:inline-block }

#header{margin:auto; clear:both; position:relative; }

#header .banner{ overflow:hidden; text-align:left; float:left; position:relative; }

.banner img{ max-width:100%}



.menuTop{height:46px; line-height:46px; border:0px solid; margin:0px 0 0px 0; position:relative; clear:both}





.menuTop ul{}



.menuTop li{ display:inline; text-align:center; background:url(../images/border-li.png) right center no-repeat;  float:left ; text-align:center; white-space:nowrap;  font-weight:bold;   position:relative; margin:0 0px 0 0}







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





.menuTop li a{padding:0 10px 0 10px;color:white; display:inline-block; font-size:12px }



.menuTop .home span{ display:none}

.menuTop .home a{ display:inline-block;width:30px; height:46px; background:url(../images/menu-home.png) center no-repeat !important; }









.menuTop li:hover , .menuTop li.active {  }

.menuTop a:hover ,.menuTop li.active a{ background:url(../images/li-hover.png) bottom center repeat-x }

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

.menuTop li ul{ position:absolute; top:46px; background:#1c7ab0;width:250px; display:none; z-index:9999; padding-top:5px; border:0px solid #e3e2dd; border-bottom:none}

.menuTop li ul ul{ left:250px; top:0; padding-top:0}

.menuTop li ul li{ display:block;width:100%; line-height:35px; padding-left:0px; clear:both; text-align:left; border-bottom:1px solid #FFF}

.menuTop li li a:hover{ background:#767676 }

.menuTop li ul li a{width:100%; padding:0 0 0 0px; text-indent:10px; font-weight:normal; border:none !important}

p.cart{ line-height:30px; text-align:right}

p.cart a{ color:white; text-transform:uppercase; background:url(../images/icon-cart.png) left center no-repeat; padding-left:35px}







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







#frmSearch{ position:relative; background:#f4f4f4; overflow:hidden}







#frmSearch input{ float:right}







#frmSearch p{ overflow:hidden; line-height:20px;  }

#frmSearch #keyword{ margin:0px 0px 0 0;  background:#f4f4f4; color:#000; padding:3px 3px 3px 10px;width:180px; border:0px solid #ff8a00; height:22px; outline:none }

#frmSearch select{width:185px; padding:1px; margin-bottom:5px}

#frmSearch #btnSearch{  border:none; cursor:pointer;width:auto; width:50px !important; margin:auto; height:32px; line-height:29px !important; color:#333333; background: url(../images/icon-search.png) center no-repeat; float:right; font-weight:bold}

#frmNewsLetter{width:500px; float:left;  text-align:left; margin:15px 0 0 10px}

#frmNewsLetter p{ overflow:hidden; color:#e8eaeb}

#frmNewsLetter input{ float:right}

#frmNewsLetter #email{width:200px; background:#FFF url(../images/icon-mail.png) left top no-repeat; padding:0px 0 0px 27px; border:none; height:23px}

#frmNewsLetter #submit{ background:#666666; color:#eff5ee; border:none; cursor:pointer; line-height:23px; width:35px}

#frmNewsLetter label{ float:left; text-transform:uppercase; line-height:25px}

.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:0 auto 20px auto; overflow:hidden; }



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



ul#category{margin:10px 5px 5px 5px;}

ul#category li{ margin:0 0px 0 0px; line-height:20px;  border-bottom:1px solid #d4e6f2;  position:relative; background:url(../images/icon-row.png) left 11px no-repeat; font-weight:bold;  padding:7px 0 7px 16px}

ul#category li:last-child{ border:none}

ul#category li a{  display:inline-block;width:100%; font-size:13px}

ul#category li  ul{ border-top:1px solid #e7e7e7; display:none}

ul#category li  ul ul{ display:block}

ul#category .show-sub{ margin-left:1px; display:inline-block; cursor:pointer}

ul#category li  ul.active{ display:block}



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



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



.block-left{ margin:0px 0 15px 0; border:1px solid #c4e1f3;overflow:hidden; padding:10px}

.product-right{ overflow:hidden; text-align:center; margin:20px 0 20px 0 ; border:1px solid #ededed; padding:10px;}

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

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



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











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



.slideSupport{width:270px; background:#03c11f; overflow:hidden; position:fixed; bottom:0; right:0; z-index:99;}

.slideSupport .top{height:47px; color:white; line-height:47px; 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:10px 0 10px 0px; display:none}

.support{ overflow:hidden;  padding:10px 0 10px 0 ; margin:5px ;  text-align:center; border-bottom:1px solid #d4e6f2; line-height:30px }

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

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

.support p{ overflow:hidden; margin:0px 0 0 0px;   text-align:center; color:#444444; }







.support:last-child{ border:none }

.support p span{ font-weight:bold; text-transform:uppercase; color:#dd0e2a }

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



.counter{  overflow:hidden;  padding:10px }

.counter p{ line-height:25px;  overflow:hidden;  text-align:left; }



.counter p label{ display:inline-block;width:100px}

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





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

.list-nganh{ overflow:hidden; }

.list-nganh .item{width:210px; overflow:hidden; float:left; margin:0 23px 0 0px}

.list-nganh .item3{ margin-right:0}

.list-nganh img{ height:145px;width:100%; margin:0 0 10px 0}

.list-nganh h4,.list-nganh h3{ text-align:center; margin-bottom:10px}

.list-nganh h4 a,.list-nganh h2 a{ color:#2282bf; font-size:12px}

.list-nganh .sapo{ line-height:22px;}

.list-nganh .clear3{ height:30px; clear:both}

.otherNews{ overflow:hidden}

.otherNews .top{ line-height:30px; text-transform:uppercase; font-weight:bold; margin-bottom:10px; color:#2183c0; clear:both}

.otherNews li{ display:block; background:url(../images/bullet2.png) left 7px no-repeat; padding-left:10px; line-height:20px; margin-bottom:6px}

.otherNews a{ color:#2183c0; font-size:13px}

.otherNews ul{width:50%; overflow:hidden; float:left; border:0px solid}

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

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

.block-right{ overflow:hidden;  margin-bottom:10px; border:1px solid #ededed; padding:10px}

.block-right img{max-width:180px; margin:10px 0 10px 0; max-height:220px}

.block-right marquee{ margin:15px 0 0 0; text-align:center;}

.productRight li{ overflow:hidden; margin:10px 5px 15px 5px; border-bottom:1px dotted #CCC; }

.productRight li .name{ text-transform:uppercase}

.productRight li .price{ color:#0d6408}

.productRight li{ line-height:25px; font-weight:bold}

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

.main-content{overflow:hidden; float:right;margin:0px 0px 0 0px;width:707px; text-align:left;}



.list-product{overflow:hidden; margin:10px 0 20px 0; border:1px solid #ececec; padding:10px}

.list-product .item{overflow:hidden; width:260px;  float:left; margin:0 30px 0 0; border:1px solid #ececec; position:relative; text-align:center; }

.list-product .img:hover{ border:0px solid red;}

.item-hover{ display:none; position:absolute; top:0; left:0;width:calc(100% - 20px); padding:10px; height:calc(100% - 20px); line-height:18px; color:white; background:url(../images/opacity.png); text-align:left}

.list-product .item:hover .item-hover{ display:block}

.list-product-home .item{width:170px; margin:0 7px 15px 7px; height:320px; }

.list-product-home .img,.list-product-home img{ height:215px}

.list-product-home .last{ border:0px solid red; float:left !important}

.list-product .sale{ position:absolute; top:0; left:0; z-index:2; background:url(../images/bg-sale.png) center no-repeat;width:99px; height:57px; text-align:left }

.list-product .last{ float:right; margin-right:0px; margin-left:0  }

.list-product .img {text-align:center;overflow:hidden; height:235px; margin-bottom:10px; padding:5px 0 5px 0; position:relative;  }

.list-product .img img{  height:233px; margin:0px 0 0 0}

.list-product p{line-height:25px; }

.list-product p.name{ /*min-height:40px; line-height:20px*/}

.list-product p.price { color:#fd0100; font-weight:bold; font-size:14px}

.list-product .price-old {font-size:12px; text-decoration:line-through; font-weight:normal !important}

.list-product .clear4{ height:30px; clear:both}

.item-hover .detail{ text-align:center; line-height:30px}

.item-hover .detail a{ background:#00bf33; padding:6px 12px 6px 12px; color:white; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}

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

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

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

#frmLogin{ margin:5px}

#frmLogin input{width:180px; padding:1px}

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

#frmLogin .error{ color:red; margin-left:120px}

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

#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 ****************************************************************/

.block-footer{ background:#2183c0; padding:20px 0 20px 0; overflow:hidden}

.block-footer table{width:100%}

.block-footer table td{ overflow:hidden;width:25%; }

.block-footer li{ display:block; background:url(../images/bullet.png) left center no-repeat; padding-left:13px; line-height:25px; text-align:left}

.block-footer a{ color:#a4dcfd; text-decoration:underline}

#footer{ overflow:hidden; text-align:center;  margin:auto; margin:0px 0 0px 0; clear:both; background:#FFF; color:#696969 !important}

.footer{text-align:left; margin:auto auto 20px auto; line-height:22px;  padding:20px 5px 0px 5px; overflow:hidden }
.footer h1{ display:inline}
.footer a{ color:white}

.footer .box1{ overflow:hidden;width:600px; border:0px solid; float:left; max-width:100%}

.footer .box1 td{ vertical-align:top}

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

.footer .box h4{ text-transform:uppercase; margin-bottom:5px; color:#000}

.footer .box3{ float:right; margin-right:0;width:300px}

.footer .box h4{ text-transform:uppercase; margin-bottom:5px; color:#000}

.socia{ overflow:hidden; float:right; }

.footer .box h4{ text-transform:uppercase; margin-bottom:5px; color:#000}

 .socia img{ margin:0 !important; height:auto !important}

.title-ft{ font-size:19px; line-height:30px; margin-bottom:10px; border-bottom:1px solid}

#footer .copyright{ height:45px; line-height:45px;  text-align:center; color:white; clear:both}

#frmNewsletter{ overflow:hidden; margin-bottom:15px}

#frmNewsletter .label{ background:url(../images/icon-email2.png) left center no-repeat; padding-left:60px; line-height:18px; margin-bottom:10px}

#frmNewsletter input{ float:left; border:none}

#frmNewsletter #txtEmail{width:190px; height:26px; line-height:26px; padding:3px; background:#ececec}

#frmNewsletter #btnSent{ width:100px; text-align:center; line-height:32px; cursor:pointer; border:none; background:#FFF;  color:#333333}

.menuFooter{ overflow:hidden; height:32px;  line-height:32px; background:#f38732; }

.menuFooter ul{ overflow:hidden; height:40px;width:100%}

.menuFooter li{ float:left; text-align:center;  overflow:hidden; padding:0 20px 0 20px ;  color:white; text-transform:uppercase}

.menuFooter li:last-child{ background:none; }

.menuFooter li a{ color:white; font-weight:bold}



.paging{ overflow:hidden; margin:15px 0 20px 0; font-size:12px; clear:both; text-align:right; padding:0; }

.paging  a,.paging .curent{  display:inline-block;  padding:5px;   }

.paging .curent {  color:red !important;  margin:0}

.paging  a:first-child{ }

.paging .next { }



.paging .pre {}





#lbOverlay {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer;}







#lbCenter, #lbBottomContainer {	position: absolute; z-index: 9999; overflow: hidden; background-color: #fff;}







.lbLoading {background: #fff url(../images/loading.gif) no-repeat center;}







#lbImage {position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }







#lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 50%; outline: none; }







#lbPrevLink {left: 0;}

#lbPrevLink:hover {	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;}

#lbNextLink {right: 0;} 

#lbNextLink:hover {	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;}







#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none;}







#lbCloseLink {display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }







#lbCaption, #lbNumber {margin-right: 71px; }







#lbCaption {font-weight: bold;}	







.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; border:1px solid #c4e1f3; padding:10px  }



.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{ height:30px; line-height:30px; margin:10px 0 10px 0}

.breadcrumb li{ float:left; color:#253372; }

.breadcrumb li a{color:#333333}

/************************* 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}











.img-product{width:500px;  float:left; margin:0px 0 10px 0; overflow:hidden; text-align: center; border:0px solid #dcdcdc; padding:3px}

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







.img-product .thumb{ overflow:hidden; margin:15px 0 10px 0; border:0px solid #f0f0f0; padding:6px}



.img-product .thumb img{ height:60px; padding:4px; float:left; margin:5px; border:1px solid #ececec}







.info-product {width:510px; padding:0px;margin:0px 0 0px 0px; overflow:hidden; float:right;  position:relative; line-height:30px; font-size:14px }





.info-product h3{   margin-bottom:5px; font-size:19px; font-weight:normal; color:#303030 }

.info .intro{ line-height:25px}

.info-product p.price{ color:#fb0103; font-size:19px; margin-bottom:10px; font-weight:bold }

.info-product p.price-old{ text-decoration:line-through; font-size:12px}



.info-product .promotion{ padding:10px; border:1px solid #ececec;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; line-height:23px; margin-bottom:15px}

.info-product .sapo{ overflow:hidden; line-height:23px;}

.color-pro{ overflow:hidden; margin:10px 0 10px 0}

.color-pro span{ float:left;width:22px; height:20px; margin:0 10px 0 0; cursor:pointer}

.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}

.box-border{ overflow:hidden; border:1px solid #ececec; padding:10px}

.top-box{ background:#f26722; color:white; width:220px; text-transform:uppercase; text-align:center; line-height:35px; clear:both; margin:10px 0 10px 0}





.tabs{ overflow:hidden; clear:both; height:30px; line-height:30px; text-transform:uppercase; font-weight:bold; border-top:1px solid #8b8b8b; background:#f8f8f8; margin-bottom:10px}



.tabs li{ padding:0 20px 0 20px; display:inline; float:left; margin-right:5px}



.tabs a{ color:#0dad05}



.tabs .active{ background:#c7c7c7;}



.tabs .active a{ color:#FFF}



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



#frmOrder{ overflow:hidden; margin:10px 0 10px 0}



#frmOrder #quantity{width:100px; height:26px; border:1px solid #CCC}

#frmOrder label{ float:left; margin-right:10px; font-weight:bold; line-height:28px}

#frmOrder input{ float:left}.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}

.bg-news{ background:#eeeeee; padding:40px 0 40px 0; margin:0 0 40px 0; overflow:hidden}

.newsHome{ overflow:hidden; padding:10px; line-height:20px; display:none}

.newsHome .first{ overflow:hidden;width:400px; float:left; border:0px solid; margin:0 20px 0 0}

.newsHome img{width:170px; height:125px; float:left; border:1px solid #c9e5f3; margin:0 10px 0 0}

.newsHome a{ color:#2282bf; font-weight:bold}

.newsHome h4{ margin-bottom:10px}

.newsHome .second{ background:url(../images/bullet2.png) left 8px no-repeat; padding-left:12px; line-height:20px; margin:0 0 10px 0; border:0px solid; overflow:hidden}

.ykhv{ line-height:41px; background:url(../images/bg-tab.png) center no-repeat; text-transform:uppercase; color:white; font-weight:bold; text-align:center; font-size:14px; margin-bottom:20px}

.slide-news{ overflow:hidden; border:0px solid; margin-top:10px;width:100% !important; height:190px; overflow:hidden; padding:0 !important}

.slide-news ul{ padding:0 !important; margin:0; overflow:hidden; border:0px solid red}

.slide-news li{ overflow:hidden;width:48%; display:inline; float:left; height:190px; border:0px solid; text-align:left; line-height:20px; margin:0 1% 0 0%}

.slide-news li img{width:190px; height:190px; border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%; float:left; margin:0 20px 0 0}

.slide-news li h4{ font-size:16px; color:#217bb7; margin-bottom:10px}

.slide-news li a{ color:#217bb7}

.slide-news .next,.slide-news .pre{width:49px; height:49px; cursor:pointer; position:absolute; top:70px; z-index:999; cursor:pointer; border:0px solid}

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

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

.gmap{overflow:hidden; margin:10px 0 20px 0}

.gmap iframe{width:100% !important}

.contact-info{ overflow:hidden;width:350px; float:right; line-height:25px; text-align:left}



#frmContact { margin:0px 0 0 0px; overflow:hidden;  text-align:center}







#frmContact span{ color:red}





#frmContact p { overflow:hidden; margin:10px 0 10px 0; clear:both}







#frmContact p label {  width:270px; float:left; font-size:12px; text-align:right; margin-right:10px}







#frmContact p input,#frmContact p select {width:300px; height:22px; border:1px solid #e6e6e6; padding:2px; float:left}

#frmContact p select { padding:5px; height:auto;width:305px}

#frmContact textarea{ width:300px; height:70px;border:1px solid #e6e6e6; padding:2px; float:left}







#frmContact .note{font-size:13px; font-weight:normal; line-height:20px; font-family:Tahoma, Geneva, sans-serif; color:#056e97; margin-bottom:15px }





#frmContact #reset{width:96px; height:32px; border:none; background:url(../images/reset.png)}



#frmContact .error{ color:red !important; font-size:12px; }







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





 #frmContact .btn input{ width:auto; height:auto; padding:0; border:none; outline:none; cursor:pointer  }







.link-socia{ overflow:hidden; text-align:right; height:32px;width:200px; float:right}







.socia p{ overflow:hidden; line-height:35px}







.link-socia img{  margin:0 10px 0 0px; height:30px}

.news-right{ overflow:hidden; margin:10px; text-align:justify}







.news-right img{ float:left;width:80px; margin:3px 5px 0 0; border:1px solid #CCC; padding:1px}







.news-right a{ color:#0699a0}







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







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





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



.back-top{ position:fixed; bottom:40px; right:10px; background:#dddddd; padding:6px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}

.view-more{ line-height:30px; text-align:right}

.view-more a{ color:#0e50a4; font-weight:bold}

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



.title-home{ text-transform:uppercase; font-weight:bold; font-size:19px; color:#1f83c1; line-height:40px; margin:10px 0 20px 0; overflow:hidden; background:url(../images/line3.png) center repeat-x}

.title-home span{ display:inline-block; background:url(../images/bg-box.png) center; padding:0 20px 0 20px}



.introHome{ overflow:hidden; line-height:23px; text-align:center; margin:40px auto 40px auto; padding-bottom:40px; color:#555555}



.introHome h4 a{ font-size:15px; color:#555555; text-transform:uppercase; }



.introHome h4{ margin:10px 0 10px 0; text-align:center; line-height:20px; min-height:40px}



.introHome li{width:calc(25% - 30px); float:left; padding:15px; }

.introHome li p{ text-align:left}

.introHome img{ -webkit-transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}

.introHome img:hover{ -webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  -o-transform:scale(1.1);   }

.newsHome2{ overflow:hidden;width:350px; float:left; border:0px solid} 

.newsHome2 li{ display:block; padding:10px 0 10px 0; line-height:23px; border-bottom:1px solid #c1c1c1; text-align:left}

.newsHome2 li a{ text-transform:uppercase; font-size:15px; color:#666666}

.newsHome2 li a{ color:#333333}

.bg-box{ overflow:hidden; background:url(../images/bg-box.png); padding:20px}

.gallery-video{ overflow:hidden; border:0px solid}

.gallery-video .gallery{width:550px; overflow:hidden; float:right}

.gallery-video .gallery img{width:167px; height:107px; float:left; margin:0px 16px 20px 0px}

.gallery-video .gallery img:hover{opacity:0.8}

.gallery-video .video{width:395px; overflow:hidden; float:left; border:0px solid}

.gallery-video iframe{width:100% !important; height:236px !important}

.tab-project-fixed{ position:fixed; top:0; left:0; z-index:999;width:100%}

.tab-project-fixed .tab-project{width:1170px; margin:auto; max-width:100%; border-bottom:none }

.tabs-nganh-dt{ overflow:hidden; background:#d9dbce; margin-bottom:20px}

.tabs-nganh-dt ul{ overflow:hidden; }

.tabs-nganh-dt li{ display:inline-block; float:left; line-height:40px;  padding:0 0px 0 0px;  border-right:2px solid #FFF;width:calc(33% - 2px); text-align:center; text-transform:uppercase; font-size:13px}

.tabs-nganh-dt .active{ background:#095419}

.tabs-nganh-dt .active a{ color:white}

.tabs-nganh-dt li:last-child{ border:none}

.tabs-nganh-dt li a{ color:#095419}

.content-tab{ overflow:hidden; line-height:25px; display:none}

.content-tab img,.content-tab iframe{ max-width:100%}



.newsRight{ overflow:hidden; border:1px solid #b4b4b4; padding:10px}

.newsRight .top{ text-align:center; line-height:30px; text-transform:uppercase; font-size:15px; padding-bottom:5px; border-bottom:1px solid #b4b4b4; margin-bottom:15px; font-weight:bold}

.newsRight li{ overflow:hidden; display:block; margin-bottom:30px; border:0px solid; line-height:22px; text-align:left}

.newsRight .img{width:150px; height:110px; float:left; position:relative; margin:0 15px 0 0; overflow:hidden}

.newsRight  img{ width:100%; height:100%; }

.newsRight  h4{ font-size:13px; line-height:19px; }

.newsRight  a{ color:#333333; text-transform:uppercase}

.newsRight .detail{width:100%; height:100%; line-height:110px; text-align:center; position:absolute; top:0; left:0;background:rgba(180,144,92,0.7); display:none}

.newsRight .img:hover .detail{ display:block}

.newsRight .detail a{ background:rgba(255,255,255,0.8); padding:5px 10px 5px 10px; color:#000; border:2px solid #f0e4ce;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; font-weight:bold}

#frmContactRight{ overflow:hidden; margin-bottom:40px}

#frmContactRight input,#frmContactRight textarea{ border:1px solid #b4b4b4; padding:5px; background:#ececec; color:#555555;width:calc(100% - 12px); height:24px}

#frmContactRight textarea{ height:100px}

#frmContactRight p{ overflow:hidden; text-align:center; margin:10px 0 10px 0}



.otherPorject{ margin:20px 0 0 0; border-top:1px solid #b4b4b4; padding-top:20px; display:block; clear:both; float:left}



.share-news{ overflow:hidden; border-bottom:1px solid #b2b2b2; margin:20px 0 10px 0; text-align:right; line-height:30px}

.share-news span{ float:right; background:#ececec; padding:0 5px 0 5px; border:1px solid #b2b2b2; border-bottom:none; margin-left:20px; height:42px}

.box-content{ overflow:hidden; line-height:25px; text-align:left}

.box-content img{ max-width:100%; height:auto !important}





.cate-news{ overflow:hidden; background:url(../images/line1.png) repeat-x; height:42px}

.cate-news ul{ overflow:hidden; background:url(../images/bg-tab-home.png) left top no-repeat; padding-left:42px}

.cate-news li{ display:inline-block; float:left; text-transform:uppercase; height:42px; line-height:42px; border:0px solid; background:url(../images/line2.png) right center no-repeat; padding: 0 40px 0 0}

.cate-news a{ color:white; }

.cate-news li:hover,.cate-news .active{ background:url(../images/tab-active.png) left center no-repeat ; background-size:100% 100%; padding-left:42px; margin-left:-42px}

.cate-news li:last-child{}

.news-item{ overflow:hidden; margin: 0 0 30px 0; line-height:22px}

.news-item img{ float:left;width:200px; margin:0 10px 0 0}

.news-item h4{ font-size:12px; margin-bottom:10px}

.news-item a{ color:#2183c0}

.frmDK h3{ background:#1d7ab3; color:white; text-align:center;  line-height:45px; font-size:14px; text-transform:uppercase}

.frmDK #frmContact{ border:1px solid #c4e0f5; }

.video-dt{ overflow:hidden; text-align:center; margin:10px}





.show-album{ overflow:hidden; position:absolute; top:0; left:0; z-index:9999; background:rgba(0,0,0,0.9);width:100%; height:100%}



.popup-slide{width:800px; margin:50px auto auto auto; position:relative; border:0px solid #3e4653; padding:15px; ; background:#FFF}

.popup-slide .close{ position:absolute; top:-35px; right:0;width:66px; height:22px;  padding:3px 5px 3px 5px; background:#FFF url(../images/closelabel.gif) center no-repeat; cursor:pointer; z-index:2}



.slide-gallery{ overflow:hidden;width:100%;  border:0px solid red}

.slide-gallery li{ display:inline; float:left; height:450px;width:100%; text-align:center}

.slide-gallery li img{ height:450px}

.thumbs-slide{ overflow:hidden;  border:0px solid red; margin:15px 0 0 0}

.thumbs-slide img{ height:60px;width:90px;  margin:5px 5px 5px 5px; border:2px solid #FFF}

.thumbs-slide .thumbActive img{ border:2px solid #048bc6}





.slide-gallery .btn-pre,.slide-gallery .btn-next {width:48px; height:48px; cursor:pointer; border:0px solid; z-index:999999 !important; position:absolute; top:40%;/*-webkit-transition-duration: 0.3s;  -moz-transition-duration: 0.3s;  -o-transition-duration: 0.3s;*/}







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



/*.slide-gallery .btn-pre:hover {background:url(../images/btn-pre-hover.png)  center no-repeat}*/





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

/*.slide-gallery .btn-next:hover {background:url(../images/btn-next-hover.png)  center no-repeat}*/





.list-album{ overflow:hidden; padding:20px 0 20px 0}

.list-album .item{width:300px; margin:0 20px 0 20px ; float:left; border:0px solid; overflow:hidden}

.list-album img{width:100%; height:180px; margin-bottom:10px; cursor:pointer}

.list-album .name{ text-align:center; color:#1a75ae; font-weight:bold}

.list-album  .clear2{ height:30px; clear:both}



.list-nganh img:hover,.newsHome img:hover,.news-item img:hover,.slide-news img:hover{opacity:0.7}



.bg-popup{ overflow:hidden; position:absolute; top:0; left:0;width:100%;height:100%; background:#000; opacity:0.5;z-index:9999}





.popup{width:800px;  overflow:hidden; background:#FFF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; position:relative; position:fixed; top:100px; left:50%; margin-left:-410px; padding:10px; z-index:9999; text-align:center}

.popup img{ max-width:100%}







.popup .close{width:66px; height:22px; position:absolute; top:2px; right:2px; background:url(../images/closelabel.gif); 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}





@media screen  and (min-width: 859px){

.show-menu,.tags2{ display:none}

.menuTop{ display:block !important}

}



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



body{ border:0px solid red;}

.wrapper{width:860px}

.main-content{width:620px;}

.left-content{width:230px}

.menuTop { border:0px solid}

.menuTop li{ margin-right:1px}

.menuTop li a{ padding:0 4px 0 4px; font-size:12px; font-weight:normal}



.list-nganh .item{width:250px; margin:0 20px 0 20px !important; border:0px solid}

.list-nganh img{ height:175px}

.list-nganh .clear3{ display:none}

.list-nganh .clear2{ clear:both; height:30px}

.newsHome .first{ overflow:hidden;width:auto; clear:both; margin-bottom:20px}

.newsHome .second{width:auto}

.gallery-video{ padding:0;width:100% }

.gallery{width:500px !important; border:0px solid; }

.gallery img{width:140px !important; height:90px !important}

.gallery-video .video{width:280px}

.gallery-video iframe{ height:200px !important}



}

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



body{ border:0px solid red; background:none  }

.left-content,.bg-popup,.popup{ display:none}

.main-content{width:100%; float:none}

#header .ct{ margin-top:0}

#header .frmSearch{ margin-bottom:5px}

#header .banner{ margin-bottom:5px}

.menuTop{  line-height:40px; background:#2685be;  height:auto;width:300px; max-width:100%; z-index:99999; padding:10px 0px 10px 0px; display:block; overflow:hidden; display:none; margin:0; position:absolute; top:130px; right:0}





.menuTop li{ display:block; float:none;width:100%; border-bottom:1px solid #FFF; text-align:left; text-transform:uppercase;  overflow:hidden; background:none !important; padding:0; }

.menuTop li ul{ display:block !important; margin:0px 0 0 0; position:static; height:auto;width:100%; visibility:visible !important; padding:0; background:none; border:none   }

.menuTop li li{ text-transform:none; padding-left:20px; background:none !important;width:100%}

.menuTop li  a{  border:none !important;width:100% !important; padding:0}



.menuTop li li:first-child{ border-top:1px solid #FFF}



.menuTop  li:last-child{ border:none !important}



.menuTop li a{ color:#FFF; font-weight:bold; margin-left:15px; background:none !important}



.show-menu{ overflow:hidden; clear:both;width:100%; text-align:right; margin:0px 0 5px 0;  background:#2685be; line-height:35px}

.icon-menu{width:40px; height:24px; background:url(../images/icon-menu.png) left center no-repeat; padding:0 3px 0 40px; text-transform:uppercase;  cursor:pointer; font-size:14px; color:white}



.gallery-video .video,.gallery-video .gallery{width:100%; clear:both; text-align:center; float:none}

.footer .box1{width:100%}

.footer .socia{ float:none; clear:both}

}

@media screen and (min-width:700px) and (max-width: 859px){

body{ border:0px solid red;}

#wrapper,.wrapper{width:700px; margin:auto}

.main-content{width:100%}

.right-content{ display:none}

.menuTop { border:0px solid}

.menuTop li{ margin-right:1px}

.menuTop li a{ padding:0 10px 0 10px; font-size:14px}

.gallery-video iframe{width:400px !important}

.gallery-video  img{width:200px !important; height:150px !important}

}



@media screen and (min-width:500px) and (max-width: 699px){

body{ border:0px solid red;}

.top-header .socia{ display:none}

#wrapper, .wrapper{width:500px; margin:auto}

.right-header{ position:static;width:100%; clear:both; margin-top:5px}

.right-header .frmsearch{ float:right; clear:none !important}

.right-header .ct{ float:left !important; clear:none !important; line-height:40px}

.right-header .email{ display:none}



.list-nganh .item{width:200px; margin:0 15px 0 15px !important; border:0px solid}

.list-nganh img{ height:145px}

.list-nganh .clear3{ display:none}

.list-nganh .clear2{ clear:both; height:30px}

.cate-news { height:auto}

.cate-news ul{ padding:0}

.cate-news li{ display:block;width:100%; float:none; background:#2183c0 url(../images/bg-tab-home.png) left center no-repeat; padding:0 0 0 45px; margin-bottom:2px}

.cate-news li:hover,.cate-news .active{  background:#4fb891 url(../images/bg-tab-home.png) left center no-repeat; !important; padding:0 0 0 45px; margin-left:0}

.newsHome .first,.newsHome .second{ width:auto; float:none; clear:both; margin-bottom:10px}

.slide-news li{width:100%; height:160px}

.slide-news img{width:150px !important; height:150px !important}

.gallery-video iframe{width:400px !important}

.gallery-video img{width:200px !important; height:145px !important; margin:15px 15px 15px 15px !important}

.tabs-nganh-dt li { text-transform:none; font-size:12px}

#frmContact label{width:100px !important; float:left !important; margin-right:0}

#frmContact input{float:none}

.news-item img{width:150px !important}

.block-footer table td{ overflow:hidden;width:48%; display:block; border:0px solid; float:left}





}



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

body{ border:0px solid red;}

#wrapper, .wrapper{width:98%; margin:auto}

.right-header{ position:static;width:100%; clear:both; margin-top:5px}

.right-header .frmsearch{ float:right; clear:none !important}

.right-header .ct{ display:none}



.list-nganh .item{width:48%; margin:0 1% 0 1% !important; border:0px solid}

.list-nganh img{ height:105px}

.list-nganh .clear3{ display:none}

.list-nganh .clear2{ clear:both; height:30px}

.cate-news { height:auto}

.cate-news ul{ padding:0}

.cate-news li{ display:block;width:100%; float:none; background:#2183c0 url(../images/bg-tab-home.png) left center no-repeat; padding:0 0 0 45px; margin-bottom:2px}

.cate-news li:hover,.cate-news .active{  background:#4fb891 url(../images/bg-tab-home.png) left center no-repeat; !important; padding:0 0 0 45px; margin-left:0}

.newsHome .first,.newsHome .second{ width:auto; float:none; clear:both; margin-bottom:10px}

.newsHome .first img{width:100px !important; height:70px !important}

.slide-news li{width:100%; height:150px}

.slide-news img{width:100px !important; height:100px !important}

.gallery-video iframe{width:250px !important; height:180px !important}

.gallery-video img{width:46% !important; height:105px !important; margin:15px 2% 15px 2% !important}

.tabs-nganh-dt li {width:100%; display:block; text-align:left; border-bottom:1px solid #FFF; padding-left:10px}

#frmContact{ border:none !important}

#frmContact label{width:100% !important; float:left !important; margin-right:0; text-align:left !important; clear:both; display:block}

#frmContact select,#frmContact textarea,#frmContact input{float:left !important;width:200px !important}

.news-item img{width:100px !important}

.otherNews ul{width:100%; float:none}



.block-footer table td{ overflow:hidden;width:100%; display:block }

}