/* CSS Document */





*{ margin:0; padding:0;}







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







div{ margin:0; padding:0}







img { border:none}


.detail-ct img{ max-width:100% !important; height:auto !important }




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:45px; line-height:45px; background:#0395d0; font-size:21px; text-align:center;color:#FFF;  margin-bottom:7px}











h3.title, h1.title{font-size:21px;   text-align:left; padding:0 0px 0 0px;   font-weight:normal }











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

.short{width:180px}





div.title{  height:30px; line-height:30px;  font-size:21px;  margin-bottom:10px; border-bottom:1px solid #00a5e7; color:#00a5e7}







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







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



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







#header{margin: 0 auto; clear:both; width:100%; height:155px; border:0px solid; z-index:999;background:#FFF url(../images/bg-top.png) bottom repeat-x;padding-top:13px  }

.header{margin: 0 auto; clear:both; position:relative; width:1260px; }






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







.banner img{ max-width:1000px}



#header .right-header{ overflow:hidden; float:right; margin:5px 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; padding:1px 15px 0 0 !important; display:inline-block}

.lang img{  margin:5px}

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

.menuTop{ height:50px; line-height:50px;  border:0px solid; clear:both; text-align:center }







.menuTop ul{}







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





.menuTop li:last-child{ }







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

.menuTop .home{width:33px; background:url(../images/menu-home.png)left 13px no-repeat; margin:0px 0 15px 0}

.menuTop li:hover , .menuTop li.active { background:#000  }







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







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







.menuTop ul li ul{position:absolute; top:50px; left:0px;width:250px; z-index:99999; display:none; visibility:visible;}

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



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

.menuTop ul li ul li{ text-align:left; height:auto;  line-height:20px !important; padding:10px;  margin:0; border-top:1px solid #FFF; display:block; float:none; background:#00a5e7; position:relative; white-space:normal}

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



.menuTop ul li ul li:hover{}







.menuTop ul li ul li a{ color:#FFF !important;  background:none !important; padding:0; font-size:12px; font-weight:normal}



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

.menuTop ul ul ul li{}

.menuTop ul ul ul li a:hover{ }

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



p.cart{ 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:20px 0 0 0 ; padding:0}



#frmSearch{margin:0px !important; position:relative; overflow:hidden; float:right; border:0px solid; padding:0 !important }



#frmSearch input{ float:right}



#frmSearch p{ overflow:hidden;  float:right; border:1px solid #e2e2e2; padding:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}







#frmSearch #keyword{ margin:0px 1px 0 0;  color:#006c95; padding:2px;width:250px; 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}











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







#content{ text-align:left; padding:0px ; background:#FFF ;width:1260px; margin:0px auto 0 auto; overflow:hidden;}















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















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







ul#category li{ margin:0 0px 0 0px; line-height:38px; font-weight:bold; border-bottom:1px solid #FFF; }

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





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

ul#category ul{ display:none; }



ul#category .active ul{ display:block}



ul#category li a{ color:#1e1e1e; font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; margin-left:20px}
ul#category li  li a{ margin-left:40px}

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



ul#category li li li{ background:none !important}



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

ul#category li ul{ border-top:1px solid #FFF;}



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















.block-left{ margin:0px 0 10px 0; border:0px solid #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 ****************************/







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















.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;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/bullet.png) left center no-repeat; padding-left:15px}

.otherNews p a{ color:#0495cf; font-size:13px}

/*************************** 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:left;margin:0px 0px 0 0px;width:960px; text-align:left;}









.list-product-home{overflow:hidden;}
.list-product-home ul{overflow:hidden;width:5000px; height:184px; border:0px solid}






.list-product-home .item{overflow:hidden; width:220px; height:180px;  float:left; margin:0 15px 0 0; border:0px solid #cdcdcd; position:relative; text-align:center; padding:0px 0px 0px 0px; position:relative}


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



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







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







.list-product-home p.name{ font-weight:bold; height:45px; line-height:45px; background:url(../images/opacity.png); position:absolute; bottom:0; left:0;width:100%; z-index:1; text-align:center; overflow:hidden; }



.list-product-home p.name a{  color:#FFF}

.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:293px;  float:left; margin:0 25px 0 0; border:1px solid #e2e2e2; position:relative;  padding:5px 3px 5px 3px}


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


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

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







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

.list-product .img img:hover{opacity:0.3}





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







.list-product p.name{ }



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



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















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







.list-product .detail{ color:white; padding:6px 19px 6px 19px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; background:#0294cf}







.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; margin:0px 0 0px 0; clear:both; background:#00a5e7 url(../images/bg-footer.png) bottom repeat-x; position:relative; z-index:0}







.footer{width:1260px;margin:auto auto 0px auto; text-align:left;   padding:20px 0px 0px 0px; color:#FFF ; position:relative}

.footer a{ color:#FFF}





.footer .left{width:calc(100% - 500px); overflow:hidden; float:left; line-height:22px}

.footer .right{ overflow:hidden;width:490px; float:right}



.footer .right iframe{width:100% !important; height:170px !important }





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



.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 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; 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;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; color:#cfcfcf;  font-size:12px; /*background:url(../images/icon-row.png) right center no-repeat;*/ padding:0 5px 0 0px; }

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





.breadcrumb li a{color:#cfcfcf; }







/************************* 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:5px 0 15px 0; overflow:hidden;width:48%; float:left   }



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



.img-product .large 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:48%;margin:0px 0 0px 0px; overflow:hidden; float:right;  position:relative; border:0px solid}



.info-product h3{ border:0px solid; margin-bottom:5px; text-transform:uppercase; color:#fea201; font-size:15px}



.info-product .sapo{ line-height:25px;}







.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 img{ max-width:100% !important; height:auto !important}

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







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

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



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

.introHome img{ max-width:100%; margin-bottom:10px}

.video-home iframe{width:100% !important; height:270px !important}
.newsHome2{ float:left !important}
.newsHome{  width:49%; float:right; overflow:hidden;position:relative; text-align:left}

.newsHome .top{ font-weight:bold; text-transform:uppercase; line-height:30px}

.newsHome .first{ overflow:hidden; margin-bottom:10px}

.newsHome .first img{width:200px; float:left; margin:0 10px 0 0}

.newsHome h4{ font-weight:normal; font-size:17px; margin-bottom:10px}

.newsHome .sapo{overflow:hidden; line-height:22px; text-align:justify; margin-bottom:10px}



.newsHome .second{ overflow:hidden; line-height:20px; background:url(../images/bullet.png) left center no-repeat; padding-left:15px; margin:6px 0 6px 0; font-size:15px}

.detail{ line-height:30px}

.detail a{ color:#fdaa35}



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

.recruitment .first{ overflow:hidden;width:60%; float:left}

.recruitment .first img{width:200px; float:left; margin:0 10px 0 0}

.recruitment h4{ font-weight:normal; font-size:17px; margin-bottom:10px}

.recruitment .sapo{overflow:hidden; line-height:22px; text-align:justify; margin-bottom:10px}



.recruitment .second{ overflow:hidden; width:37%; float:right; clear:right;line-height:20px; background:url(../images/bullet.png) left 7px no-repeat; padding-left:15px; margin:6px 0 6px 0; font-size:15px}

.map{width:49%; overflow:hidden; float:left; margin-top:20px}

.map iframe{width:100% !important}

#frmContact { margin:0px 0 0 0px; overflow:hidden; background:#fbfbfb

; border:1px solid #ededed; padding:10px; text-align:center}







#frmContact span{ color:red}





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





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





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



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



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



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











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















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















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















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







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







.list-news .last{ float:right}







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







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



.list-news a{ }





.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:600px !important; border:0px solid; float:left}
#slidePro{ border:1px solid #DDD;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; overflow:hidden; position:relative}
.slide-product ul{ overflow:hidden;width:100%; height:280px}

.slide-product .btn-pre,.slide-product .btn-next{ height:40px;width:35px; cursor:pointer; position:absolute; top:45%; z-index:999}

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

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


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

.slide-product img{ max-width:100%; height:auto; margin:15px 0 15px 0}
.slide-product .name a{ color:#0085ba; font-size:17px}
.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:left; line-height:30px; font-size:20px;background:url(../images/line.png)  center repeat-x;  margin:10px 0 20px 0; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; overflow:hidden}

.title-home span{ background:#FFF url(../images/bg-title-1.png) right center no-repeat; padding-right:50px; float:left; border:0px solid}



.title-home2 span{ background:#f2f2f2 url(../images/bg-title-1.png) right center no-repeat; padding-right:50px; float:left; border:0px solid}



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



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

.listViewed ul{ height:280px; border:0px solid; margin:10px 0 0 0}

.listViewed ul li{width:100%; height:270px; text-align:center; margin-top:10px; font-weight:bold; line-height:25px}

.listViewed ul img{ max-width:98%; margin-bottom:15px; max-height:230px}

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

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

.listViewed .btn-next{ right:0; background:url(../images/icon/icon-next.png) center no-repeat}
.padding-top{ height:165px}

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

body{ background:none}

#header .top,.menuTop, .frmSearch1{ display:none; }

#header{ height:104px; background:#FFF}
.padding-top{ height:105px}

.menuTop2{  line-height:40px; background:#f3f3f3; width:300px; max-width:100%; position:absolute; top:0px; right:0; z-index:99999; padding:20px 10px 40px 10px}

.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; padding-left:10px; background:#f3f3f3; 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:none}

.menuTop2 li a{ color:#3a3a3a; font-weight:bold}

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

.icon-menu{ height:26px; cursor:pointer; margin-right:0 !important; display:inline}

	}

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

#wrapper,#content,.header,.footer, .footer,.block-home{width:1000px; margin-left:auto; margin-right:auto; border:0px solid red}

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



.main-content{width:720px}

.list-product .clear4{ clear:none; height:0; display:none}

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

.list-product .item4{ float:left}

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

.list-product .item{width:215px; margin:0 15px 0 0}

.list-product img{width:100%}

.list-product .img,.list-product .img img{ height:155px}
.slide-product{width:46% !important}


}

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

#wrapper,#content,.header,.footer, .footer,.block-home{width:98%; margin-left:auto; margin-right:auto; border:0px solid blue}



.footer .left, .menuFooter{width:100%; float:none; clear:both; text-align:left; margin-top:10px}

.main-content{width:100%}

.right-content{ display:none}

.list-product .clear4{ clear:none; height:0; display:none}

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

.list-product .item4{ float:left}

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

.list-product .item{width:calc(31% - 6px); margin:0 1% 0 1%}

.list-product .img img{ min-height:165px; height:auto;width:100%}

.footer .left, .footer .right{ float:none;width:100%}
.slide-product{width:46% !important}

}



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

#wrapper,#content,.header,.footer, .footer,.block-home{width:98%; margin-left:auto; margin-right:auto; border:0px solid red}



.newsHome, .introHome{width:100%; float:none}

.slide-product{width:100% !important}


.footer .left, .footer .right{width:100%; float:none; clear:both; text-align:left; margin-top:10px}

.footer .socia span{ position:relative; display:block; float:none; color:white}

.main-content{width:100%}

.right-content{ display:none}

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

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

.list-product .item3{ float:left}

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

.list-product .item{width:48%; margin-right:0}

.list-product .img{}

.list-product .img img{ }



#frmContact label{width:120px !important; float:left; text-align:left; }

#frmContact .error{ text-align:left; margin-left:130px}



}



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

#wrapper,#content,.header,.footer,.block-home{width:98%; margin-left:auto; margin-right:auto; border:0px solid red}
.padding-top{ height:125px}

.banner img{width:150px}
.right-header{width:calc(100% - 155px)}

.right-header .email{ display:none !important}

.breadcrumb{ display:none}

.introHome, .newsHome, .recruitment .first,.recruitment .second{width:98%; float:none; clear:both}
.slide-product{width:92% !important; margin:0 0 0 4%; float:none}
.newsHome img{width:90% !important; margin:0 auto 10px 5% !important; float:none}

.link { }

.footer .left, .footer .right{width:100%; float:none; clear:both; text-align:left; margin-top:10px}

.main-content{width:100%}

.right-content{ display:none}

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

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

.list-product .item3{}

.list-product .item2{ float:right !important; margin-right:0}

.list-product .item{width:46%; float:left; margin-right:0}

.list-product .img{ height:120px}

.list-product .img img{ height:120px }

.img-product,.info-product{width: 100%}



#frmContact label{width:96%; text-align:left !important; }

#frmContact input,#frmContact textarea{width:96%}

#frmContact .error{ text-align:left; }

div.title,div.title .title{ height:auto; line-height:20px; font-size:14px; text-transform:none}

.news-item img{width:100px}

.news-item .sapo{ overflow:inherit}

}

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

#wrapper,#content,.header,.footer,.block-home{width:98%; margin-left:auto; margin-right:auto; border:0px solid red}
.padding-top{ height:125px}

.banner img{width:100px}

.right-header{width:calc(100% - 105px)}

.right-header .email{ display:none !important}

.breadcrumb{ display:none}

.lang img{ margin:2px}

.introHome, .newsHome, .recruitment .first,.recruitment .second{width:98%; float:none; clear:both}

.newsHome img{width:90% !important; margin:0 auto 10px 5% !important; float:none}

.link { }

.footer .left, .footer .right{width:100%; float:none; clear:both; text-align:left; margin-top:10px}

.main-content{width:100%}

.right-content{ display:none}

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

.list-product .item3{ float:none}

.list-product .item2{ float:right !important; margin-right:0}

.list-product .item{width:90%; float:none; margin:0 auto 10px auto}

.list-product .img{ height:auto}

.list-product .img img{ max-width:100%}

.img-product,.info-product{width: 100%}

.slide-product{width:98% !important; margin:0 0 0 1% !important}

#frmContact label{width:96%; text-align:left !important; }

#frmContact input,#frmContact textarea{width:96%}

#frmContact .error{ text-align:left; }

div.title,div.title .title{ height:auto; line-height:20px; font-size:14px; text-transform:none}

.news-item img{width:100px}

.news-item .sapo{ overflow:inherit}

}