/* CSS Document */





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





@font-face {



  font-family: 'UTM Neo Sans Intel';

  src:  url(../font/UTM-Neo-Sans-Intel.ttf);

 

}



@font-face {



  

  font-family: 'UTM Neo Sans Intel Bold';

  src: url(../font/UTM-Neo-Sans-IntelBold.ttf);

}

@font-face {



  

  font-family: 'UTM Avo';

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

}



*{ margin:0; padding:0;}







body{ margin:0; padding:0; font-family:UTM Neo Sans Intel; font-size:14px;  text-align:center;  position:relative; border-top:15px solid #c00000; background:url(../images/background.png);}



div{ margin:0; padding:0}

img { border:none}







ul ,li{ list-style:none}





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





.clear{ clear:both}





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







.title-block{ height:40px; line-height:40px;  font-size:25px; text-align:left;color:#be0000;  margin-bottom:17px;  text-transform:uppercase;}









h3.title, h1.title{font-size:25px;   padding:0 0px 0 0px;   font-weight:normal }









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







.short{width:180px}





div.title{  line-height:40px;  font-size:25px; text-align:left;color:#be0000;  margin-bottom:25px;  text-transform:uppercase;}





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





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







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

.header{ background:#FFF; clear:both; border:0px solid}



.top-header{ height:36px; line-height:36px;overflow:hidden; border:0px solid; color:white; border:0px solid; color:#ff0101 }









.top-header .left{ overflow:hidden; float:left}







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





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















.top-header .phone{ display:inline-block;background:url(../images/icon-phone.png) left center no-repeat; padding:0 0 0 25px}















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







.top-header .link-socia{ text-align:right; overflow:hidden; border:0px solid}







.top-header .link-socia img{ margin:5px 0 0 10px; }







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







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







.banner img{ max-width:100%; max-height:114px}



#header .right-header{ overflow:hidden; float:right; margin:0px 0 0 0; text-align:right; color:#a3a3a3;}







.right-header .ct {line-height:30px; border:0px solid; overflow:hidden; text-align:right}







.right-header .ct span{ display:inline-block;}







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







#header .email{ background:url(../images/icon-email.png) left center no-repeat; padding-left:34px}







.lang{ overflow:hidden; border:0px solid; margin-bottom:10px; text-align:right; height:30px; line-height:30px}







.lang a{ color:#c00000; margin-left:10px}

.lang .en{ color:#b8c1be}





.menuTop2,.icon-menu{ display:none}







.menuTop{ height:55px; line-height:55px;  margin:20px 0 0 0;  text-align:center;width:880px; float:right  ; border:0px solid}











.menuTop ul{}





.menuTop li{ display:inline-block; float:left;  text-align:center;position:relative; background:url(../images/bg-menu.png) left bottom no-repeat; white-space:nowrap;  }









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





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



.menuTop li a{display:inline-block ;color:#424242; font-size:14px;padding:0 20px 0 20px; text-transform:uppercase; font-family:UTM Avo }







.menuTop .home{width:36px; height:100%; background:url(../images/menu-home.png)center no-repeat; margin:0px 0 0px 0; font-size:0; display:inline-block; }







.menuTop li:hover , .menuTop li.active{background:url(../images/bg-menu-hover.png) left bottom no-repeat; }



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









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

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







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

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



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





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



.menuTop ul li ul li a{ color:#FFF !important;  background:none !important; border-bottom:none !important}







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







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; border:0px solid; margin:10px 0 0 0 ; padding:0}







#frmSearch{margin:0px !important; position:relative; overflow:hidden; float:right; border:0px solid #cccccc; padding:3px 15px 3px 15px; background:#e3e3e3;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px }





#frmSearch input,#frmSearch select{ float:right; color:#8c9c9c; padding:3px; height:22px; border:none; border-right:1px solid #cccccc; outline:none}







#frmSearch select{ height:24px}







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











#frmSearch #keyword{ margin:0px 0px 0 0;  color:#006c95; width:180px; background:#e3e3e3; border:none}













#frmSearch #btnSearch{  border:none; cursor:pointer;width:auto; margin-left:10px; height:auto}















#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  ;width:1120px; margin:20px auto 0 auto; overflow:hidden; clear:both !important; min-height:200px}







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





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







ul#category li{ margin:0 0px 0px 0px; line-height:22px; border-bottom:1px solid #bababa; padding:8px 0 8px 0px; font-size:15px}







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







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

ul#category li li:last-child{ padding-bottom:0}



ul#category ul{ margin:0 !important; padding:0; }

ul#category ul  li:first-child{border-top:1px solid #bababa; margin-top:8px}



ul#category li a{ text-transform:uppercase;background:url(../images/bullet.png) left 9px no-repeat; padding-left:15px; display:inline-block;  }

ul#category li li a{  margin-left:25px  }



ul#category a.active , #category a:hover{ color:#be0000}





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







#category .plus{ float:right; width:20px; height:20px; border:0px solid; background:url(../images/plush.png) center no-repeat; cursor:pointer}







#category .sub{ float:right; width:20px; height:20px; border:0px solid; background:url(../images/sub.png) center no-repeat; cursor:pointer}



#category .down{ float:right; width:20px; height:20px; border:0px solid; background:url(../images/icon-row.png) center no-repeat; cursor:pointer}















#category .up{ float:right; width:20px; height:20px; border:0px solid; background:url(../images/icon-down.png) center no-repeat; cursor:pointer}































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











.block-left table{ background:#DDD;}



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



.block-left table td,.block-left table th{ line-height:20px; padding: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 ****************************/































.hotline{ margin:10px 0 0 10px; background:url(../images/icon-phone.png) left center no-repeat; line-height:55px; color:#e76915; font-size:25px; padding-left:55px; font-weight:bold; border-bottom:1px solid #CCC; font-weight:bold }















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







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







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







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







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































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































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































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















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































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























































































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































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































































































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











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













.otherNews .item{ overflow:hidden;line-height:18px; margin:10px 0 10px 0}







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







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







.otherNews p{ text-align:left; background:url(../images/bullet2.png) left center no-repeat; padding-left:15px}







.otherNews p a{ color:#be0000; }







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































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































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































.block-right img{}































.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:840px; text-align:left;}













.list-product-home{overflow:hidden;}







.list-product-home .item{overflow:hidden; width:275px;  float:left; margin:0 30px 0 0;  position:relative; text-align:center; padding:0px 0px 5px 0px; position:relative; border:0px solid}



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







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























.list-product-home .img {text-align:center;overflow:hidden; height:200px; margin:0 0 10px  0;}































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































.list-product-home p{line-height:22px; text-align:left ; padding:5px}















.list-product-home .sapo{line-height:18px; text-align:left ; padding:0 5px 5px 5px}























.list-product-home p.name{ min-height:36px; line-height:17px; margin-bottom:3px; text-align:center}















.list-product-home p.name a{ text-transform:uppercase;}







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







.item a.view-more{  height:25px; line-height:25px; padding:5px 15px 5px 15px; text-align:center; background:#000; text-transform:uppercase; color:white; margin-right:5px}







.item a.book{ padding:5px 15px 5px 15px; height:25px; line-height:25px; text-align:center; background:#c8c7c5; text-transform:uppercase; color:white}























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































.list-product .item{overflow:hidden; width:275px;  float:left; margin:0 25px 0 0px; border:0px solid #efefef; position:relative; }





.list-product .clear3{ height:20px; clear:both}









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







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







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







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









.list-product p.name{ min-height:36px; line-height:17px; margin-bottom:5px; text-align:center; text-transform:uppercase}















.list-product .name a{}















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









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











.list-product .detail{ color:white; padding:5px 15px 5px 15px; background:#606060}





.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:200px  auto auto auto; border:0px solid;width:440px; text-align:left}































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































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































#frmLogin .error{ color:red; }































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































#fldLogin{ border:none}































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































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































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































































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































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































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































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































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































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































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































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































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































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































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































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































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





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



#footer{ overflow:hidden; text-align:center;  margin:auto; padding:10px 0 10px 0; clear:both; background:#c00000; position:relative; z-index:0}



.footer{width:1120px;margin:auto auto 0px auto; text-align:left;    color:#FFF ; position:relative; border:0px solid; overflow:hidden}







.footer a{ color:#FFF}







.icon li{ overflow:hidden; display:inline; float:left; height:38px; line-height:38px; margin-right:20px; border:0px solid; color:white}



.icon .address{ background:url(../images/icon1.png) left center no-repeat; padding-left:35px}

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

.icon .email{ background:url(../images/icon3.png) left center no-repeat; padding-left:35px}

.icon .follow{ background:url(../images/icon4.png) left center no-repeat; padding-left:35px}





.menuFooter{ overflow:hidden;  border:0px solid ;  line-height:32px;  width:500px; float:right; text-align:right; text-transform:uppercase}















.footer .link-socia{ overflow:hidden; float:right}







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







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















.menuFooter ul{ overflow:hidden; height:20px; margin:5px 0 20px 0;}































.menuFooter li{  display:inline-block; text-align:center;  overflow:hidden; padding:0 10px 0 0px ; margin-right:10px; line-height:15px;  color:white;}































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































.menuFooter li a{ color:#787878; }































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















.breadcrumb li{ float:left; line-height:25px; color:#5c5c5c;  font-size:12px;  }























.breadcrumb .home{ display:inline-block;width:20px; height:25px;background:url(../images/icon-home.png)  center no-repeat; }







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























.breadcrumb li a{color:#5c5c5c; }































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























































































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































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





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































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































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















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







.img-product{margin:0px 0 5px 0; overflow:hidden; width:400px; float:left  ; border:1px solid #ececec; padding:20px}







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







.img-product .large {  text-align:center}







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















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







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







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







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







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















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















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















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





.info-product h2{ color:#ec2528; font-size:18px; margin-bottom:15px; text-transform:uppercase; font-weight:normal; }















.info-product .sapo{ line-height:22px; font-size:13px; margin:10px 0 15px 0}















.info-product .hl{ background:#ea2628; padding:10px !important; height:auto; color:white; text-align:center; line-height:25px !important; font-size:15px}







.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; overflow:hidden; clear:both; padding-top:20px}







.content-pro .top{ text-transform:uppercase; font-size:15px; margin-bottom:15px}







.content-pro .top span{  }















.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:35px; line-height:35px;font-weight:bold; border-bottom:0px solid #CCC; margin-bottom:10px}







.tabs li{ padding:0 30px 0 30px; display:inline; float:left;  background:#e3e3e3; text-transform:uppercase }







.tabs a{ color:#000}







.tabs .active{ background:#ea2628}







.tabs .active a{ color:#FFF}







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







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























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































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































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































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































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































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































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































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































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































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































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















































































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































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































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































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































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































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































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































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































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































.slideProduct img{ height:120px}































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































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































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







.block-home{ overflow:hidden;width:1120px; margin:auto}







.box-news-home{ background:#f2f2f2; padding:30px 0 30px 0; overflow:hidden}















.introHome{ overflow:hidden; line-height:25px; text-align:center; margin-bottom:25px; font-size:14px}







.block-intro{ background:#df4142; padding:20px 0 20px 0; margin:0px 0 20px 0}







.block-intro .item{ overflow:hidden;width:calc(33% - 42px); padding:0 20px 0 20px; float:left; margin:0 0px 0 0; float:left; text-align:center; line-height:22px; color:white}







.block-intro img{ max-width:100%; margin-bottom:20px}



.block-intro img:hover{ opacity:0.3}



.block-intro h4{ margin-bottom:15px; margin-bottom:20px; font-weight:normal}







.block-intro h4 a{color:#FFF; text-transform:uppercase; font-size:27px; line-height:35px}







.block-intro .clear3{ clear:both}







.block-home .video{ overflow:hidden;width:280px; float:left}







.video iframe{width:100% !important; height:220px !important}







.newsHome{   overflow:hidden;position:relative; text-align:left;}

.newsHome .first{width:440px; overflow:hidden; float:left; position:relative; margin-right:0px}

.newsHome .first img{width:100%; min-height:200px}

.newsHome .first h4{ position:absolute; bottom:0; left:0; padding:10px;width:100%; background:url(../images/opacity.png)}

.newsHome .first h4 a{ color:white; font-size:18px}

.newsHome .item{ overflow:hidden;width:205px;  float:left;  margin:0px 0px 0px 40px; }



.newsHome .item img{ height:135px;width:100%; margin:0 0px 10px 0;}

.newsHome .item h4{ font-weight:normal; line-height:18px; margin-bottom:8px}

.newsHome .item h4 a{ text-transform:uppercase}

.newsHome p{ line-height:18px; text-align:justify}

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

.newsHome  a{ color:#4e4e4e}













.map{overflow:hidden; margin-top:20px; border:0px solid}







.map iframe{width:100% !important}



.imgCt{width:551px; overflow:hidden; float:left; margin:20px 0 0 0}

.imgCt img{ max-width:100%}



#frmContact { margin:0px 0 0 0px; overflow:hidden;width:500px; float:right}





#frmContact span{ color:red}







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







#frmContact p img { height:32px }





#frmContact p input {width:calc(100% - 10px); height:22px; border:0px solid #e6e6e6; padding:5px; }







#frmContact textarea{ width:calc(100% - 10px); height:100px;border:none; padding:5px; float:left}









#frmContact .note{font-size:13px; font-weight:normal; line-height:20px; font-family:Tahoma, Geneva, sans-serif; color:#c00000; 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  }







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









  .productSeller .acctive{ color:red}









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





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









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





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







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





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







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































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































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































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































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































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































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































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































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































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































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































#detailPro p{ overflow:hidden;}































#detailPro a{ color:#056b17}































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































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































#detailPro u{ font-weight:bold}































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































.navi-user{ overflow:hidden; }































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































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































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































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































span.detail{ cursor:pointer}































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























































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







.news-item img{width:190px; float:left; margin:0 10px 0 0; border:0px solid #8c9292;}































.news-item h4{ margin-bottom:10px; font-weight:normal}































.news-item h4 a{ font-size:17px;}















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















.news-item .date{background:url(../images/calender.png) left center no-repeat; padding:10px 0 10px 25px;}























.news-item .line{ overflow:hidden; border-bottom:1px dotted #CCC; margin-bottom:3px}































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































.news-item a:hover{ text-decoration:underline}







































































.list-partner{ overflow:hidden; margin:30px auto 30px auto;width:100%}







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







.list-partner .last{ float:right}















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































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







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



.list-news{ overflow:hidden}

.list-news .item{ overflow:hidden; float:left;width:350px; margin:0 35px 0 0; border:0px solid; text-align:center; line-height:23px}

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

.list-news h4{ text-transform:uppercase; margin-bottom:10px; font-size:18px; font-weight:normal; min-height:46px; line-height:23px}

.list-news .img,.list-news iframe{ height:215px;width:100%; margin-bottom:15px; overflow:hidden }
.list-news img{ height:100%;width:100%;  -webkit-transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}

.list-news img:hover{ -webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  -o-transform:scale(1.1); }
.list-news .sapo{ text-align:left; overflow:hidden; margin-bottom:10px; min-height:90px; border:0px solid}

.list-news .clear3{ clear:both; height:50px}



.list-news .detail{ text-align:center; line-height:35px}

.list-news .detail a{ border:1px solid #a7a7a7; padding:6px 25px 6px 25px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}

.list-news h4 a{ color:#be0000 }



.list-news2 .item,.list-news2 iframe{ width:260px; margin:0 20px 0 0;}
.list-news2 .item img,.list-news2 iframe{ height:190px}

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







.news-right img{ float:left;width:80px; 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}















.title-home{  text-align:center !important;  line-height:60px;  font-size:45px; margin:10px 0 20px 0; font-family:UTM Avo; font-weight:normal; overflow:hidden; }



.color-white{ color:white}











.title-home2{background:url(../images/bg-title-home2.png)  center bottom no-repeat; color:white; margin-top:40px}















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







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







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







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







.list-custommer{ overflow:hidden; border:1px solid}



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



.listItem{ overflow:hidden}

.listItem .item{ overflow:hidden; float:left;width:355px; margin:0 25px 0 0; border:0px solid; text-align:center}

.listItem .item3{ float:right; margin-right:0}

.listItem h4{ text-transform:uppercase; margin-bottom:10px; font-size:18px; font-weight:normal}

.listItem img,.listItem iframe{ height:242px;width:100%; margin-bottom:15px}

.listItem .sapo{ text-align:left}

.listItem .clear3{ clear:both; height:30px}

.block-news{ background:#61aa99; padding:10px 0 20px 0}

.slide-news-home{ overflow:hidden;width:100%;  position:relative; border:0px solid}

.slide-news-home ul{ height:183px; overflow:hidden}

.slide-news-home li{width:calc(100% - 160px); height:183px; text-align:left; padding:0 80px 0 80px; border:0px solid}

.slide-news-home .btn-next,.slide-news-home .btn-pre{ position:absolute; top:30%; cursor:pointer; border:0px solid; z-index:9; width:60px; height:86px; background-size:100% 100%}

.slide-news-home .btn-pre{ left:0; background:url(../images/btn-pre.png)}

.slide-news-home .btn-next{ right:0; background:url(../images/btn-next.png)}

.slide-news-home img{width:183px; height:183px; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;float:left; margin:0 30px 0 0}

.slide-news-home .right{ overflow:hidden; color:white}

.slide-news-home h4{ text-transform:uppercase; font-size:20px; margin-bottom:10px}

.slide-news-home a{ color:white}

.slide-news-home .cv{ text-transform:uppercase; font-size:15px; margin-bottom:15px; color:#870001}

.list-customer { overflow:hidden}

.list-customer .item{width:350px; overflow:hidden; float:left; margin:0 30px 0 0; border:0px solid; text-align:center}

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

.list-customer .clear3{ height:70px; clear:both}

.list-customer .img{ position:relative; margin-bottom:10px; overflow:hidden}

.list-customer img{ height:213px; width:100%;}

.list-customer h4 a{ text-transform:uppercase; color:#be0000}

.list-customer .sapo{ padding:10px;width:calc(100% - 20px); height:100%; background:url(../images/opacity1.png); color:white; line-height:22px; position:absolute; top:0; left:0; display:none}

.list-customer .item:hover .sapo{ display:block}

.team{ overflow:hidden}

.team .item{width:48%; float:left; overflow:hidden; line-height:25px}

.team .item2{ float:right}

.team .clear2{ height:40px; clear:both}

.team img{ max-width:100%;}

.team .img{ margin-bottom:15px}

.team h4{ text-transform:uppercase; font-size:18px; font-weight:normal; color:#be0000; margin-bottom:20px}

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



.menuTop2{ display:none !important}



}

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

body{ border:0px solid red}

#wrapper,#header,#content,.block-home,.footer{width:1000px}

.banner{width:200px}

.menuTop{width:800px}

.main-content{width:740px}

.menuTop li a{ padding:0 15px 0 15px }

.listItem .item{width:300px; margin:0 30px 0 0px }

.list-news .item{width:300px; margin:0 30px 0 0px}

.list-customer .item{width:300px; margin:0 30px 0 0px}

.list-news2 .item{width:230px; margin:0 15px 0 0px}

.list-news2 img,.list-news2 iframe{ height:170px}

.imgCt, #frmContact{width:490px}

}

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

body{ border:0px solid red}

#wrapper,#header,#content,.block-home,.footer{width:99%; margin-left:auto; margin-right:auto}

.menuTop{ display:none}

.menuTop2{  line-height:40px; background:#be0000; width:350px; max-width:100%; position:absolute; top:80px; right:0; z-index:99999; padding:5px 0px 40px 0px; display:none}



.menuTop2 ul{ margin:10px 0 0 0; }



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



.menuTop2 li li{ text-transform:none; padding-left:20px;/* background:url(../images/icon-row.png) left center no-repeat */}



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



.menuTop2 li li:last-child{ border-bottom:none}



.menuTop2 li a{ color:#FFF;  margin-left:15px}



.menuTop2 #keyword{ height:24px !important}



.icon-menu{ height:24px; line-height:23px; background:url(../images/icon-menu.png) left center no-repeat; position:absolute; top:50px; right:5px; display:block; z-index:99; cursor:pointer; font-size:14px; color:#be0000; padding-left:30px ; text-transform:uppercase}
.box-content img{ max-width:100% !important; height:auto !important}

}




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

body{ border:0px solid red}

.left-content{width:210px}

.main-content{width:calc(100% - 220px)}

.listItem .item,.list-news .item{width:calc(33% - 20px); margin:0 10px 0 10px }

.listItem img,.listItem iframe,.list-news  .img,.list-news .item iframe{ height:170px}



.list-customer .item{width:calc(33% - 20px) !important; margin:0 20px 0 0px; border:0px solid red}
.list-customer .item img{ height:155px}
.list-news2 .item{width:48%; margin:0 0px 0 0px}

.list-news2 .item2{ float:right}

.list-news2 .item3{ float:left}

.list-news2 .clear3{ display:none; height:0}

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

.list-news2 img,.list-news2 iframe{ height:255px}

.imgCt, #frmContact{width:49%}

}



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

body{ border:0px solid red}

.left-content{ display:none}

.main-content{width:100%}

.listItem .item,.list-news .item,.list-customer .item{width:calc(33% - 20px); margin:0 10px 0 10px }

.listItem img,.listItem iframe,.list-news .img,.list-news .item iframe,.list-customer img{ height:170px}



.list-news2 .item{width:48%; margin:0 0px 0 0px}

.list-news2 .item2{ float:right}

.list-news2 .item3{ float:left}

.list-news2 .clear3{ display:none; height:0}

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

.list-news2 img,.list-news2 iframe{ height:255px}

.imgCt, #frmContact{width:49%}

.slide-news-home img{width:200px; height:200px}

.slide-news-home h4{ font-size:15px}

.footer .icon li{width:calc( 49% - 60px ) !important; }

.link-socia{width:100%; text-align:center; float:none}

}

@media screen and (min-width: 400px) and (max-width: 599px){

body{ border:0px solid red}

.left-content{ display:none}

.main-content{width:100%}

.title,.title-home{ font-size:25px !important}

.block-intro h4 a{ font-size:16px; line-height:25px}

.listItem .item,.list-news .item{width:calc(33% - 20px); margin:0 10px 0 10px }

.listItem img,.listItem iframe,.list-news .img,.list-news .item iframe{ height:100px}

.listItem h4{ font-size:15px; font-weight:normal}

.list-news2 .item,.list-customer .item{width:48%; margin:0 0px 0 0px}

.list-news2 .item2,.list-customer .item2{ float:right}

.list-news2 .item3,.list-customer .item3{ float:left}

.list-news2 .clear3,.list-customer .clear3{ display:none; height:0}

.list-news2 .clear2,.list-customer .clear2{ height:30px; clear:both}

.list-news2 img,.list-news2 iframe,.list-customer img{ height:155px !important}

.imgCt, #frmContact{width:100%; margin-bottom:20px}

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

.slide-news-home h4{ font-size:15px}

.footer .icon li{width:calc( 49% - 60px ) !important; }

.link-socia{width:100%; text-align:center; float:none}

}

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

body{ border:0px solid red}

.left-content{ display:none}

.main-content{width:100%}

.title,.title-home{ font-size:23px !important}

.block-intro .item{width:100%; padding:0; float:none; margin-bottom:20px}

.block-intro h4 a{ font-size:16px; line-height:25px}

.listItem .item,.list-news .item{width:98%; margin:0 1% 20px 1% }

.listItem img,.listItem iframe,.list-news .img,.list-news .item iframe{ height:auto !important; max-width:100%}

.listItem h4{ font-size:15px; font-weight:normal}

.list-news2 .item,.list-customer .item{width:98%; margin:0 1% 20px 1%}

.list-news2 .clear3,.list-customer .clear3{ display:none; height:0}

.list-news2 img,.list-news2 iframe,.list-customer img{ height:auto !important; max-width:100%}

.imgCt, #frmContact{width:100%; margin-bottom:20px}

.slide-news-home img{ display:none}

.slide-news-home h4{ font-size:15px}

.footer .icon li{width:100% !important }

.link-socia{width:100%; text-align:center; float:none}

.team .item{width:100%; margin-bottom:30px}

.team .clear2{ height:0}
div.title{ line-height:30px; }
h1.title,h3.title{ font-size:15px}
}