/* CSS Document */

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

*{ margin:0; padding:0;}

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

.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; padding:8px 20px 8px 20px !important; background:#a7d773; color:white; font-weight:bold; cursor:pointer; border:none !important;/*-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px*/} 

.title-block{ height:45px; line-height:45px; background:url(../images/bg-title-right.png) bottom center no-repeat;  font-size:23px; margin-bottom:5px}









h3.title, h1.title{font-size:22px;   text-align:left; padding:0 0px 0 0px;  text-transform:uppercase; font-weight:normal; color:#333333 }









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



.short{width:180px}











div.title{ height:40px; line-height:40px; overflow:hidden; padding-left:0px; margin-bottom:15px; text-transform:uppercase; border-bottom:0px solid #dddddd; background:url(../images/bg-title-ct.png) left bottom no-repeat; color:#0a9844; font-size:21px; }

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

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







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

.top-header{width:1000px; height:36px; margin:auto; line-height:36px; text-align:left; color:#FFF; border:0px solid}

.top-header .hotline{background:url(../images/icon-phone.png) left center no-repeat; padding-left:35px;  float:left;}

.hotline span{ }

.top-header .email{background:url(../images/icon-email.png) left center no-repeat; padding-left:35px;  float:left; margin-left:50px; border:0px solid }

 

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

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

.banner img{ max-width:1000px}

.menu-fixed{ position:fixed; top:0; left:0;width:100%; background:url(../images/bg-top.png) bottom repeat-x; border-bottom:0px solid #f37a21; z-index:999;  padding-bottom:10px}

.menu-fixed .logo-menu{width:1210px; margin:auto}

.menuTop{width:830px; float:right;height:64px; line-height:64px; border:0px solid; margin:30px 0 0 0; position:relative;width}





.menuTop ul{}



.menuTop li{ display:inline; text-align:center;  float:left ; text-align:center; white-space:nowrap;  text-transform:uppercase; position:relative}





.menuTop .home{width:30px; background:url(../images/icon-home.png) center no-repeat}

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





.menuTop li a{padding:0 13px 0 13px;color:white; display:inline-block}













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

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

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

.menuTop li ul{  position:absolute; top:64px; left:0;width:250px; background:#04ba4f; z-index:999; display:none}
.menuTop li ul li{ display:block; float:none;width:240px; padding:5px 0 5px 10px; line-height:25px; text-transform:none; text-align:left; font-size:14px; background:none !important; border-bottom:1px solid #FFF}
.menuTop li ul li a{ color:white; padding:0}

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}







#frmSearch{margin:4px 0px 0px 5px; position:relative;}







#frmSearch input{ float:right}







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

#frmSearch #keyword{ margin:0px 0px 0 0;  background:#565656; color:#FFF; padding:3px;width:230px; border:0px solid #ff8a00; height:23px; }

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

#frmSearch #btnSearch{  border:none; cursor:pointer;width:auto; width:50px !important; margin:auto; height:29px; line-height:29px !important; color:#333333; background:#565656 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;width:1000px; margin:0 auto auto auto; overflow:hidden;}



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



ul#category{padding:10px 10px 10px 10px; background:#04b94e;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}

ul#category li{ margin:0 0px 0 0px; line-height:35px;  border-bottom:1px solid #6bdd61; text-indent:13px; position:relative; background:url(../images/icon-row.png) left center no-repeat;}

ul#category li li{background:url(../images/bullet.png) 23px 11px no-repeat; text-transform:none; text-indent:18px}

ul#category li li li{background:url(../images/bullet.png) 39px 11px no-repeat; text-transform:none; text-indent:29px}

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

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

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



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



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

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

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

.product-right .name{  line-height:18px; text-align:center;}



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











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



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

.slideSupport .top{height:30px; color:white; line-height:30px; 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;  padding:10px 0 0px 0 ; margin:5px ;  text-align:center; }

.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;   line-height:20px; 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 10px 15px 80px; background:url(../images/counter.png) 10px center no-repeat; }

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



.counter p span{ text-align:right; margin-right:5px; float:right }

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





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

.otherNews{ overflow:hidden}

.otherNews p{ line-height:20px; margin:10px 0 0 0; background:url(../images/icon/icon-list-news.png) left center no-repeat; padding-left:20px}

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

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

.block-right{ overflow:hidden;  margin-bottom: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:left;margin:0px 0px 0 0px;width:685px; text-align:left;}



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

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

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

.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:135px; margin-bottom:10px; position:relative;  }

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

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

.list-product p.name a{ color:#343434; line-height:18px}

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



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

#footer{ overflow:hidden; text-align:center;   margin:20px 0 0px 0; clear:both; background:#06a548; color:#FFF; border-top:4px solid #cfcfcf}

.footer{text-align:left;width:1000px; margin:auto; line-height:22px;  padding:20px 10px 40px 10px; }

.footer a{color:#FFF}

.footer .right-ft{width:500px; overflow:hidden; float:right; line-height:25px; text-align:right}









.menuFooter{ overflow:hidden;width:400px; float:left }

.menuFooter ul{ overflow:hidden; }

.menuFooter li{ display:block; text-align:left; line-height:25px}

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

.menuFooter li a{ color:white;}

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

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





#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; }



.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:25px; line-height:25px;}

.breadcrumb li{ float:left; color:#7e7e7e; font-family:Verdana, Geneva, sans-serif; font-size:12px}

.breadcrumb li a{color:#7e7e7e}

/************************* 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:320px;  float:left; margin:0px 0 10px 0; overflow:hidden; text-align: center; border:1px solid #f0f0f0; padding:3px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}

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







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



.img-product .thumb img{ height:50px; float:left; margin:0 5px 5px 0; }







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





.info-product h3{   margin-bottom:15px; font-size:16px; color:#f47b22; line-height:22px }

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

.info-product p.price{ color:red; font-size:18px; margin-bottom:10px }

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



.info-product .sapo{ line-height:22px; margin-bottom:30px}



.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;   border-top:0px solid #8b8b8b; background:#f0f0f0; margin-bottom:10px}



.tabs li{ padding:0 8px 0 8px; display:inline; float:left; margin-right:1px; border-right:1px solid #FFF}

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



.tabs a{ font-size:14px}



.tabs .active{ background:#05b850;}



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

.newsHome{ overflow:hidden;}



.newsHome .item{ overflow:hidden; margin:20px 0px 10px 0px; padding:0px 0 0px 0; border-bottom:0px dotted #7d7d7d}

.newsHome .item:last-child{ border:none}



.newsHome .item img{ width:185px; float:left; margin:0 10px 5px 0; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}

.newsHome h4{text-align:left; line-height:18px;  font-size:14px; margin-bottom:6px}

.newsHome h4 a{ color:#f37a21}

.newsHome p.sapo{ line-height:18px; text-align:justify; margin-bottom:8px}

.newsHome p.news{ width:450px; float:right;  line-height:30px; background:url(../images/icon-row2.gif) left center no-repeat; padding-left:20px}

.newsHome  .detail a{ color:#7f7f7f}

#frmContact { margin:20px 0 0 0px}



#frmContact span{ color:red}



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



#frmContact p label { float:left; width:130px; font-size:12px}



#frmContact p input {width:300px; border:1px solid #dedede; padding:4px}



#frmContact textarea{ width:300px; height:100px;border:1px solid #dedede; padding:4px}



.content_page .note{font-size:12px; }



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



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



 #frmContact .btn{ padding-left:130px; }





 .note{ font-size:12px; font-weight:bold}

 

 .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); z-index:999; }

.popup{width:622px; height:580px;  overflow:hidden; background: url(../images/bg-popup-dh.png) center no-repeat;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; position:relative; position:fixed; top:80px; left:50%; margin-left:-311px;}

.popup .close{width:30px; height:30px; position:absolute; top:95px; right:65px;cursor:pointer; border:0px solid red}

.contentPopup{padding:10px; line-height:21px;margin:120px 120px auto 140px; border:0px solid; text-align:center}

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

.list-news51 .news-item{width:47%; float:left;}

.list-news51 .item2{ float:right}

.list-news51 img{ display:none}

.list-news51 .clear2{ clear:both; height:10px}

.news-item{ overflow:hidden; margin:20px 0px 10px 0px; padding:0px 0 0px 0; border-bottom:0px dotted #7d7d7d}



.news-item img{ width:185px; float:left; margin:0 10px 5px 0; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}

.news-item h4{text-align:left; line-height:18px;  font-size:14px; margin-bottom:6px}

.news-item h4 a{ color:#f37a21}

.news-item p.sapo{ line-height:18px; text-align:justify; margin-bottom:8px}

.news-item  .detail a{ color:#7f7f7f}







.list-partner{ overflow:hidden; height:70px; border-top:3px solid #e2e2e2; padding-top:8px}

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

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

.list-partner img{ height:66x; max-width:130px}



.list-news{ overflow:hidden; margin-bottom:10px}

.list-news .item{width:49%; float:left;}

.list-news .last{ float:right}

.list-news img{width:100px; height:90px; float:left; margin:3px 5px 0 0}

.list-news h4{ margin-bottom:5px}







.list-news a{ }









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







.slide-product{ overflow:hidden; width:100%; margin:0 0 10px 0;  border:0px solid; padding:0}

.slide-product .top{ line-height:30px; text-align:center;  color:#0d9845; font-size:21px; text-transform:uppercase; margin:10px 0 10px 0}

.slide-product ul{ border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; overflow:hidden;  height:150px}

.slide-product .btn-pre,.slide-product .btn-next{ height:170px; cursor:pointer;width:30px;  cursor:pointer}



.slide-product .btn-pre{ float:left; background:url(../images/btn-pre2.png) center no-repeat}



.slide-product .btn-next{ float:right; background:url(../images/btn-next2.png) center no-repeat}





.slide-product li{ display:inline; float:left; margin:13px 5px 5px 5px; height:120px; width:200px; text-align:center; overflow:hidden; border:0px solid #CCC; line-height:25px; position:relative}

.slide-product .img{ height:120px;}

.slide-product img{ height:120px; max-width:100%;}

.slide-product .name{ line-height:18px}

.slide-product .name a{ color:#7d7d7d}

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

.slide-product .price{ color:#ff2757; font-size:15px}

.slide-product .sale{ position:absolute; top:120px; right:-2px; width:55px; height:26px; background:url(../images/sale.png) center no-repeat}

.slide-product .quick-view{ position:absolute; top:110px; left:40px; display:block;width:100px; height:35px; line-height:35px; background:#03c11f; color:white; text-transform:uppercase;-webkit-border-radius:3px;-moz-border-radius:3px; cursor:pointer; display:none}

.slide-product  li:hover .quick-view{ display:block}

.bottom{ height:50px; line-height:50px; text-align:center; color:white; background:#224e9e}







/************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:#11c10b; color:white; text-transform:uppercase; padding-left:10px; margin-bottom:5px; font-weight:bold}



#tooltip .sapo{ margin:10px}







.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:14px; background:#f5f5f5; padding-left:10px; line-height:35px; margin:10px 0 10px 0}

.block-home{ overflow:hidden; margin:20px 0 20px 0}

.block-home .left{ overflow:hidden;width:48%; float:left}

.block-home .right{ overflow:hidden;width:48%; float:right}

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

.video-home{ overflow:hidden}

.video-home iframe{width:100%; height:250px !important}

#comment{ overflow:hidden; background:#f5f5f5; padding:20px 0 10px 0}

.comment .top{ font-weight:bold; text-transform:uppercase; font-size:18px; color:#04b94e; margin-bottom:15px; text-align:left}

.comment{width:1000px !important; margin:auto; overflow:hidden; height:250px;}

.comment li{ text-align:left; overflow:hidden;width:100%; display:inline; float:left}

.comment .btn-next,.comment .btn-pre{ position:absolute; top:48%; cursor:pointer; z-index:9; border:0px solid; width:23px; height:23px}

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

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

.comment .left{ overflow:hidden; line-height:22px; font-size:13px; float:left;width:750px; border:0px solid}

.comment .ct{ overflow:hidden; border:0px solid; margin:25px 50px 0 25px; }

.comment .open{width:55px; height:41px; float:left; background:url(../images/2-nhay-mo.png) left center no-repeat}

.comment .close{width:55px; height:41px; float:right; background:url(../images/2-nhay-dong.png) right center no-repeat}

.comment .right{ overflow:hidden; text-align:center; float:right;width:200px}

.comment .right img{ max-height:150px; max-width:100%; margin-bottom:10px}

.comment .name{ font-weight:bold; color:#d20e10; line-height:25px}

.comment .sapo{ color:#d30c0f;}

.cate-news{ text-transform:none; font-size:13px; color:#f37a21; margin-left:20px}

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

.intro li{ overflow:hidden}

.intro li h3{ text-transform:uppercase; font-size:25px; font-weight:normal; color:white; margin:20px 0 20px 0; text-align:center}

.intro .text{ overflow:auto;max-height:460px; margin:15px;  border:0px solid red; padding:10px; background: url(../images/opacity.png); color:white; line-height:23px; text-align:justify; font-size:14px; display:none;-webkit-transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}

.intro li:hover .text{ display:block;}



#frmFaq { margin:20px 0 0 0px}

#frmFaq .left{width:380px; overflow:hidden; float:left}

#frmFaq .right{width:580px; overflow:hidden; float:right}

#frmFaq span{ color:red}



#frmFaq p { overflow:hidden; margin:10px 0 15px 0; clear:both; border:0px solid}



#frmFaq p label { float:left; width:130px; font-size:12px}



#frmFaq p input {width:90%; border:1px solid #dedede; padding:5px; height:22px; line-height:22px;}



#frmFaq textarea{ width:90%; height:100px;border:1px solid #dedede; padding:5px}





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



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



#frmContact .btn{ padding-left:130px; }

.title-frm { line-height:35px; color:white; font-size:19px; padding-left:10px; background:#04b94e;width:250px; margin-bottom:15px}



.list-faq{ overflow:hidden;width:48%; float:left}

.list-faq .item{ overflow:hidden; margin:10px 0 20px 0; line-height:20px; text-align:left}

.list-faq .tit{ color:#04b94e; font-size:15px; cursor:pointer; margin-bottom:10px}

.list-faq .text{ border:1px solid #efeee6; padding:10px; background:#fcfcfc; margin:0 20px 0 20px; display:none}

.list-faq .active{ display:block}