/* CSS Document */







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

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

}
@font-face {
  font-family: 'Roboto Light';
  src:  url(../font/Roboto-Light.ttf);

}
@font-face {
  font-family: 'Roboto Thin';
  src:  url(../font/Roboto-Thin.ttf);

}
@font-face {
  font-family: 'Roboto Regular';
  src:  url(../font/Roboto-Regular.ttf);

}*/




*{ margin:0; padding:0;}







body{ margin:0; padding:0; font-family: "Times New Roman", Times, serif; font-size:14px;  text-align:center; background: url(../images/bg-top.png) top repeat-x ; position:relative; color:#313131}







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:16px 35px 16px 35px !important; background:#EBBC26; color:white; font-weight:bold; cursor:pointer; border:none !important; text-transform:uppercase} 







.title-block{ text-align:center;  font-size:17px; line-height:40px; margin:0px auto 10px auto; text-transform:uppercase; background:#006BBB;  color:white}











h3.title, h1.title{ font-weight:normal; font-size:17px; color:white}











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

.short{width:180px}





div.title{   text-align:left;  font-size:25px; line-height:40px; margin:0px auto 20px auto; text-transform:uppercase; background:#006BBB;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; padding-left:15px}







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

.wrapper{width:1170px; margin:auto}





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



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







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







#header .banner{ overflow:hidden; border:0px solid; float:left; height:110px}







.banner img{}
.top-header{ height:45px; line-height:45px;overflow:hidden; overflow:hidden; border:0px solid }

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



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

.lang img{  margin-left:5px}




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


.menuTop .home a{ display:inline-block; background:url(../images/menu-home.png) center no-repeat;width:24px; height:35px; overflow:hidden; border:0px solid}


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




.menuTop li:last-child{ }

.menuTop li a{ text-transform:uppercase; display:inline-block; padding:0 25px 0 25px ;}



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


.menuTop a:hover ,.menuTop li.active a,.menuTop li:hover a{ color:#FFF; background:#EBBC26}




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







.menuTop ul li ul{position:absolute; top:55px; left:0px;width:220px; z-index:99999; display:none; visibility:visible; padding-top:0px; background:#006BBB }







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



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







.menuTop ul li ul li{ text-align:left;  line-height:23px !important; padding:10px !important;  margin:0; border-top:1px solid #FFF; display:block; float:none; width:200px !important; position:relative; white-space:normal; font-size:13px}





.menuTop ul li ul li:hover{ background:#EBBC26}







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



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

.menuTop ul ul ul li{}

.menuTop ul ul ul li a:hover{ text-decoration:underline}

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



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}


.right-header{ overflow:hidden; float:right; margin:30px 0 0 0}
.right-header .hotline{ overflow:hidden; float:right; background:url(../images/hotline.png) left top no-repeat; padding:30px 0 0 0; line-height:30px; color:#FBA62F; font-weight:bold; font-size:16px}
.right-header .email{ overflow:hidden; float:right; background:url(../images/email.png) left top no-repeat; padding:30px 0 0 0; line-height:30px; color:#FBA62F; font-weight:bold; font-size:16px; margin:0 30px 0 30px}
.frmSearch{  overflow:hidden; float:right; margin:3px 0 0 0; border:1px solid #EFEFEF; padding:5px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}



#frmSearch{position:relative;}



#frmSearch input{ float:right}



#frmSearch p{ overflow:hidden; }







#frmSearch #keyword{ margin:0px 0px 0 0;  width:200px; border:0px solid #ff8a00; height:20px; outline:none }







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







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







#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 ; margin:0px auto 0 auto; overflow:hidden;position:relative; }















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















ul#category{margin:0px 0px 0px 0px; padding:10px }







ul#category li{ margin:0 0px 0 0px; line-height:25px; background:url(../images/bullet.png) left 18px no-repeat; padding:8px 0 8px 15px; border-bottom:1px  dotted #B6B6B6; font-size:17px}
ul#category li li{ font-size:15px}

#category ul{ margin:10px 0 0 0; border-top:1px dotted #B6B6B6 }




#category span{cursor:pointer; color:#FFF}







ul#category li:hover{ }







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







ul#category li a{ color:#3f3f3f; }

#category a:hover{ color:#006BBB}







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



.subCate{ overflow:hidden; position:absolute; top:0; left:280px;width:600px; background:#efefef; border-left:5px solid #7b7b7b; display:none; z-index:99}



.subCate ul{width:190px; border:0px solid; float:left; margin-right:10px} 

.subCate .top{ color:red; background:url(../images/icon-row2.png) left center no-repeat; padding-left:15px}

.subCate .chip{ float:right; margin:0}

.subCate ul li{background:url(../images/icon-row2.png) left center no-repeat !important; padding-left:15px !important; line-height:28px !important; text-transform:none; margin:0 0 0 10px !important; border-bottom:none !important}



.subCate ul li a{ color:#2b2b2b !important; text-transform:none !important}

.subCate ul li:hover{ }







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







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















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







.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{ overflow:hidden;  padding:15px;  text-align:center; border-bottom:1px dotted #BDBDBD; margin-bottom:15px }

.support:last-child{ border:none}





.support  img{ float:right; margin:5px  0 0  10px }







.support p{ overflow:hidden;  }



.support .name{ text-align:left; float:left; line-height:25px }

.support .cell{ color:#DF3A41}






/******************************** 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; margin:10px 0 10px 0}







.otherNews .item{ overflow:hidden;width:200px; float:left; border:0px solid; margin:0 20px 0 0; text-align:center; line-height:18px}

.otherNews .last{ float:right; margin:0}

.otherNews img{ height:135px; width:100%; margin-bottom:10px}

.otherNews p{ text-align:left}

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







.right-content{ overflow:hidden; width:288px; float:right; margin-right:15px }







.block-right{ overflow:hidden;  margin-bottom:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; border:1px solid #E5E5E5; background:url(../images/line.png) bottom repeat-x}







.block-right img{}







.block-right iframe{ width:255px !important; height:200px !important; margin:15px}







.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:830px; text-align:left; border:0px solid }







#content .main-content p.top{height:17px; background:url(../images/bg-top-block-2.png) center}







#content .main-content .middel{background:url(../images/bg-middel-block-22.png)1px top repeat-y; overflow:hidden; }















#content .main-content p.bottom{height:17px; background:url(../images/bg-bottom-block-2.png) center}







.main-content .block-home{overflow:hidden;width:656px; margin:5px 0 15px 0}







.main-content .block-home p.top{ height:15px; background:url(../images/bg-top-blck-content.png) top center no-repeat}







.main-content .block-home p.bottom{ height:15px; background:url(../images/bg-bottom-blk-content.png) bottom center no-repeat; }







.main-content .block-home .middel{ overflow:hidden; background:url(../images/bg-midel-blk-content.png) center repeat-y; padding:0 5px 10px 10px; line-height:25px !important}







.main-content .block-home p.read-more{ float:right; margin:5px 5px 0 0}







.main-content .block-home p.read-more a{color:#2995a4; }











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







.list-product .item{overflow:hidden; width:235px;  float:left; margin:0 35px 0 0; border:0px solid #dedede;  text-align:center; padding:0px 0px 0px 0px;}



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

.list-product .img {text-align:center;overflow:hidden; height:170px; margin:5px}

.list-product .img img{width:100%; height:170px; margin:0px 0 0 0}
.list-product img:hover{opacity:0.7}
.list-product p{line-height:25px; text-align:center }

.list-product p.name{}



.list-product .name a{ color:#3f3f3f; font-size:14px}



.list-product p.price { color:#eb0000; font-weight:bold; font-size:14px}
.list-product .clear3{ height:40px; clear:both}














.list-product .order{ text-align:center}







.list-product .order a{ background: url(../images/btn-buy.png) center no-repeat; display:inline-block;width:96px; height:26px}







.list-product .order a span,.product-item3 .order a span{ background:#ce3a52; color:white; padding:2px 10px 2px 10px; margin-left:5px}























/****************************** 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:auto; margin:20px 0 0px 0; clear:both; background:#272727; position:relative; z-index:0}







.footer{ text-align:left;   padding:0px 0px 2px 0px; color:#FFF ; position:relative; border:0px solid; overflow:hidden}

.top-footer{ overflow:hidden; text-align:left; color:white; margin:0 0 50px 0}

.top-footer .top{ font-weight:bold; font-size:19px; margin-bottom:10px }
.top-footer li{ display:inline; float:left;width:calc(33% - 100px);  padding:20px 0 15px 100px; font-size:15px; line-height:25px; min-height:85px}


.top-footer .ct{ background:#ebbc26 url(../images/address.png) 10px center no-repeat;width:calc(34% - 100px)  }

.top-footer .phone{ background:#f0c332 url(../images/icon-hotline.png) 10px center no-repeat; }



.top-footer .email{ background:#efc940 url(../images/icon-email.png) 10px center no-repeat; }


.footer .box{ overflow:hidden; float:left; }
.footer .box .top{ font-size:27px; margin-bottom:25px; line-height:35px; margin-top:5px}


.footer .box-ft{width:300px; overflow:hidden; float:left; margin:0 0px 0 0; border:0px solid; text-align:justify; line-height:25px}
.footer .box-ft img{ margin-bottom:15px}

.footer .fapage{width:300px}
.footer .box4{width:320px; float:right}
#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{ height:65px; line-height:65px; border:0px solid; text-align:center; overflow:hidden; clear:both}

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

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


.menuFooter{ overflow:hidden; width:340px; margin:0 20px 0 60px}


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


.menuFooter li a{ color:#c9c9c9; }



.copyright{ line-height:60px; text-align:center; text-transform:uppercase; border-top:1px solid #474747; clear:both; margin-top:20px; display:block; padding:15px 0 15px 0; float:left;width:100%}



.paging{  clear:both; text-align:center; margin:10px 0 20px 0; font-size:13px}







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







.paging  .num{padding:8px; font-size:12px; margin-right:6px; font-weight:bold}







.paging .curent {  color:red !important;padding:6px; font-weight:bold; margin-right:5px }















.paging .next { padding:6px 8px 6px 8px; font-weight:bold; margin-right:5px }















.paging .pre { padding:6px 8px 6px 8px; font-weight:bold; 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-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{ height:30px; line-height:30px; overflow:hidden; margin:10px 0 20px 0}

.breadcrumb ul{}





.breadcrumb li{ float:left; color:#3f3f3f;  font-size:12px;  padding:0 5px 0 0px}

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





.breadcrumb li a{color:#3f3f3f; }







/************************* 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{margin:0px 0px 20px 0; overflow:hidden; }







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



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

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



.info-product {width:550px;margin:0px 0 0px 0px; overflow:hidden; float:right;  position:relative; border:0px solid}



.info-product h3{ border:0px solid; margin-bottom:5px}







.info-product p{  font-size:12px;  line-height:23px; overflow:hidden; clear:both;}







.info-product .sapo{ line-height:22px}







.info .intro h3{ border-bottom:1px solid #d5d5d5}







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

.info-product .red{ color:red }







.info-product p label{}







.content-pro{ text-align:justify; line-height:25px; margin-bottom:30px}







.content-pro h3{font-size:13px; margin:0 0 15px 0px; padding:0 0 0px 0; line-height:25px;  display:block; color:#ff8a00; text-transform:none; border-bottom:1px solid #ff8a00} 



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





.map{width:600px; max-width:90%; overflow:hidden; margin:20px auto auto auto}
.img-ct{ float:left;max-width:590px}
#frmContact { margin:0px 0 0 0px;overflow:hidden; }







#frmContact span{ color:red}





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





#frmContact p label { float:left; width:170px; text-align:right; margin-right:10px}















#frmContact p input {width:450px; border:1px solid #DDD; padding:6px}



#frmContact textarea{ width:450px; height:100px;border:1px solid #DDD; padding:6px}



#frmContact .note{font-size:13px; font-weight:normal; line-height:20px; text-align:center }



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











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















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















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















 .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:#000; opacity:0.5;z-index:9999}







.popup{width:700px;  overflow:hidden; background:#FFF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; position:relative; position:fixed; top:50px; left:50%; margin-left:-360px; padding:10px; z-index:9999}
.popup img{ 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}







#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-news{ overflow:hidden}

.news-item{ overflow:hidden; margin:0px  0 40px 0; text-align:left; border:0px solid;}


.news-item img{width:230px; height:150px; float:left; margin:3px 15px 0 0}
.news-item img:hover{opacity:0.7}


.news-item h4{ margin:1px 0 10px 0; font-weight:normal; font-size:17px}



.news-item h4 a{ color:#3f3f3f; font-size:19px}



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

.info-post{ overflow:hidden; line-height:35px}
.info-post .date{ background:url(../images/date.png) left center no-repeat; padding-left:30px; color:#B6B6B6; float:left}


.info-post .view{ background:url(../images/view.png) left center no-repeat; padding-left:30px; color:#B6B6B6; float:left; margin-left:30px}


.news-item a:hover{ text-decoration:underline}
.detail { line-height:35px}
.news-item .detail a{ background:#d3251c; color:white; padding:8px 20px 8px 20px; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}














.box-partner{ overflow:hidden;width:370px; float:right; margin:0 0 0 0px; line-height:25px; border:0px solid}


.slide-partner{ overflow:hidden; height:250px}

.slide-partner ul{}







.slide-partner li{ display:inline; float:left; overflow:hidden; border:0px solid #CCC;  width:100%; height:250px; text-align:center; border:0px solid }







.slide-partner img{ height:70px; width:115px; margin:0 8px 10px 0; float:left}













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



.news-right img{ float:left;width:90px; height:65px; margin:0px 5px 0 0; border:0px solid #CCC; }



.news-right a{ color:#333; line-height:18px}



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



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



.slide-product{ overflow:hidden; width:100%; margin:0 0 20px 0}

.slide-product h3{ line-height:32px; background:#ff2200; color:white; text-transform:uppercase; font-weight:bold; padding-left:20px; width:160px; margin-bottom:15px; font-size:12px}

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

#slidePro{ height:172px;width:825px !important; margin:auto; float:left}

.slide-product li{ display:inline; float:left; margin:0 20px 0; height:170px; width:235px; text-align:center; overflow:hidden; border:1px solid #CCC}

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

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



/************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:absolute; top:0; right:-30px; width:auto; height:auto}


.bg-box1{ overflow:hidden; background:url(../images/bg-intro.png)  center no-repeat; padding:50px 0 50px 0; margin:40px 0 40px 0; min-height:350px}

.introHome{ overflow:hidden; line-height:23px;width:48%; float:left; text-align:left }

.title-home{  text-align:center;  font-size:36px; line-height:50px; margin:0px auto 30px auto; text-transform:uppercase; }
.color-white{ color:white}


.padding{ padding:15px}

.title-other{ line-height:25px; font-weight:bold; text-transform:uppercase; color:#777}

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



.read-more{ line-height:40px}

.read-more a{ padding:5px 20px 5px 20px; color:#167943; -webkit-border-radius:20px;-moz-border-radius:20px; border-radius:20px; background:#FFF}

.align-left{ text-align:left}

.newsHome{ overflow:hidden; line-height:23px; }


.newsHome img{ height:155px;width:calc(100% - 8px); border:4px solid #EFEFEF; margin:0 0 15px 0}
.newsHome img:hover {opacity:0.8}
.newsHome h4 a{ font-size:18px; }

.newsHome h4{ margin:0px 0 10px 0; font-size:17px; font-weight:normal; line-height:22px}

.newsHome .item{ overflow:hidden; border:0px solid;width:255px; float:left;  margin: 0 50px 0 0; text-align:left}
.newsHome .item4{ float:right; margin-right:0}
.newsHome  .sapo{ margin-bottom:25px}


.newsHome .detail a,.introHome .detail a{ background:#EBBC26; color:white; padding:15px 35px 15px 35px; text-transform:uppercase}
.pre-slide-news,.next-slide-news{width:19px; height:35px; float:right; cursor:pointer; border:0px solid; margin:10px 0 0 0}
.pre-slide-news{ background:url(../images/icon-pre.png) center no-repeat}
.next-slide-news{ background:url(../images/icon-next.png) center no-repeat}

.bg-box2{ overflow:hidden; padding:20px 0 20px 0; margin:40px 0 0px 0; background:#F1F1F1}
.menu-news2{ line-height:17px; text-transform:uppercase; text-align:center; font-size:17px; margin:20px 0 50px 0}
.menu-news2 li:first-child{ font-weight:bold; border-right:1px solid #CCC}
.menu-news2 li{ display:inline-block; padding:0 30px 0 30px;}
.newsHome2{ overflow:hidden;text-align:left; line-height:22px}
.newsHome2 h4{ font-size:17px; font-weight:normal; margin-bottom:10px}
.newsHome2 .item{ float:left;width:46%; overflow:hidden; }
.newsHome2 .item2{ float:right}
.newsHome2 .clear2{ clear:both; height:30px}
.newsHome2 .detail{ line-height:35px}
.newsHome2 .item img{width:115px; height:80px; float:left; margin:0 10px 0 0; border:3px solid #DBDBDB  }
.newsHome2 img:hover{opacity:0.7}
.slide-service{ position:relative; border:0px solid; overflow:hidden}
.slide-service .slideService {width:92% !important; margin:auto;}
.slide-service li{ overflow:hidden; display:inline; float:left;width:100%;  text-align:left; line-height:22px; margin-right:2px;  }
.slide-service .item{ overflow:hidden; border:0px solid;width:49%; text-align:left; float:left}
.slide-service .item2{ float:right}
.slide-service li .sapo{ margin-bottom:10px}
.slide-service li img{width:100%; height:215px; margin-bottom:10px}
.slide-service li img:hover{opacity:0.7}
.slide-service li h4{ margin-bottom:6px}
.slide-service li a{ font-size:14px; color:#404040}
.pre-slide-service,.next-slide-service{width:24px; height:43px; cursor:pointer; border:0px solid; margin:0px 0 0 0; position:absolute; top:42%; z-index:9}
.pre-slide-service{ background:url(../images/icon-pre2.png) center no-repeat; left:0}
.next-slide-service{ background:url(../images/icon-next2.png) center no-repeat; right:0}


.box-ft{ height:100px;width:1120px; line-height:100px; background:url(../images/bg-box-ft.png) center no-repeat; color:white; text-transform:uppercase; font-size:30px; margin:20px auto 10px auto}


.map-ft iframe{width:100% !important; height:250px !important}

.box-content{ overflow:hidden; line-height:25px}
.box-content img{ max-width:100% !important; height:auto !important}

.news-left .item{ overflow:hidden; margin-bottom:30px; line-height:22px}
.news-left .item img{width:100%; margin-bottom:15px}
.news-left .item h4{ font-size:19px; font-weight:normal; margin-bottom:7px}
.news-left .item h4 a{ color:#3f3f3f}


.lvhd{ overflow:hidden}
.lvhd li{ display:inline-block; float:left; text-align:center;width:20%;}
.lvhd img{ height:189px; margin: 0 0 20px 0}
.lvhd img:hover {opacity:0.8}
.lvhd h4 a{ font-size:16px; text-transform:uppercase; font-weight:normal}

.bg-box3{ overflow:hidden; background:url(../images/bg-box3.png) center center repeat-y; padding:30px 0 30px 0; margin:0px 0 60px 0 }
.gallery-home .title-home, .video-home .title-home{ text-align:left; color:white}
.gallery-home{width:48%; float:left; overflow:hidden}
.gallery-home img{width:175px; height:135px; margin:0 10px 10px 0; float:left}
.video-home{ overflow:hidden;width:48%; float:right}
.video-home iframe{width:100% !important; height:280px !important}
.listAlbum{ overflow:hidden}
.listAlbum .item{ overflow:hidden; text-align:center; width:48%; float:left}
.listAlbum .item2{ float:right}
.listAlbum img{ height:250px; width:100%; margin-bottom:20px}
.listAlbum iframe{ height:250px !important; width:100% !important; margin-bottom:20px}
.listAlbum .clear2{ clear:both; height:40px}
.listAlbum p{ line-height:25px; font-size:17px}

.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/icon-pre.png) center no-repeat}

.slide-gallery .next{ right:0px; background:url(../images/icon-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}
@media screen  and (min-width: 861px){
.icon-menu,.logo-mb,.menuTop2{ display:none !important}
.menuTop{ display:block !important}
.fixed-menu{ background:#F4FAEC; height:55px; width:100%; position:fixed; top:0; left:0; z-index:99}

.fixed-menu .menuTop{width:1170px; margin:auto}

}


@media screen and (min-width:1000px) and (max-width: 1169px){

body{ border:0px solid red;}
.wrapper{width:1000px}
.main-content{width:740px}
.right-content{width:240px}
.menuTop li a{ padding:0 15px 0 15px}

.newsHome .item{ margin:0 20px 0 0;width:230px}
.gallery-home img{width:150px}
.footer .fanpage{width:280px !important; margin:0 !important}
 .footer .box4{width:250px !important ; margin:0}


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

body{ border:0px solid red;}
.wrapper{width:820px}
.menuTop li a{ padding:0 18px 0 18px; font-weight:normal;  font-size:12px}

.main-content{width:100%}
.right-content{ display:none}
.menuTop li a{ padding:0 10px 0 10px}

.newsHome .item{ margin:0 20px 0 0;width:46%}
.newsHome .item2{ float:right}
.newsHome .clear2{ clear:both; height:30px}
.newsHome .item img{ height:200px}
.gallery-home img{width:120px; height:90px }
.video-home iframe{ height:200px !important}
.lvhd img{ height:130px}
.footer .box-ft{width:450px !important ; margin:0 !important}
.menuFooter{width:100% !important; margin:0 0px 0 0px !important; float:none !important }
.menuFooter li{ display:inline; float:left;width:50%}
.footer .fanpage{width:350px !important; margin:0 !important}
 .footer .box4{width:350px !important ; margin:0}

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

body{ border:0px solid red;   }
.wrapper{width:98%}
.right-content{ display:none}
.main-content{width:100%}
.logo-mb{ text-align:left}
.lang{ margin-right:50px}
.menuTop{ }

.menuTop{  line-height:40px; background:#006BBA;  height:auto !important;width:100%; max-width:100%; z-index:99999; padding:10px 0px 10px 0px;  overflow:hidden; margin-bottom:10px; display:none; }

.menuTop li{ display:block; float:none; border-bottom:1px solid #FFF; text-align:left; text-transform:uppercase;  overflow:hidden; background:none !important; padding:0 0 0 0px;width:100% }
.menuTop li  a{  border:none !important; background:none !important; padding:0; display:inline-block; font-weight:normal; color:white  !important;width:100%; margin-left:15px}


.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; }
.menuTop  li ul li a{width:100% !important}
.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:url(../images/icon-menu.png) left center no-repeat; text-transform:uppercase;  cursor:pointer; font-size:14px; color:#FFF; float:right; border:0px solid; display:block; margin:0px 5px 0 0;  position:absolute; top:3px; right:10px ; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; z-index:999}

.box-detail img{ max-width:100% !important; height:auto !important}
.top-footer li{width:100% !important; border-bottom:1px solid #FFF}
.footer .box-ft{width:46% !important ; margin:0 !important}
.menuFooter{width:100% !important; margin:0 0px 0 0px !important; float:right !important }
.menuFooter li{ display:inline; float:left;width:50%}
.footer .fanpage{width:46% !important; margin:0 !important}
 .footer .box4{width:46% !important ; margin:0}
.clear-ft{ clear:both; height:20px}
.bg-box1{ margin:20px 0 20px 0; background:#ECECEC; min-height:inherit}
.introHome{width:100%; min-height:inherit}
.newsHome .item,.list-news .item{width:100%; clear:both; margin:10px 0 20px 0}
.newsHome .item img,.list-news img{width:200px; height:auto; float:left; margin:0 15px 0 0}
.newsHome .detail,.introHome .detail{ display:none !important; border:0px solid}
.bg-box3{ background:#ECBC26}
.gallery-home,.video-home{width:100%; float:none; margin:10px 0 10px 0}
.gallery-home img{width:200px; margin:15px}
}
@media screen and (min-width:700px) and (max-width: 859px){
body{ border:0px solid red;}

.lvhd img{ height:100px}

}

@media screen and (min-width:501px) and (max-width: 699px){
body{ border:0px solid red;}
.right-header .email{ display:none}
.lvhd img{ height:100px}
.news-item img{width:150px; height:100px}
.info-post{ display:none}
#frmContact p textarea,#frmContact p input{width:250px }
.listAlbum img,.listAlbum iframe{ height:200px !important}
.menuFooter li{width:100%; display:block}
}

@media screen and (max-width: 500px){
body{ border:0px solid red;}
.breadcrumb{ display:none}
.right-header .email,.frmSearch,#header .address, .socia{ display:none}
.title-home{ font-size:21px}
.title h1.title,.title h3.title{ line-height:20px; padding:10px 0 10px 0}
.newsHome .item img{width:100px}
.newsHome .sapo{ display:none}
.newsHome2 .item{width:100%; margin-bottom:20px}
.newsHome2 .clear2{ display:none}
.newsHome2 .sapo{ display:none}
.menu-news2{ display:none}
.lvhd{ text-align:center}
.lvhd li{width:33%; display:inline-block;  padding:0}
.lvhd img{ height:100px}
.news-item img{width:100px;  height:60px; margin:0 8px 0 0}
.news-item .sapo{ display:none}
.gallery-home img{ height:100px;width:48%; margin:0 1% 5px 1%}
.info-post{ display:none}
#frmContact p label{width:80px}
#frmContact .error{ margin-left:90px !important}
#frmContact p textarea,#frmContact p input{width:150px }
.map{ display:none}
.listAlbum img,.listAlbum iframe{ height:100px !important}
.menuFooter li{width:100%; display:block}
#frmContact .left,#frmContact .right{width:98% !important; clear:both; float:none}
#frmContact  textarea{ float:left; height:80px}

.footer .box-ft,.menuFooter,.footer .fanpage,.footer .box{width:100% !important ; margin:0 0 15px 0 !important}

.slide-gallery { min-height:inherit; height:200px}
.slide-gallery li{ height:200px; min-height:inherit !important}
.copyright{ line-height:25px}
}