/* CSS Document */







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


@font-face {

  font-family: 'MYRIADPRO REGULAR';
  src:  url(../font/MYRIADPRO-REGULAR.OTF);

}

@font-face {

  font-family: 'MYRIADPRO Bold';
  src:  url(../font/MYRIADPRO-BOLD.OTF);

}




*{ margin:0; padding:0;}







body{ margin:0; padding:0; font-family:MYRIADPRO REGULAR; font-size:14px;  text-align:center;  position:relative;  color:#3d3d3d }

.body-home{ overflow:hidden; position:absolute; top:0; left:0; height:100% ;width:100%; border:0px solid red}





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{ text-align:left; text-transform:uppercase; color:#003a18; line-height:37px;  font-size:24px; margin:10px 0 2px 0; overflow:hidden;}











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

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

.short{width:180px}





div.title{ text-align:left; text-transform:uppercase; color:#003a18; line-height:37px;  font-size:24px; margin:10px 0 20px 0; overflow:hidden;}







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


.wrapper{margin:0px auto auto auto;  clear:both;width:1200px;  }





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



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





.top-header{ height:35px; line-height:35px;overflow:hidden; border:0px solid; color:#FFF; clear:both ; text-align:left ; margin: 0 0 10px 0}



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



.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; margin-right:20px}



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

.top-header .right{ overflow:hidden; float:right; border:0px solid}


#header{margin: 0 auto; clear:both;  overflow:hidden; background:#000;width:100%  }
.header-home{ position:fixed; top:0; left:0; z-index:22; }
#header .banner{text-align:left; overflow:hidden; position:relative;  overflow:hidden; border:0px solid; margin:0 0 1px 0; float:left ; }



.banner img{ max-width:100%}

.right-header{ overflow:hidden; float:right; margin:50px 0 0 0 }

.lang{ overflow:hidden; margin:2px 0 15px 0}

.lang img{  margin:0px 0 0 5px}

.menuTop2,.icon-menu{ display:none}
.wrap-menu{ height:50px;   background:url(../images/bg-menu.png) repeat-x; border:0px solid red;}
.menuTop{ height:30px; line-height:30px; border:0px solid ; float:right; clear:right; margin:4px 0  0 0  }

.menuTop ul{ }

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


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

.menuTop li a{display:inline-block ; color:#c8c39d; padding:0 20px 0 20px; }

.menuTop .home{width:26px; height:30px; background:url(../images/menu-home2.png)top no-repeat; margin:0px 0 0px 0;  display:inline-block; border:0px solid; }
.menuTop .home span{ display:none}
.menuTop li:hover , .menuTop li.active {  }


.menuTop a:hover ,.menuTop li.active a{  color:#00923f }
.menuTop .menu-mb{ display:none}

.navi-top{ overflow:hidden; float:right; line-height:25px; border:0px solid white; margin:10px 10px 0 0; color:white}
.navi-top a{ margin:0 10px 0 10px}
.navi-top .line{  background:url(../images/line1.png) center no-repeat; display:inline-block;}
.navi-top .link1{ color:#c8c39d; text-transform:uppercase}
.navi-top .link2{ color:#a1a1a1}
/*************************** Sub menu********************/







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







.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-top:1px solid #FFF; border-right:none; display:block; float:none;  position:relative; font-size:12px}

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



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







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



.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:0px 0 0 0 ; padding:0; display:inline; float:right}



#frmSearch{margin:0px !important; position:relative; overflow:hidden;  padding:0 !important ;/*-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;*/ }



#frmSearch input{ float:right}



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

#frmSearch:hover #keyword{ border:1px solid #999999;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}





#frmSearch #keyword{ margin:0px 0px 0 0;  padding:2px 2px 2px 10px;width:170px; border:0px solid #ff8a00; height:20px; outline:none; outline:none; background:none; color:white}







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







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







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







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







#frmNewsLetter input{ float:right}







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







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







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







.navi-right{width:341px; float:right; overflow:hidden; background:url(../images/bg-top-navi.png) top center no-repeat; }







.navi-right ul{ text-align:center}







.navi-right li{ display:inline; margin:0 5px 0 5px; font-weight:bold; text-transform:uppercase; line-height:63px}







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







/********************** Slide***********************/



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







#content{ text-align:left; padding:0px ; background:#FFF ; margin:0px auto 20px auto; overflow:hidden; clear:both !important}



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




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



ul#category li{ margin:0 0px 0 0px; line-height:38px; background:url(../images/bullet.png) left center no-repeat; padding-left:15px; font-size:16px}

ul#category li:hover,ul#category li.active{ }
 
ul#category li li:first-child{ border-top:1px solid #e5e5e5; }
ul#category li:last-child{ border:none}

ul#category ul{  }




ul#category .active ul ul{ display:none }




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


ul#category li li  a{ margin-left:30px;color:#666666; font-weight:normal  }



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






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



#category .sub{ float:right; width:20px; height:30px; border:0px solid; background:url(../images/icon-down2.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 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 ****************************/


.block-ads img{ max-width:100%;  margin:10px 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:#a89f66;}

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







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







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







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






.left-content{width:320px;float:left; margin:0px 0px 0 0px;  text-align:left; clear:left; overflow:hidden; }
.block-left{ overflow:hidden}
.menu-left{ overflow:hidden; background:url(../images/line3.png) left repeat-y; padding:10px 20px 10px 30px; margin:0 0 30px 0}


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







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



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






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







.list-product .item{overflow:hidden; width:240px;  float:left; margin:0 10px 0 0px; border:1px solid #e1e1e1; position:relative; padding:0px 0 5px 0 }

.list-product .clear4{ height:30px; clear:both}
.list-product .item4{ float:right; margin-right:0 }

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

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


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



.list-product .name a{ font-size:17px; color:#404040}



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















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







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







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







.backgound-popup{ overflow:hidden; position:fixed; top:0; left:0; background:rgba(255,255,255,0.8);width:100% !important; height:100% ; z-index:99999 !important; display:none; float:left}

.frmUser{ overflow:hidden;width:600px; margin:100px auto}
#frmUser{ border:none; padding:0}
.frmUser .top{ height:60px; line-height:60px; text-align:center; text-transform:uppercase; font-size:30px; color:white; background:url(../images/top-frm.png) right center no-repeat;width:365px; float:right; clear:both}
.frmUser .close{width:35px; height:35px; float:right; border:0px solid; cursor:pointer; margin:15px 5px 0 0}
.frmUser form{ background:#FFF; overflow:hidden; clear:both; border:5px solid #00923f; padding:50px; text-align:left}

.frmUser input{width:300px; border:1px solid #e8d7b9; height:22px; padding:5px}

.frmUser p{ overflow:hidden; line-height:30px; margin:10px 0 10px 0}
.frmUser label{ float:left; width:150px;  color:#555; font-size:17px}
.frmUser .btn{ margin:25px 0 0 150px}
.frmUser .btn input{width:120px; text-align:center; height:40px; line-height:40px; text-transform:uppercase; cursor:pointer; border:none; padding:0; font-weight:bold}
.frmUser .submit{ background:#e70008; color:white}
.frmUser .cancel{ background:url(../images/line4.png) repeat-x; margin-left:10px}
.frmUser .error{ color:red; margin-left:150px}




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

.bottom{ height:50px; line-height:50px;  color:#FFF; background:#2472b2}



.footer1{ overflow:hidden; background:#f3f5f4;padding:20px}
.footer1 .fanpage{width:300px; overflow:hidden; float:left}
.footer1 .gmap{width:calc(100% - 350px); overflow:hidden; float:right}
.footer1 .gmap iframe{width:100% !important; height:210px}
.footer1 .top{ text-transform:uppercase; font-size:25px; line-height:30px; text-align:left; margin-bottom:10px}

#footer{ overflow:hidden; text-align:center;  margin:auto; margin:0px 0 0px 0; clear:both; background:#000; position:relative; padding:5px 0 5px 0; color:#c2c189;width:100%; }


.footer-home{ position:fixed !important; bottom:0; left:0;width:100%; z-index:333; background:rgba(0,0,0,0.9) !important}




.footer{margin:auto 10px 0px 10px; text-align:left;  position:relative; border:0px solid; overflow:hidden; line-height:22px}

.footer a{ color:#bae8ff}





.footer .box-ft{overflow:hidden; float:left; margin:0 0px 0 0; border:0px solid; font-size:12px}



.footer .ct{ overflow:hidden; float:left; margin-left:10px; line-height:45px}
.footer .ct span{ display:inline-block; margin-left:15px}
.footer .phone{ background:url(../images/icon-phone.png) left center no-repeat; padding-left:30px;}
.footer .fax{ background:url(../images/icon-fax.png) left center no-repeat; padding-left:30px; }
.footer .email{ background:url(../images/icon-email.png) left center no-repeat; padding-left:30px; }
.footer .right{float:right; overflow:hidden;}



#footer .socia{ float:right; margin:5px 0 0 0; overflow:hidden; line-height:35px}

#footer .socia img{ margin:0px 0 0 9px; float:right}


.menuFooter{ overflow:hidden; width:840px; float:right}

.menuFooter .box{width:140px; overflow:hidden; float:left}
.menuFooter h4{ text-transform:uppercase; font-size:14px; margin-bottom:15px}
.menuFooter a{ color:#2671b5}
.menuFooter ul{ overflow:hidden; }


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


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




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




























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




/********************************* BreadCrumd ************************************/

.breadcrumb{  line-height:30px; margin:10px 0 10px 0px; clear:both;width:100%; border:0px solid; overflow:hidden }
.breadcrumb ul{}


.breadcrumb li{ float:left;  color:#b3ab7b;  overflow:hidden; display:inline  }


.breadcrumb .home{  }

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

.breadcrumb li a{color:#b3ab7b}



/************************* 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:10px 0 5px 0; overflow:hidden; width:470px; float:left ; padding:10px ; border:1px solid #f4f4f4; text-align:center}



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

.img-product .large { border:0px solid #cfd5d3;  margin-bottom:15px; 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; width:70px; float:left; margin:0 10px 0 0; cursor:pointer}



.info-product {width:470px;margin:0px 0 20px 0px; overflow:hidden; float:right;  position:relative; border:0px solid; font-size:14px; line-height:28px}



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



.info-product .sapo{ line-height:22px; font-size:16px; margin:10px 0 20px 0; color:#7c7c7c}
.info-product .sapo .top{ color:#000; margin-bottom:8px}


.info-product .sp{ background:#f7f7f7; padding:10px 20px 10px 20px; border:1px solid #efefef;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px }
.info-product .sp .item{ overflow:hidden; margin-bottom:10px}
.info-product .sp .fullname{ text-transform:uppercase;}
.info-product .sp p{ overflow:hidden; line-height:35px}
.info-product .sp .cell{ display:inline-block; background:url(../images/icon-phone2.png) left center no-repeat; padding-left:40px; color:#e82c2d; font-size:25px; }

.info-product .sp img{ float:left; margin-right: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{ display:inline-block;width:120px;  font-weight:bold}


.hotline2{ background:url(../images/icon-phone2.png) left top no-repeat; padding-left:60px; font-size:15px; text-transform:uppercase; height:37px; line-height:45px}
.hotline2 span{ color:#fe0002; font-size:20px}



.content-pro{ text-align:justify; line-height:25px; overflow:hidden; clear:both; padding-top:20px; border-top:0px solid #e0e0e0; margin:20px 0 30px 0}

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

.content-pro .top span{  }






.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;font-weight:bold; border-bottom:1px solid #819f9f; margin-bottom:10px}

.tabs li{ padding:0 20px 0 20px; display:inline; float:left;  background:#dbdbdb}

.tabs a{ color:#4887f0}

.tabs .active{ background:#fd0000}

.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; clear:both; margin-bottom:50px; border:0px solid}
.block-home .left{ overflow:hidden;width:600px; float:left; border:0px solid}
.block-home .right{ overflow:hidden;width:600px; float:right; border:0px solid}

.introHome{ overflow:hidden; line-height:25px; text-align:left; }
.introHome img{ float:left; margin:5px 20px 0 0; border:1px solid #6bade1; padding:2px}
.introHome td{ vertical-align:top}
.introHome .read-more{ line-height:45px; margin-top:5px}
.introHome .read-more a{ color:#1c74bc; padding:8px 20px 8px 20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; border:1px solid #1c74bc}


.bg-box{background:#f3f3f3; padding:40px 0 40px 0; margin:40px 0 0 0; }
.bg-box2{background:url(../images/bg-block.png);  padding:30px 0 30px 0; margin:20px 0 0 0 }

.block-intro .item{ overflow:hidden;width:310px; float:left; margin:0 30px 0 0; float:left; text-align:left; line-height:22px; border:0px solid}
.block-intro  .clear3{ height:20px; clear:both}
.block-intro img{ height:156px; margin-bottom:15px;width:100%}
.block-intro img:hover{ opacity:0.3}
.block-intro h4{ margin-bottom:10px; font-size:21px; font-weight:normal; text-align:center}

.block-intro h4 a{ text-transform:uppercase; color:#0093dd}

.block-intro .item3{ float:right; margin-right:0}

.block-home .video{ overflow:hidden;width:300px; height:240px; float:left}

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

.newsHome{   overflow:hidden;position:relative; line-height:25px; text-align:left; margin:30px 0 30px 0}

.newsHome .first{overflow:hidden; margin:0  0px 0 0;width:408px; float:left}

.newsHome .first img{width:400px; margin:0 0 15px 0; border:1px solid #60a5de; padding:2px}

.newsHome .first h4{  margin-bottom:15px; line-height:18px}


.newsHome .item{ overflow:hidden;margin:0px 0px 20px 0px;width:500px; float:right; clear:right }
.newsHome .item img{ width:120px; height:80px; float:left;margin:5px 15px 0px 0px; border:1px solid #60a5de; padding:2px }

.newsHome  a{ color:#2474b1; font-weight:normal; font-size:15px}


.newsHome2{   overflow:hidden;position:relative; line-height:25px; text-align:left; margin:0px 0 30px 0}

.newsHome2 .first{overflow:hidden; margin:0  0px 0 0;width:408px; float:left}

.newsHome2 .first img{width:200px; margin:0  15px 0 0; border:1px solid #60a5de; padding:2px; float:left}

.newsHome2 .first h4{  margin-bottom:15px; line-height:18px}


.newsHome2 .item{ overflow:hidden;margin:0px 0px 20px 0px;width:500px; float:right; clear:right }
.newsHome2 .item img{ width:120px; height:80px; float:left;margin:5px 15px 0px 0px; border:1px solid #60a5de; padding:2px }

.newsHome2  a{ color:#2474b1; font-weight:normal; font-size:15px}
.newsHome2 .item3{ margin:5px 0 5px 0}
.newsHome2 .item3 h4{ background:url(../images/icon-row.png) left 8px no-repeat; padding-left:15px; margin-bottom:0px}
.map-ct{overflow:hidden; margin-top:20px; border:0px solid;width:48%; float:right}

.map-ct iframe{width:100% !important; height:400px}
.infoContact{ overflow:hidden; line-height:25px; text-align:left;width:350px; float:left; border:0px solid;margin:50px 0 0 0px;}
.infoContact td { line-height:30px; padding:5px;width:auto !important; border:0px solid; float:left}
.infoContact td table{ margin-bottom:40px}
.infoContact td h4{ font-weight:normal; font-size:31px; margin:20px 0 10px 0}
.infoContact td img{ float:left !important}

#frmContact { margin:30px 0 0 0px; overflow:hidden; text-align:left ;width:calc(100% - 370px); float:right}
#frmContact .left{ overflow:hidden;width:48%; float:left}
#frmContact .right { overflow:hidden;width:48%; float:right}






#frmContact span{ color:red}





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





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





#frmContact p input {width:calc(100% - 30px); height:22px; border:1px solid #e6e6e6; padding:10px; font-size:16px }

#frmContact p input.width{width:250px; }

#frmContact textarea{ width:calc(100% - 30px); height:86px;border:1px solid #e6e6e6; padding:10px; float:left; font-size:16px}



#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; background:#e10000; color:white; padding:12px 50px 12px 50px  }















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




.box-user{ text-align:center}
.box-user .name{ font-size:21px; color:#a99e66}
.box-user p{ margin:10px 0 10px 0; line-height:25px}
.box-user a{ background:#d60000; color:white; padding:5px 15px 5px 15px}
.navi-user{ overflow:hidden; }







.navi-user li{ display:block; text-transform:uppercase; background:#c8c39d; line-height:35px; padding:5px 0 0 20px; margin-bottom:5px}



.navi-user li:hover{ background:#00923f}

.navi-user a{ color:white; display:inline-block;width:100%}






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}





.detail-cate{ overflow:hidden; line-height:25px; margin-bottom:25px}

.news-item-first{ overflow:hidden;width:48%; float:left; overflow:hidden; margin-bottom:40px; line-height:25px}
.news-item-first2{ float:right}
.news-item-first img{width:calc(100% - 6px); height:250px; margin-bottom:15px; border:1px solid #61a8e0; padding:2px}


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

.news-item-first h4 a{ font-size:15px; color:#bcb78f; text-transform:uppercase}


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

.news-item img{width:250px; float:left; margin:3px 20px 0 0; border:0px solid #61a8e0;}

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

.news-item h4 a{ text-transform:uppercase; font-size:19px}



.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 .detail a{ color:#ff783e}







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







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

.news-cate-78{ overflow:hidden; margin: 0 0 0 0; padding:20px  0 0 0; border-top:3px solid #f5f3ec}

.news-cate-78 .item{ overflow:hidden; width:260px; float:left; margin:0 33px 0  0; text-align:center; line-height:25px}

.news-cate-78 .item3{ float:right; margin-right:0}
.news-cate-78 .clear3{ clear:both}

.news-cate-78 .item img{width:100%; height:200px; margin:0 0px 20px 0 ;}







.news-cate-78 .item h4{ margin-bottom:10px; font-weight:normal;font-size:23px; color:#a89f66; text-transform:uppercase}







.news-cate-78 .item h4 a{ font-size:23px; }
.news-cate-78 .sapo{ line-height:25px; overflow:hidden; text-align:left}




.list-partner{ overflow:hidden; margin:10px auto 10px auto;}

.list-partner .item{ float:left;width:153px; height:73px; margin:0 11px 10px 0; border:0px 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:0px 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%}









.item-tb{ background:url(../images/icon-row.png) left 7px no-repeat; padding-left:15px; line-height:23px; margin:10px 0 10px 0}
.item-tb a{ color:#4d8bc0; font-size:15px}





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



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



.news-right a{ color:#4d8bc0; line-height:22px}



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



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



.slide-news{ overflow:hidden;   margin:0px 0 0px 0; border:0px solid #e0e0e0; position:relative; display:block; padding:0px 0 0 0;width:100%}


.slide-news .pre-slide,.slide-news .next-slide{ height:130px;width:90px;  cursor:pointer; position:absolute; top:30px; z-index:99}

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

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

#slidePro{width:calc( 100% - 100px) !important; border:0px solid; margin:auto}

.slide-news li{ display:inline; float:left; margin:0 20px 0 0;  width:calc(20% - 17px); text-align:left; overflow:hidden;  padding:0px 0 0px 0; color:#606060; line-height:22px}
.slide-news img{ height:180px;width:100%; margin-bottom:10px}
.slide-news h4{ font-weight:normal;   font-size:16px; margin-bottom:10px}
.slide-news h4 a{ color:#606060}


.slide-img{ overflow:hidden;   margin:0px 0 0px 0; border:1px solid #e0e0e0; position:relative; display:block; padding:0px 0 0 0;width:100%; height:190px}


.slide-img .pre-slide,.slide-img .next-slide{ height:30px;width:40px;  cursor:pointer; position:absolute; top:40%; z-index:99}

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

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


.slide-img li{ display:inline; float:left; width:100%; height:190px; overflow:hidden}
.slide-img img{ width:100%; height:190px}

/************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; text-transform:uppercase; color:#606060; line-height:55px;  font-size:30px;/*background:url(../images/bg-title-home.png)  center bottom no-repeat; */ margin:10px 0 20px 0; overflow:hidden; padding-bottom:1px !important;}






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

.bannerHome{ overflow:hidden; text-align:center; margin:20px 0 50px 0}
.bannerHome img{width:100%}
ul.rss{width:300px; }

ul.rss li{ line-height:35px; font-weight:bold; border-bottom:1px solid #DDD}

ul.rss li li{ margin-left:20px; font-weight:normal}

.rss a{ color:#246162 ; background:url(../images/rss2.png) left center no-repeat; padding-left:70px; display:inline-block}

.left-intro{ overflow:hidden; border:1px solid #f4f4f4; text-transform:uppercase}

.left-intro .item{ padding:10px; line-height:20px; border-bottom:1px dashed #e7e7e7}

.left-intro p a:hover{ color:#246162}
.news-left{ overflow:hidden; margin:10px 0 20px 0}
.news-left img{width:120px; float:left; margin:3px 12px 0 0}
.news-left h4 a{ color:#4a4a4a; line-height:20px; font-weight:normal}
.news-left h4{ margin-bottom:5px}

.news-left2{ overflow:hidden; margin:20px 0 20px 0 !important; background:none !important; padding-left:0 !important; border:0px solid }
.news-left2 img{width:90px; height:60px; float:left; margin:10px 15px 0 0}
.news-left2  a{ color:#a89f66; line-height:20px; text-transform:uppercase; font-size:14px }
.news-left2 h4 a:hover,.news-left2 h4 a.active{ color:#fe951f}



.list-album{ overflow:hidden}
.list-album .item{ overflow:hidden;width:335px; text-align:center; border:0px solid; float:left; margin:0 0px 0 0}
.list-album .item2{ float:right; margin-right:0}
.list-album img{width:100%; height:215px; margin-bottom:15px}
.list-album a{ color:#a89f66; font-size:16px}
.list-album .clear2{ height:60px; clear:both}

.slide-gallery{ overflow:hidden;   margin:0px 0 0px 0; border:0px solid #e0e0e0; position:relative; display:block; padding:0px 0 0 0;width:100%; min-height:350px}


.slide-gallery .pre,.slide-gallery .next{ height:57px;width:57px;  cursor:pointer; position:absolute; top:40%; z-index:99}

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

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


.slide-gallery li{ display:inline; float:left; width:100%; min-height:350px}
.slide-gallery img{ width:100%}
.thumbs-slide{ overflow:hidden; text-align:center; margin-top:0px; background:#30322e; padding:5px; margin-bottom:20px}
.thumbs-slide img{ height:70px; margin:5px}
.thumbs-slide .thumbActive img{opacity:0.8; border:0px solid red}
.title-album{ text-align:center; color:#bdb68f; text-transform:uppercase; font-size:30px; overflow:hidden; margin-bottom:70px}


.imgHome{ overflow:hidden; position:absolute; bottom:80px; left:0; z-index:55; border:0px solid; text-align:center;width:100%;  margin:auto}
.imgHome ul{ overflow:hidden; }
.imgHome li{ overflow:hidden; display:inline-block !important;width:322px;  margin:0 20px 0 20px; border:0px solid red; background:url(../images/line2.png) top repeat-x}
.imgHome li .name{ line-height:50px; text-transform:uppercase; font-size:26px}
.imgHome li img{ height:135px;width:272px; border:8px solid #938f60; padding:2px; background:#FFF; margin-bottom:20px }
.imgHome li img:hover{ opacity:0.8}
.imgHome li .view-more{ background:rgba(0,0,0,0.8); height:40px; line-height:40px; text-align:left; padding:0 20px 0 20px; font-style:italic}
.imgHome li .view-more a{ color:#019340; font-size:23px; background:url(../images/icon-row1.png) right center no-repeat;width:100%; display:inline-block}
.imgHome li .view-more:hover a{  color:#FFF; background:url(../images/icon-row2.png) right center no-repeat;}

.list-custommer{ overflow:hidden; margin-bottom:30px}
.list-custommer .item{width:220px; float:left; overflow:hidden; margin:0 105px 0 0; text-align:center}
.list-custommer .img{ border:1px solid #cac59f; padding:10px;margin-bottom:10px; overflow:hidden}
.list-custommer img { height:100px; }
.list-custommer p{ line-height:25px; font-size:17px}
.list-custommer .item4{ float:right; margin-right:0}
.list-custommer .clear4{ clear:both; height:50px}

.info-ks{ overflow:hidden; background:#00923f;}
.info-ks .price{ line-height:140px; color:white; font-size:21px; font-weight:bold;width:230px; text-align:center; background:#016f30; float:left; overflow:hidden}
.info-ks .tien-ich{ color:white; line-height:50px;/*width:calc(100% - 290px); float:right;*/ padding:20px 10px 0 10px}
.info-ks li{width:25%; overflow:hidden; display:inline; float:left; text-indent:30px}
.info-ks .wifi{ background:url(../images/tien-ich_2.png) left center no-repeat; }
.info-ks .sayToc{ background:url(../images/tien-ich_4.png) left center no-repeat; }
.info-ks .bonTam{ background:url(../images/tien-ich_3.png) left center no-repeat; }
.info-ks .dieuHoa{ background:url(../images/tien-ich_1.png) left center no-repeat; }
.info-ks .tivi{ background:url(../images/tien-ich_5.png) left center no-repeat; }
.info-ks .ket{ background:url(../images/tien-ich_7.png) left center no-repeat; }
.info-ks .giatLa{ background:url(../images/tien-ich_8.png) left center no-repeat; }
.info-ks .minibar{ background:url(../images/tien-ich_6.png) left center no-repeat; }
.sapo-ks{ overflow:hidden; background:#f2f2f2; line-height:25px; padding:25px; margin-bottom:30px}

.frmBook{ overflow:hidden; position:absolute; bottom:0; left:0; z-index:22; background:rgba(255,255,255,0.8);width:100%; padding:20px 0 20px 0; text-align:left}
.frmBook .top{ line-height:30px; text-transform:uppercase; font-size:25px; margin-bottom:10px; font-weight:bold}
.frmBook p{ overflow:hidden;width:150px; float:left;}
.frmBook label{ display:block; line-height:30px; font-weight:bold; font-size:16px}
.frmBook input{width:130px;padding:5px; border:0px solid; height:24px; line-height:24px}
.frmBook #date_start,.frmBook #date_end{ background:#FFF url(../images/calender.png) right center no-repeat}
.frmBook select{width:130px;padding:8px; border:0px solid;  }
#btnBook{ text-transform:uppercase;  color:white; font-size:22px; background:#db0000; height:auto; width:auto; padding:10px 10px 10px 10px; float:right; cursor:pointer}

.sub-tl{ overflow:hidden}
.sub-tl .item{ overflow:hidden; width:45%; float:left; text-align:center; line-height:30px; border:1px solid #c6ded0; background:#f4f6f5; font-size:17px; margin-bottom:30px; padding:10px 0 10px 0}
.sub-tl .item2{ float:right}
.sub-tl .clear2{ clear:both; height:40px}
table.tl tr{ background:#f4f6f5}
table.tl .event{ background:#fafafa}
table.tl .dl{width:120px; text-align:center; float:right}
table.tl td{ line-height:25px; padding:5px 5px 5px 15px}
table.tl .name a:hover{ color:#fe9720}

.box-content{ overflow:hidden; line-height:25px; padding-right:1px}
.fixed-right{width:44px; height:102px; background:url(../images/icon-fixed-right.png) top no-repeat; position:fixed; bottom:80px; right:0; z-index:9999 !important}
.fixed-right a{ display:block;width:100%; height:50px; border:0px solid red}
@media screen  and (min-width: 860px){
.icon-menu,.banner2,.menuTop2{ display:none !important}
.menuTop{ display:block !important}

}

@media screen and (min-width:1001px) and (max-width: 1299px){

body{ border:0px solid red;}
.wrapper{width:1000px; overflow:hidden}
.main-content{width:760px; overflow:hidden}
.left-content{width:230px}
.banner img{width:300px; margin:10px 0 0 0}
.menuTop { border:0px solid;  }
.menuTop li { padding:0 }
.menuTop li a{ font-size:15px; padding:0 15px 0 15px  }

.news-cate-78 .item{width:232px; margin:0 20px 0 0}
.news-cate-78 .item h4 a{ font-size:14px}
.news-cate-78 .item img{ height:150px}

.list-custommer .item{width:220px;  margin:0 30px 0 0; }

.frmBook p{width:120px; margin:0 5px 0 0}
.frmBook #btnBook {width:auto !important; font-size:15px}
.frmBook .btn{ float:right; margin:20px 0 0 0 }
.news-left2 { line-height:18px !important;}
.news-left2 img{ margin:3px 10px 0 0}
}

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

body{ border:0px solid red;}
.wrapper{width:860px; overflow:hidden}
.main-content{width:610px; overflow:hidden}
.left-content{width:230px}
.banner img{width:300px; margin:10px 0 0 0}
.menuTop { border:0px solid;  }
.menuTop li { padding:0 }
.menuTop li a{ font-size:15px; padding:0 15px 0 15px  }

.news-cate-78 .item{width:46%; margin:0 0px 0 0}
.news-cate-78 .item2{ float:right; margin-right:0}
.news-cate-78 .item3{ float:left}
.news-cate-78 .clear3{ display:none}
.news-cate-78 .clear2{ clear:both; height:30px}
.news-cate-78 .item h4 a{ font-size:14px}
.news-cate-78 .item img{ height:190px}

.list-custommer .item{width:250px;  margin:0 50px 0 0; }
.list-custommer .item3{ float:right !important; margin-right:0; border:0px solid red}
.list-custommer .clear3{ clear:both; height:30px}
.list-custommer .clear4{ display:none}
.list-custommer .item4{ float:left}
.frmBook{ border:0px solid red}
.frmBook p{width:calc(25% - 30px); margin:0 0px 0 30px; border:0px solid}
.frmBook .line{ clear:both}
.frmBook #btnBook {width:auto !important; font-size:15px; margin:20px 0 0 0; float:left}
.frmBook .btn{ float:left }
.news-left2 { line-height:18px !important;}
.news-left2 img{ margin:3px 10px 0 0}
.imgHome li{width:45%; }
.imgHome{ bottom:120px}

.info-ks .price{ font-size:17px;width:150px;  }
.info-ks .tien-ich{width:calc(100% - 160px)}
}

@media screen  and (max-width: 860px){
.body-home{width:auto; height:auto; overflow:inherit; position:static}
.left-content{width:100%; display:none}
.main-content{width:100%}
.menuTop{ overflow:hidden;width:100%; height:auto; clear:both; display:none}
.menuTop li{ display:block; float:none; clear:both; text-align:left; line-height:40px; padding-left:10px; border-bottom:1px solid #FFF}
.menuTop .home{ background:none;width:auto; line-height:inherit; height:auto}
.menuTop .home span{ display:inline-block}
.menuTop .menu-mb{ display:block}
.icon-menu{width:40px; height:30px; background:url(../images/icon-menu.png) center no-repeat; cursor:pointer; border:0px solid; float:right; display:block; clear:right; margin:0px 15px 0 0}

.header-home,.footer-home{ position:static !important}
.slideHome{ position:relative; margin-bottom:30px}
.slideHome .nivoSlider img ,.slideHome .nivoSlider{ max-height: none; height:auto !important  }
.imgHome{ position:static}
.imgHome li{width:46%; margin:0 1% 0 1%}
.imgHome li img{ height:150px; width:90%}
.footer .right{width:100%; clear:both; text-align:center; border:0px solid}
.footer .socia{width:100%}
.footer .socia span{ float:left }
.footer .box-ft,.footer .ct{width:100%; clear:both; margin:0 0 10px 0}
}

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

body{ border:0px solid red;}
.wrapper{width:700px; overflow:hidden}
.banner img{ max-width:300px}


.news-cate-78 .item{width:46%; margin:0 0px 0 0}
.news-cate-78 .item2{ float:right; margin-right:0}
.news-cate-78 .item3{ float:left}
.news-cate-78 .clear3{ display:none}
.news-cate-78 .clear2{ clear:both; height:30px}
.news-cate-78 .item h4 a{ font-size:14px}
.news-cate-78 .item img{ height:190px}

.list-custommer .item{width:215px;  margin:0 25px 0 0; }
.list-custommer .item3{ float:right !important; margin-right:0; border:0px solid red}
.list-custommer .clear3{ clear:both; height:30px}
.list-custommer .clear4{ display:none}
.list-custommer .item4{ float:left}
.frmBook{ border:0px solid red}
.frmBook p{width:calc(25% - 20px); margin:0 0px 0 20px; border:0px solid}
.frmBook .line{ clear:both}
.frmBook #btnBook {width:auto !important; font-size:15px; margin:20px 0 0 0; float:left}
.frmBook .btn{ float:left }
.news-left2 { line-height:18px !important;}
.news-left2 img{ margin:3px 10px 0 0}


.info-ks .price{ font-size:17px;width:150px;  }
.info-ks .tien-ich{width:calc(100% - 160px)}
}

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

body{ border:0px solid red;}
.wrapper{width:520px; overflow:hidden}
.banner img{ max-width:100%}
.navi-top{ text-align:left; clear:left; float:left}

.news-cate-78 .item{width:46%; margin:0 0px 0 0}
.news-cate-78 .item2{ float:right; margin-right:0}
.news-cate-78 .item3{ float:left}
.news-cate-78 .clear3{ display:none}
.news-cate-78 .clear2{ clear:both; height:30px}
.news-cate-78 .item h4 a{ font-size:14px}
.news-cate-78 .item img{ height:190px}

.list-custommer .item{width:46%;  margin:0 0px 0 0; }
.list-custommer .item2{ float:right !important; margin-right:0; border:0px solid red}
.list-custommer .clear2{ clear:both; height:30px}
.list-custommer .clear4{ display:none}
.list-custommer .item4{ float:left}
.frmBook{ border:0px solid red}
.frmBook p{width:calc(25% - 10px); margin:0 0px 0 10px; border:0px solid}
.frmBook .line{ clear:both}
.frmBook #btnBook {width:auto !important; font-size:15px; margin:20px 0 0 0; float:left}
.frmBook .btn{ float:left }
.news-left2 { line-height:18px !important;}
.news-left2 img{ margin:3px 10px 0 0}

.imgHome li .name{ font-size:14px}
.imgHome li img{ height:120px}
.info-ks .price{ font-size:17px;width:150px;  }
.info-ks .tien-ich{width:calc(100% - 160px)}
.info-ks li{width:50%; line-height:25px }

.footer1{ display:none}
.footer1 .fanpage,.footer1 .gmap{width:100% !important}
.fb-like-box{width:100% !important; float:left; height:auto !important}

.contactInfo,#frmContact{width:100%}
.news-item img{width:200px}
.frmUser{ max-width:90%}
.frmUser form{ padding:10px}
.frmUser  label{width:120px !important; border:0px solid red}
.frmUser  input{width:calc(100% - 170px) !important}
}


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

body{ border:0px solid red;}
.wrapper{width:98%; overflow:hidden}
.frmSearch{ clear:both;width:100%}
#frmSearch{ float:left}
.banner img{ max-width:100%}
.navi-top{ text-align:left; clear:left; float:left}

.news-cate-78 .item{width:100%; margin:0 0 20px  0; clear:both; float:none !important}
.news-cate-78 .clear3{ display:none}
.news-cate-78 .item h4 { text-align:left; font-size:14px}
.news-cate-78 .item h4 a{ font-size:14px}
.news-cate-78 .item img{ width:150px; height:auto; margin:5px 10px 0 0; float:left}

.list-custommer .item{width:46%;  margin:0 0px 0 0; }
.list-custommer .item2{ float:right !important; margin-right:0; border:0px solid red}
.list-custommer .clear2{ clear:both; height:30px}
.list-custommer .clear4{ display:none}
.list-custommer .item4{ float:left}
.list-custommer .item img{ height:70px}

.frmBook{ border:0px solid red; display:block; position:static}
.frmBook p{width:calc(50% - 30px); margin:0 10px 0 10px; border:0px solid}
.frmBook .line{ }
.frmBook #btnBook {width:auto !important; font-size:15px; margin:20px 0 0 0; float:left}
.frmBook .btn{ float:left }
.news-left2 { line-height:18px !important;}
.news-left2 img{ margin:3px 10px 0 0}

.imgHome li .name{ font-size:14px}
.imgHome li img{ height:120px}
.info-ks .price{ font-size:17px;width:100%; height:auto; line-height:50px;  }
.info-ks .tien-ich{width:auto; float:none; padding:10px 10px 10px 10px}
.info-ks li{width:50%; line-height:25px }

.slide-gallery{ height:250px; min-height:inherit}
.slide-gallery li,.slide-gallery li img{ height:250px}


.footer1{ display:none}
.footer1 .fanpage,.footer1 .gmap{width:100% !important}
.fb-like-box{width:100% !important; float:left; height:auto !important}

.contactInfo,#frmContact{width:100%}
.news-item img{width:150px}
.news-item .sapo{ display:none}
.frmUser{ max-width:90%}
.frmUser form{ padding:10px}
.frmUser  label{width:120px !important; border:0px solid red}
.frmUser  input{width:calc(100% - 170px) !important}
.frmUser .btn{ margin-left:0}
.frmUser .submit{width:auto !important; padding:0 10px 0 10px !important}
}

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

body{ border:0px solid red;}
.wrapper{width:98%; overflow:hidden}
.banner{width:100%}
.banner img{ max-width:100% !important}
.navi-top{ text-align:left; clear:left; float:left; margin:10px 0 0 0}
.navi-top a{ margin:0 5px 0 5px}
.imgHome li{ display:block;width:90%; margin-bottom:20px}
.imgHome li .name{ font-size:14px}
.imgHome li img{ height:120px}
.background-popup{ position:absolute; height:auto;width:auto}
.frmUser{ max-width:90%; }
.frmUser form{ padding:10px}
.frmUser  label{width:120px !important; border:0px solid red}
.frmUser  input{width:calc(100% - 170px) !important}
.frmUser .btn{ margin-left:0}
.frmUser .submit{width:auto !important; padding:0 10px 0 10px !important}
.footer .socia span{ display:none}
}