/* CSS Document */


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


@font-face {

  font-family: 'SVN Gotham';
  src:  url(../font/SVN-Gotham-Regular.otf);

}

@font-face {

  font-family: 'SVN Gotham Bold';
  src:  url(../font/SVN-Gotham-Bold.ttf);

}
@font-face {

  font-family: 'SVN Gotham Medium';
  src:  url(../font/SVN-Gotham-Medium.ttf);

}
@font-face {

  font-family: 'SVN Gotham Black';
  src:  url(../font/SVN-Gotham-Black.otf);

}
@font-face {

  font-family: 'SVN Gotham Book';
  src:  url(../font/SVN-Gotham-Book.otf);

}
@font-face {
  font-family: 'UTM Swiss 721';
  src:  url(../font/UTM-Swiss-721-Black-Condensed.ttf);

}
*{ margin:0; padding:0;}


body{ margin:0; padding:0; font-family:SVN Gotham Book; font-size:14px;  text-align:center;  position:relative; line-height:25px  }


div{ margin:0; padding:0}


img { border:none}



ul ,li{ list-style:none}



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







.clear{ clear:both}


.hover:hover{opacity:0.8}




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:center;line-height:40px;  font-size:18px;  margin:0px 0 0px 0; overflow:hidden; text-transform:uppercase; color:white; background:#004176}
.title-block2{ text-align:left; background:url(../images/line3.png) left center no-repeat; padding-left:20px;line-height:40px;  font-size:18px;  margin:0px 0 20px 0; overflow:hidden; text-transform:uppercase; font-family:'SVN Gotham Bold' }












h3.title, h1.title{text-align:left; background:url(../images/line3.png) left center no-repeat; padding-left:20px;line-height:40px;  font-size:18px;  margin:0px 0 20px 0; overflow:hidden; text-transform:uppercase; font-family:'SVN Gotham Bold' }

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

.short{width:180px}





div.title{  line-height:40px;   margin:0px 0 20px 0; overflow:hidden; text-transform:uppercase; text-align:left; clear:both  }

div.title .color{ color:#B9302F;  text-align:center;}





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


.wrapper{margin:0px auto auto auto;  clear:both;width:1140px; text-align:left }





.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 ; padding:5px 0 5px 0; margin: 0 0 10px 0; border-bottom:1px solid #EAE9E6}



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



#header .hotline{ background:#FFF url(../images/icon-phone1.png) left center no-repeat; height:44px; padding:0px 25px 0px 40px;  float:right;}
#header .hotline label{ display:block; text-transform:uppercase}

#header .hotline span{ color:#FF0B22; font-family:SVN Gotham Black; font-size:20px}

.top-header .email{ display:inline-block;background:url(../images/icon-email.png) left center no-repeat; padding:0 0 0 30px}
#header .check-book{ background:url(../images/xem-lich-kham.png) left center no-repeat; width:171px; height:57px; float:right; margin-right:60px; z-index:1}
.right-header .book{ background:url(../images/icon-calender.png) left center no-repeat; padding-left:55px; display:inline-block;  height:57px; line-height:55px; float:right; margin-right:60px; z-index:1; color:#075697; font-family:SVN Gotham Black; font-size:17px}

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


#header{ float:left;clear:both;border:0px solid red ; width:100%; z-index:99 ;}

#header .banner{text-align:left;  position:relative;  overflow:hidden;  margin:10px 0 10px 0; float:left ; z-index:9}



.banner img{ max-width:100%}

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

.lang{ overflow:hidden; margin:10px 10px 0px 10px; float:right; background:url(../images/line.png) left top no-repeat; padding-left:10px}

.lang img{  margin:0px 0 10px 5px;width:25px}

.menuTop2,.icon-menu{ display:none}
.bg-menu{ background:#2b5597; width:100%; float:left; clear:both}
.menuTop{  border:0px solid ; }

.menuTop ul{ }

.menuTop li{ display:inline-block; text-align:center;position:relative;  white-space:nowrap;  font-size:14px; padding:0 20px 0 20px; text-transform:uppercase ; float:left;height:50px; line-height:50px;}


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

.menuTop li a{display:inline-block; color:white ; }

.menuTop .home{width:26px; height:65px; background:url(../images/menu-home.png) center no-repeat;   display:inline-block; border:0px solid; padding:0 30px 0 0 }
.menuTop .book { float:right;  padding:0}
.menuTop .book a{width:247px; height:67px; display:block; background:url(../images/tra-lich-hen.png) center top no-repeat !important; margin-top:-4px}
.menuTop .book a span,.menu-mb{ display:none !important}
.menuTop .home span{ display:none}
.menuTop li:hover , .menuTop li.active { }


.menuTop a:hover ,.menuTop li.active a{background:url(../images/line6.png) bottom repeat-x; }



/*************************** 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:#08558E }


.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:0 0 0 10px;  margin:0; border-bottom:1px solid #FFF; border-right:none; display:block; float:none;  position:relative; white-space:inherit; text-transform:none}

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



.menuTop ul li ul li:hover{ color:#FFF; background-color:#FD3250 !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}


.icon-search{width:22px; height:22px; background:url(../images/icon-search.png) center no-repeat; cursor:pointer; float:right; margin:10px 0 0 0}
.frmSearch{  overflow:hidden;   float:right; background:#EFEEEC;border-radius:5px; }



#frmSearch{ }



#frmSearch input{ float:right}

#frmSearch #keyword{ margin:0px 0px 0 0;  padding:6px;width:250px;  outline:none; border:none; background:none  }


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


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




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







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







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







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







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







.slideHome{ overflow:hidden; height:324px; background:#FFF; padding:3px; border:1px solid #ebcda7; margin:0 0 20px 0}







.slideHome ul{width:2000px; overflow:hidden}







.slideHome li{ overflow:hidden; float:left; margin-right:18px;width:255px; height:180px; text-align:center}







.slideHome li img{webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;width:250px; height:175px; }







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







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



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




ul#category{overflow:hidden; margin:0px 0px 20px 0px; text-align:left; border:1px solid #E1E5E9; padding:10px}



ul#category li{ padding:10px 0px 10px 0px; line-height:25px; border-bottom:1px solid #F5F5F5;  overflow:hidden; }
ul#category li .show-sub{width:30px; height:30px; float:right; cursor:pointer;  background:url(../images/icon-down.png) center no-repeat}
ul#category li .show-less{ background:url(../images/icon-up.png) center no-repeat !important}
ul#category li:hover,ul#category li.active{ }
 
ul#category li li:first-child{ border-top:1px solid #F5F5F5; margin:10px 0 0 0 }
ul#category li:last-child{ border:none}

ul#category .sub{ overflow:hidden;  clear:both;width:100%; height:auto; display:none  }
ul#category .sub.active{ display:block}
ul#category .sub p{ display:block; border-top:1px solid #DDD; line-height:30px; padding-left:30px}


ul#category li a.level1{background:url(../images/icon-right.png) left 7px no-repeat; padding-left:20px; max-width:calc(100% - 70px); display:inline-block; overflow:hidden; float:left}
ul#category .active a, #category a:hover{ color:#004176}


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



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



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





#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{ margin:0px 0 10px 0; border:0px solid #d8d8d8;/*-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px*/}


.block-left table{ background:#DDD;}
.block-left table tr{ background:#FFF}
.block-left table td,.block-left table th{ line-height:20px; padding:5px}



.product-left{ overflow:hidden; text-align:center; margin:20px 0 20px 0 }













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







.product-left .name{  text-transform:uppercase;  line-height:18px; text-align:center; margin-bottom:8px}

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





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










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

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

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

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

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







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







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







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



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







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





















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







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























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

.detail-news{ overflow:hidden;width:calc(100% - 400px); float:left}

.otherNews{ overflow:hidden; margin:0px 0 0px 0; text-align:left;}

.otherNews .item{ overflow:hidden; margin:0px 0 0 0;width:48%; float:left}
.otherNews .item2{ float:right}
.otherNews .clear2{ clear:both; height:20px}

.otherNews img{  width:150px; float:left; margin:5px 10px 0 0;}

.otherNews h4{  font-size:16px; font-weight:normal; margin-bottom:5px; line-height:22px;}
.otherNews .date{ overflow:hidden; color:#0096CD}
.sapo-news{ overflow:hidden; padding:15px; background:#F7F7F7;border-radius:3px; margin-bottom:20px}
#muc-luc{ overflow:hidden; padding:15px; background:#F7F7F7;border-radius:3px; margin-bottom:20px}
#muc-luc ol{ padding-left:10px; color:#0070B4;counter-reset: item; overflow:hidden;}
#muc-luc li{ line-height:25px; list-style:inherit;display: block; padding:5px 0 5px 0; font-family:Tahoma, Geneva, sans-serif; font-size:15px }
#muc-luc li a{ color:#0070B4}
#muc-luc .top{ text-transform:uppercase; color:#0070B4; font-weight:bold; font-size:20px; margin-bottom:20px}
#muc-luc li:before { content: counters(item, ".") " "; counter-increment: item }
.list-content .top{ overflow:hidden; line-height:30px; font-weight:bold; font-size:20px; color:#0070B4; margin:20px 0 10px 0}
.contentTable h2{ font-size:17px; color:#0070B4}
.contentTable h3{ font-size:15px; }
.contentTable h4{ font-size:13px; }

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







.right-content{ width:300px; float:right; background:#FFF; }
.hl-right{width:354px; height:84px; background:url(../images/bg-hotline.jpg) left center no-repeat; color:white; font-family:'UTM Swiss 721'; text-indent:80px; text-transform:uppercase; line-height:30px; padding-top:10px; margin-bottom:20px}
.hl-right .line1{ display:block; font-size:18px }
.hl-right .line2{ display:block; font-size:24px }
.hl-right a{ color:white}


.partner-right li{ display:inline;width:calc(50% - 24px); float:left; margin:0 10px 15px 10px ; overflow:hidden; border:2px solid #FFC1A1; text-align:center}
.partner-right img{ height:60px;}


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







.block-right img{}







.block-right marquee{ margin:15px 0 0 0; text-align:center;}

.news-right1 li{ overflow:hidden; margin:10px 0 20px 0; border-bottom:1px solid #DDD; padding-bottom:20px;}
.news-right1 li .num{width:35px; height:35px; background: #0E558F; border-radius:100%; color:white; line-height:35px; text-align:center; float:left}
.news-right1 li a{ display:inline-block;width:calc(100% - 60px); overflow:hidden; float:right; line-height:25px; font-family:'SVN Gotham Bold'}


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







.main-content{ float:left;margin:0px 0px 20px 0px;width:830px; text-align:left; border:0px solid; }

.main-content2{overflow:hidden; float:left;margin:0px 0px 20px 0px;width:820px; text-align:left; border:0px solid;-moz-box-shadow: 0 0 19px #E1E1E1;-webkit-box-shadow: 0 0 19px #E1E1E1;box-shadow: 0 0 19px #E1E1E1; padding:20px; background:#FFF }

.main-content3{overflow:hidden; margin:5px 0px 20px 0px; text-align:left; border:0px solid;-moz-box-shadow: 0 0 19px #E1E1E1;-webkit-box-shadow: 0 0 19px #E1E1E1;box-shadow: 0 0 19px #E1E1E1; padding:20px; background:#FFF }

.list-product-home{ overflow:hidden; margin:30px 0 0 0}
.list-product-home .item{width:calc(25% - 20px); float:left; overflow:hidden; margin:0 15px 0 0; text-align:center; border:4px solid #EBEBEB;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}

.list-product-home .item4{ float:right; margin-right:0}
.list-product-home .img{ position:relative; margin-bottom:0px; height:150px; line-height:150px}
.list-product-home img{ height:100%}
.list-product-home .name{ background:#EBEBEB; line-height:25px; min-height:50px; font-size:18px; padding:10px 0 10px 0}
.list-product-home .name a{}
.list-product-home .detail{ background:rgba(0,0,0,0.5); position:absolute; top:0; left:0;width:100%; height:100%; display:none }
.list-product-home .detail span{ background:url(../images/icon-view.png) 5px center no-repeat; padding:12px 15px 12px 40px; border:1px solid; color:white; }
.list-product-home .img:hover .detail{ display:block}
.list-product-home .clear4{ height:30px; clear:both}



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







.list-product .item{ text-align:center; width:calc(25% - 20px); margin:0 25px 0 0; float:left;}

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

.list-product .img{  overflow:hidden;border:1px solid #F2F1EF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; padding:10px; margin-bottom:10px}
.list-product img{ height:175px; max-width:98%}
.list-product img:hover{opacity:0.8}

.list-product .name{font-size:16px; }
.list-product .name a{}
.list-product .detail{ background:rgba(0,0,0,0.5); position:absolute; top:0; left:0;width:100%; height:100%; display:none }
.list-product .detail span{ background:url(../images/icon-view.png) 5px center no-repeat; padding:12px 15px 12px 40px; border:1px solid; color:white; }
.list-product .img:hover .detail{ display:block}


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


.slide-product{  background:#F8F5F3; border:1px solid #EAE8E6 !important; padding:20px 10px 20px 10px;border-radius:10px; margin-bottom:40px}
.slide-product .item{ border:0px solid; text-align:center}
.slide-product .img{ background:#FFF; margin-bottom:10px; border:1px solid #E9E6E3; padding:5px;border-radius:10px}
.slide-product img{ height:245px; max-width:96%}
.slide-product img:hover{opacity:0.8}
.slide-product .name { font-size:18px; font-family:GoogleSans Medium}
.slide-product .owl-nav{ display:block !important; }
.slide-product .owl-prev, .slide-product .owl-next{width:34px; height:34px;position:absolute; top:40%; z-index:9; display:block !important}
.slide-product .owl-prev{left:-20px; background:url(../images/icon-pre.png) center no-repeat}

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



.slide-project{ margin-bottom:40px}
.slide-project .item{ border:0px solid; text-align:center}
.slide-project .img{ background:#FFF; margin-bottom:10px; border:1px solid #E9E6E3; padding:5px;border-radius:10px}
.slide-project img{ height:215px; width:100%;border-radius:5px; margin-bottom:10px}
.slide-project h4 { font-size:18px; font-family:GoogleSans Medium; font-weight:normal}
.slide-project .owl-nav{ display:block !important; }
.slide-project .owl-prev, .slide-project .owl-next{width:34px; height:34px;position:absolute; top:40%; z-index:9; display:block !important}
.slide-project .owl-prev{left:-20px; background:url(../images/icon-pre.png) center no-repeat}

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


/****************************** 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 ****************************************************************/
.fixed-right{width:44px; height:152px; background:url(../images/icon-fixed-right.png) center no-repeat; position:fixed; top:40%; right:0; z-index:9}
.fixed-right a{ display:block;width:100%; height:50px; border:0px solid red}
.bottom{ line-height:35px; text-align:left; border-top:1px solid; padding:10px 0 10px 0;  color:#797979; background:#141414; overflow:hidden}
.copyright{ float:left}
.bg-ft{ background:#0075A3 url(../images/bg-box2.png) center no-repeat; padding:20px 0 20px 0; color:#FFF; line-height:25px; text-align:center; margin-bottom:20px; text-align:left}
.top-footer{ overflow:hidden; background:#004176; padding:15px 0 15px 0}
.top-footer .item{ overflow:hidden; float:left; color:white; text-transform:uppercase;font-family:'UTM Swiss 721'; line-height:30px}
.top-footer  a{ color:white}
.top-footer .item .line1{ display:block; font-size:18px }
.top-footer .item .line2{ display:block; font-size:24px }
.top-footer .icon1{ background:url(../images/icon-phone-white.png) left center no-repeat; padding-left:70px;width:320px}
.top-footer .icon2{ background:url(../images/icon-tv.png) left center no-repeat; padding-left:70px;width:370px}
.top-footer .icon3{ background:url(../images/calender.png) left center no-repeat; padding-left:70px}
#footer{ overflow:hidden;    margin:0px 0 0px 0; clear:both; background:#D2E2F1; position:relative; padding:25px 0 15px 0}
.footer{ text-align:left;   padding:0px 0px 2px 0px; color:#005698 ; position:relative; border:0px solid; overflow:hidden; border:0px solid}

.footer  .top{ font-size:17px; margin-bottom:10px; text-transform:uppercase; font-family:GoogleSans Bold}


.footer .content-ft{ overflow:hidden; float:left;width:60%; line-height:25px}
.footer .content-ft img{ }

.footer .box4{width:25%; float:right}
#frmNewsletter{ overflow:hidden; background:#2f2f2f; padding:5px; border:0px solid red; margin-bottom:30px}
#frmNewsletter #txtEmail{ background:none;width:calc(100% - 60px); padding:5px;  height:30px ; color:white; border:none; outline:none}
#frmNewsletter #btnSent{width:35px; height:42px; background:url(../images/btn-sent.png) center no-repeat; cursor:pointer; border:none; float:right}

.footer .socia{ height:65px; line-height:65px; border:0px solid; text-align:center; overflow:hidden; clear:both}

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

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


.menuFooter{ overflow:hidden; width:300px; margin:0 0px 0 0px; border:0px solid; float:right}


.menuFooter ul{}
.menuFooter li{  display:block; text-transform:uppercase; line-height:35px; border-bottom:1px solid #ADCBE5 }


.menuFooter li a{ color:#005698; font-size:16px }
.menuFooter li:last-child{ border:none}


.copyright{ line-height:30px; text-align:left; text-transform:uppercase; color:#707070; clear:both; padding-top:30px}



.paging{ padding:25px 0 20px 0; text-align:center;  clear:both; line-height:35px; font-size:14px;}







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







.paging  .num{padding:5px 8px 5px 8px; border:1px solid #DDD; margin:5px; }







.paging .curent {  color:red !important;padding:5px 8px 5px 8px; border:1px solid #DDD; margin: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; }


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







.block-left .partner img{ margin:10px 0 10px 0}



body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prevlabel.gif) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/nextlabel.gif) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-weight: bold;
  line-height: 26px
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 66px;
  height: 22px;
  background: url(../images/closelabel.gif) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}





.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{  line-height:25px; margin:10px 0 10px 0px; clear:both !important; border:0px solid;width:100% ; overflow:hidden}
.breadcrumb ul{}


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


.breadcrumb .home{  }

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

.breadcrumb li a{color:#0D558F }



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

.bg-box{ overflow:hidden;  border:0px solid;-moz-box-shadow: 0 0 19px #E1E1E1;-webkit-box-shadow: 0 0 19px #E1E1E1;box-shadow: 0 0 19px #E1E1E1; padding:10px; background:#FFF; margin:10px 0px 10px 0px;}
.img-product{margin:0px 0 0px 0; overflow:hidden; width:45%; float:left ;   text-align:center}



.title-top{  font-size:21px; margin-bottom:10px}

.img-product .large {border:1px solid #EBEBEB;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; margin-bottom:20px}

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



.list-img{ overflow:hidden; border:1px solid #EBEBEB;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; padding:5px}

.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 li{ display:inline; float:left; overflow:hidden; border-right:1px solid #EBEBEB; padding:1px;  margin:5px 5px 5px 0; text-align:center}
.list-img li:last-child{ border:none }


.list-img img{ height:60px;  float:left; margin:0 0px 0 0; cursor:pointer}

.list-img .video img{ height:auto}

.info-product {width:50%;margin:0px 0 20px 0px; overflow:hidden; float:right; }



.info-product h2{  font-size:24px; margin-bottom:8px; font-family:GoogleSans Bold;  font-weight:normal}



.info-product .sapo{ line-height:25px;  margin:10px 0 20px 0; }
.info-product .sapo .top{ color:#000; margin-bottom:8px}

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

.info-product .share{ border-bottom:1px solid #E7E6E3; padding-bottom:10px; margin-bottom:10px }



.info-product p label{ display:inline-block;width:100px; }


.info-product .ct{ line-height:50px}
.info-product .link1{ background:url(../images/line1.png)  center repeat-x; color:white; line-height:35px; height:35px; display:inline-block; font-size:16px; padding:0px 20px 0px 20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; margin-right:20px}
.info-product .link1 span{ background:url(../images/icon-cart.png) left center no-repeat; padding-left:30px}

.info-product .link2{ background:url(../images/line2.png)  center repeat-x; color:white; line-height:35px; height:35px; display:inline-block; font-size:16px; padding:0px 20px 0px 20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; margin-right:20px}
.info-product .link2 span{ background:url(../images/icon-download.png) left center no-repeat; padding-left:30px}


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



.bg-box1{background:url(../images/bg-box1.jpg) center no-repeat; background-size:cover;  padding:20px 0 40px 0; margin:30px 0 0px 0 ; overflow:hidden; }
.list-service{ overflow:hidden}
.list-service .item{ overflow:hidden;width:calc(20% - 10px); float:left; text-align:center; background:#FFF; margin:0 12px 12px 0; padding:10px 0 10px 0}
.list-service .item5{ float:right; margin-right:0}
.list-service .img{ height:117px; overflow:hidden; text-align:center; margin-bottom:15px}
.list-service img{ margin-top:-117px;-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}
.list-service .item:hover img{ margin-top:0}
.list-service .name{ font-family:SVN Gotham Bold; font-size:16px; min-height:60px}


.video-home{ overflow:hidden;width:48%; float:right}
 
.video-home iframe{width:100% !important; height:300px !important}
.introHome{ overflow:hidden; line-height:25px; text-align:left; }
.introHome .img{ overflow:hidden;width:40%; float:left}
.introHome .right{ overflow:hidden;width:58%; float:right}
.introHome .top{ overflow:hidden; margin-bottom:30px; line-height:30px; padding-bottom:15px; color:#005698 }
.introHome .top .line1{ text-transform:uppercase; font-family:SVN Gotham Black; font-size:18px}
.introHome .top .line2{ text-transform:uppercase; font-family:SVN Gotham Black; font-size:30px}
.introHome .top .line2 span{ border-bottom:5px solid #FD3250}
.introHome .text{ overflow:hidden; margin-bottom:20px; font-family:SVN Gotham Book; font-size:16px}
.introHome .detail{ line-height:50px}
.introHome .detail a{ background:#FFB700; color:white; border-radius:30px; padding:10px 30px 10px 30px}
.bg-box2{  margin:0px 0 0px 0; overflow:hidden; background:#E6E5E0; padding:30px 0 30px 0 }
.introDoctor{ text-align:center; max-width:800px; margin:auto}
.slide-doctor{ margin-bottom:40px; max-width:600px; margin:auto}
.slide-doctor .item{ border:0px solid; text-align:center; background:#FFF;border-radius:5px; padding:20px 10px 20px 10px; box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 12px; margin:15px 10px 15px 10px }
.slide-doctor .img{ background:#FFF url(../images/bg-img.png) center no-repeat; margin:0 auto 10px auto;width:227px; height:227px; }
.slide-doctor img{ height:207px; width:207px;border-radius:100%; margin:10px}
.slide-doctor .name { font-size:18px; font-family:SVN Gotham Bold; text-align:center; margin-bottom:10px; text-transform:uppercase}
.slide-doctor .name a{ color:#F60000}
.slide-doctor .ck{ color:#599CDA;  font-size:18px; margin-bottom:10px}
.slide-doctor .text{ }
.slide-doctor .owl-nav{ display:block !important; }
.slide-doctor .owl-prev, .slide-doctor .owl-next{width:34px; height:41px;position:absolute; top:40%; z-index:9; display:block !important}
.slide-doctor .owl-prev{left:-30px; background:url(../images/icon-pre.png) center no-repeat}

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


.list-doctor{ overflow:hidden}
.list-doctor .item{ border:0px solid; text-align:center; background:#FFF;border-radius:5px; padding:20px 10px 20px 10px; box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 12px; margin:15px 10px 15px 10px;width:44% ; float:left}
.list-doctor .item2{ float:right}
.list-doctor .clear2{ clear:both; height:30px}
.list-doctor .img{ background:#FFF url(../images/bg-img.png) center no-repeat; margin: auto auto 10px auto;width:227px; height:227px;}
.list-doctor img{ height:207px; width:207px;border-radius:100%; margin:10px}
.list-doctor .name { font-size:18px; font-family:SVN Gotham Bold; text-align:center; margin-bottom:10px; text-transform:uppercase}
.list-doctor .name a{ color:#F60000}
.list-doctor .ck{ color:#599CDA; text-align:left; font-size:18px; margin-bottom:10px}
.list-doctor .text{ text-align:justify}



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

.newsHome .first{ overflow:hidden;width:45%; float:left; position:relative}
.newsHome .first h4{ background:rgba(0,0,0,0.3); position:absolute; bottom:0; left:0; z-index:99; width:calc(100% - 20px);padding:10px}
.newsHome .first h4 a{ color:white; text-transform:uppercase; font-weight:normal}
.newsHome .first img{ width:100% ;border-radius:5px}
.newsHome img:hover {opacity:0.8}

.newsHome .item2 h4{ margin:0px 0 10px 0; font-size:16px; font-weight:normal; font-family:GoogleSans Bold}
.newsHome .date{ color:#1478c3}
.newsHome .item2{ overflow:hidden; border:0px solid;width:50%; float:right;  margin: 0 0 20px  0; text-align:left; clear:right}
.newsHome .item2 img{width:150px; height:110px; float:left; margin:5px 20px 0 0;border-radius:5px}
.newsHome  .sapo{ margin-bottom:10px}


.newsHome .detail a{ background:#EBBC26; color:white; padding:15px 35px 15px 35px; text-transform:uppercase}
.bg-box3{background:url(../images/bg-box3.jpg) center no-repeat; background-size:cover;  padding:30px 0 0px 0; margin:0px 0 30px 0 ; overflow:hidden}
.frmAdvanceHome{line-height:30px; overflow:hidden}
.frmAdvanceHome .col1{ overflow:hidden;width:290px; float:left; }
.frmAdvanceHome .col2{ overflow:hidden;float:left; }
.frmAdvanceHome .col3{ overflow:hidden; float:right;width:430px; color:white}
.frmAdvanceHome .col1 span{ display:block}
.frmAdvanceHome .line1{ color:#ffbb00 ; font-family:'UTM Swiss 721'; font-size:21px; text-transform:uppercase}
.frmAdvanceHome .line2{ color:#FFF ; font-family:'UTM Swiss 721'; font-size:21px; text-transform:uppercase; margin-bottom:20px}
.frmAdvanceHome .line3{ color:#FFF ; font-family:Arial, Helvetica, sans-serif; font-size:16px}
.frmAdvanceHome .btn-tv{ display:block;width:213px; height:53px; background:url(../images/btn-tu-van.png) center no-repeat; margin:20px 0 180px 0}
.frmAdvanceHome .line4{ color:#ffbb00; display:block}
.frmAdvanceHome .hl{ color:white; background:url(../images/icon-phone3.png) left center no-repeat; padding:0px 0 0 30px; font-family:'UTM Swiss 721' ; font-size:28px; display:block; margin-top:10px}

#frmBookHome{ overflow:hidden; margin-top:30px}
#frmBookHome .row{ margin:10px 0 15px 0}
#frmBookHome .row input{ background: #F5F8F9; border-radius:5px; padding:10px; width:calc(100% - 22px); border:1px solid #94A8B8; outline:none}
#frmBookHome .row select{ background: #F5F8F9; border-radius:5px; padding:10px; width:100%; border:1px solid #94A8B8; outline:none}
#frmBookHome #btnDk{width:auto; background:#FFB700 url(../images/icon-sent2.png) 80% center no-repeat; padding:10px 60px 10px 30px; cursor:pointer; font-family:SVN Gotham Bold}
#frmBookHome #date_checkin{ background:#F5F8F9 url(../images/calender2.png) right center no-repeat}
.info-book{ border:1px solid #F2DCD9; padding:20px; background:#F2F8FF;border-radius:10px; margin-bottom:20px}
.frmBook2{ overflow:hidden; background:url(../images/bg-form-book.jpg) center no-repeat;  min-height:478px; max-width:810px; margin:auto}
#frmBook2{ overflow:hidden; margin:50px 50px 40px 50px}
#frmBook2 .top{ background:#0D558F; color:white; text-transform:uppercase; font-size:18px; font-family:'SVN Gotham Black';border-radius:5px; margin-bottom:20px; line-height:40px; text-align:center}
#frmBook2 .col1{ width:49%; float:left}
#frmBook2 .col2{ overflow:hidden;width:49%; float:right}
#frmBook2 .row{  margin:10px 0 15px 0; clear:both}
#frmBook2  input{  border-radius:5px; padding:10px; width:calc(100% - 22px); border:1px solid #94A8B8; outline:none}
#frmBook2  textarea{ border-radius:5px; padding:10px; width:calc(100% - 22px); height:60px; border:1px solid #94A8B8; outline:none}
#frmBook2  select{  border-radius:5px; padding:10px; width:100%; border:1px solid #94A8B8; outline:none}
#frmBook2 #btnDk{width:auto; background:#FFB700 url(../images/icon-sent2.png) 80% center no-repeat; padding:10px 60px 10px 30px; cursor:pointer; font-family:SVN Gotham Bold; float:right}
#frmBook2 #date_checkin{ background:url(../images/calender2.png) right center no-repeat}

.birthday{ overflow: hidden;}
.birthday select{width:135px !important; display: inline;margin:0 11px 0 0; float:left; }
#frmBook2  .birthday select{width:102px !important}

.birthday #year{float:right;margin-right:0}
.imgBanner{ overflow:hidden; clear:both}
.imgBanner img{ width:100%}
.contactInfo{ overflow:hidden; line-height:25px; margin:0 0 30px 0; }
.map{overflow:hidden; margin:20px auto auto auto}
.map table{width:100% !important}
.map td{width:50% !important; line-height:40px; font-size:19px; text-align:center; color:#B03025}
.map iframe{width:98% !important; height:300px !important}
.img-ct{ float:left;max-width:590px}
#frmContact {overflow:hidden;margin:0 0 20px 0 }




#frmContact .error{ color:red}


#frmContact .row{ overflow:hidden; margin:10px 0 10px 0; border:1px solid #DBD8D3}


#frmContact p { overflow:hidden;}

#frmContact .row div { overflow:hidden;width:49%; float:left}
#frmContact .left{width:48%; overflow:hidden; float:left}
#frmContact .right{ float:right;width:48%; overflow:hidden}


#frmContact  input {width:calc(100% - 70px); border:0px solid #EBEBEB; padding:10px; height:26px; float:left }
#frmContact label{width:49px; height:47px; float:left}
#frmContact .fullname{ background:#F3F3F3 url(../images/icon-user.png) center}
#frmContact .address{ background:#F3F3F3 url(../images/icon-address.png) center}
#frmContact .phone{ background:#F3F3F3 url(../images/icon-phone2.png) center}
#frmContact .email{ background:#F3F3F3 url(../images/icon-email.png) center}
#frmContact .title{ background:#F3F3F3 url(../images/icon-pen.png) center}
#frmContact .message{ background:#F3F3F3 url(../images/icon-nd.png) left top no-repeat; height:163px}

#frmContact textarea{ width:calc(100% - 70px); height:100px;border:0px solid #EBEBEB; padding:10px; }



#frmContact .note{font-size:17px; font-weight:normal; line-height:30px;  color:#16365C; margin:20px 0 20px 0; clear:both;width:100%; font-style:italic; background:#E6B8B7; padding:5px 10px 5px 10px }



#frmContact .btn {  }



#frmContact #submit{background:#293191 url(../images/icon-sent.png) 85% center no-repeat; padding:15px 65px 15px 45px; cursor:pointer; border:none; width:auto; height:auto; color:white;  float:right; font-size:18px;border-radius:25px}



#frmContact  .success{ color:#063;  font-size:18px; text-align:center; border:1px solid; padding:20px}


 .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:fixed; top:0; left:0;width:100%;height:100%; background:rgba(0,0,0,0.8);  z-index:9999; display:none}







.popup{width:893px; height:432px;  overflow:hidden; background:#FFF url(../images/bg-popup.png) left top no-repeat; margin:100px auto auto auto; position:relative}







.popup .close{width:45px; height:45px; position:absolute; top:20px; right:20px; cursor:pointer; border:0px solid red; cursor:pointer ; font-size:25px; font-weight:bold;}
#resultBook{  width:50%; float:right; margin:100px 70px 0 0 ; font-family:SVN Gotham Book; line-height:30px; text-align:left; font-size:17px}
#resultBook strong{ color:red; font-family:SVN Gotham Bold; text-transform:uppercase; font-size:21px}





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







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







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







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







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







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







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







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







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







#detailPro p{ overflow:hidden;}







#detailPro a{ color:#056b17}







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







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







#detailPro u{ font-weight:bold}







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







.navi-user{ overflow:hidden; }







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







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







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







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







span.detail{ cursor:pointer}







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



.list-news{ overflow:hidden}
.list-news .item{width:calc(33.33% - 20px); overflow:hidden; float:left; margin:0 30px 0 0; text-align:left}
.list-news .item3{ float:right; margin-right:0}
.list-news .clear3{ clear:both; height:40px}
.list-news .img{ overflow:hidden; position:relative}
.list-news .sapo{ overflow:hidden; position:absolute; top:0; left:0;width:94%; height:94%; padding:3%; background:rgba(0,0,0,0.7); line-height:22px; text-align:left; color:#FFF; display:none}
.list-news .img:hover .sapo{ display:block}
.list-news .date{ color:#0096CD}
.list-news .sapo { text-align:justify}
.list-news img{width:100%; height:245px; margin-bottom:20px;}
.list-news h4{ font-weight:normal; font-size:18px; margin-bottom:20px; font-family:SVN Gotham Bold; text-align:center; background:url(../images/line2.png) bottom center no-repeat; padding-bottom:10px; text-transform:uppercase; line-height:30px}
.list-news .detail{  line-height:40px;}
.list-news .detail a{  color:#FEEBE2; background:#F77C41; padding:12px 20px 12px 20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}


.list-news2{ overflow:hidden}
.list-news2 .item{width:calc(25% - 20px); overflow:hidden; float:left; margin:0 25px 0 0; text-align:left}
.list-news2 .item4{ float:right; margin-right:0}
.list-news2 .clear4{ clear:both; height:40px}
.list-news2 .img{ overflow:hidden; position:relative}
.list-news2 .img:hover .sapo{ display:block}
.list-news2 img{width:100%; height:205px; margin-bottom:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.list-news2 h4{ font-weight:normal; font-size:16px; margin-bottom:10px; font-family:GoogleSans Bold; text-align:center}
.list-news2 .sapo,.list-news2 .date{ display:none}

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

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

.news-item h4{ margin-bottom:15px; font-size:17px; margin-bottom:20px; font-weight:normal; font-family:'SVN Gotham Bold'  }

.news-item h4 a{ }
.news-item .date{ background:url(../images/clock.png) left center no-repeat; padding-left:25px; color:#9F8E63; overflow:hidden; line-height:35px}



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



.news-item .detail{ text-align:center}
.news-item .detail a{ color:#DB262B; text-transform:uppercase; padding:0; text-decoration:underline; background:none}







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





.news-cate-78 .item{ overflow:hidden; width:calc(33% - 30px); float:left;margin:0px 50px 0 0; text-align:left; /*padding-bottom:15px; background:url(../images/bg-line.png) bottom center no-repeat*/}
.news-cate-78 .item3{ float:right; margin-right:0}
.news-cate-78 .clear3{ clear:both; height:30px}
.news-cate-78 .item img{width:100%; height:230px;margin:0px  0 20px  0;}







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







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




.list-partner{ overflow:hidden; margin:10px auto 10px auto; height:73px;width:100% !important; padding:0 !important}

.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; padding-bottom:10px; border-bottom:1px solid #DDD; text-align:justify; font-family:'SVN Gotham Bold'}



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



.news-right:last-child{ border:none }



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



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



.slide-news{  margin:0px 0 0px 0; border:0px solid #e0e0e0; position:relative; display:block; padding:0px 0 0 0;width:100%}
.slide-news .item{ overflow:hidden; text-align:center; border:1px solid #EBEBEB; padding:10px 0 15px 0}
.slide-news img{ height:190px;max-width:100%; margin-bottom:10px}
.slide-news h4{ font-weight:normal;   font-size:16px; margin-bottom:10px}
.slide-news h4 a{ color:#606060}
.slide-news .detail{  line-height:30px; padding-top:10px}
.slide-news .detail a{ text-transform:uppercase; color:#FEEBE2; background:#F77C41; padding:12px 20px 12px 20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}

.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:fixed; bottom:40px; right:5px; width:auto; height:auto;width:25px; height:25px; background: url(../images/back-top.png) center no-repeat;border-radius:4px}



.title-home{  line-height:55px; font-family:SVN Gotham  Black;  font-size:30px;background:url(../images/line5.png) center  bottom  no-repeat;  margin:0px 0 30px 0; overflow:hidden; text-transform:uppercase; text-align:center; padding-bottom:5px}
.title-home a{ color:white}

.title-home span.icon1{  background:url(../images/icon-da.png)  left center no-repeat; padding-left:40px  }

.title-home span.icon2{  background:url(../images/icon-tt1.png)  left center no-repeat; padding-left:40px  }
.title-home span.icon3{  background:url(../images/icon-tt3.png)  left center no-repeat; padding-left:40px  }
.title-home span.icon4{  background:url(../images/icon-tt4.png)  left center no-repeat; padding-left:40px  }

.title-home2{  line-height:55px; font-family:SVN Gotham  Black;  font-size:30px;background:url(../images/line7.png) center  bottom  no-repeat;  margin:0px 0 30px 0; overflow:hidden; color:white; text-transform:uppercase; text-align:center; padding-bottom:5px}



.title-other{ line-height:28px;  font-size:24px; font-family:GoogleSans Bold;margin-bottom:10px; text-transform:uppercase}

.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:10px 0 20px 0; border:1px solid #fbae5e; padding:5px 10px 5px 10px;}
.news-left2 img{height:40px; float:left; margin:3px 12px 0 0}
.news-left2 h4 a{ color:#6e6e6e; line-height:20px; text-transform:uppercase; line-height:40px; font-family:Roboto Regular; font-size:14px; }
.news-left2 h4.line2 a{ line-height:20px}
.news-left2 h4 a:hover,.news-left2 h4 a.active{ color:#fe951f}
.news-left2 h4{ margin-bottom:5px}


.lvhd{ overflow:hidden; text-align:center}
.lvhd li{ display:inline-block;width:calc(33% - 5px); margin:0 5px 0 0;  vertical-align:top; float:left; overflow:hidden; position:relative}
.lvhd .item3{ float:right}
.lvhd .clear3{ clear:both; height:5px}
.lvhd h4{ font-size:17px; line-height:30px;  position:absolute; bottom:0; left:0;width:100%; text-align:center; padding:15px 0 10px 0; background:url(../images/line1.png) bottom repeat-x; font-weight:normal}
.lvhd h4 a{ color:white}
.lvhd img{width:100%}
.lvhd img:hover{opacity:0.8}
.list-album{ overflow:hidden}
.list-album .item{ overflow:hidden;width:275px; text-align:center; border:0px solid; float:left; margin:0 50px 0 0}
.list-album .item3{ float:right; margin-right:0}
.list-album img{width:100%; margin-bottom:10px}
.list-album a{ color:#4d8bc0; font-size:16px}
.list-album .clear3{ height:40px; 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:30px}
.thumbs-slide img{ height:60px; margin:5px}
.thumbs-slide .thumbActive img{opacity:0.8; border:1px solid red}

.news-79{ overflow:hidden}
.news-79 .item{width:48%; overflow:hidden; float:left; display:inline; text-align:center; line-height:25px; background:#AEDBC6}
.news-79 .item2{ float:right; background:#F68A41}
.news-79 .item3{ display:block;width:100%; clear:both; margin:30px 0 0 0; background:#6EA5BA}
.news-79 img{ margin:20px 0 30px 0; height:156px}
.news-79 img:hover{opacity:0.8}
.news-79 h4{ text-transform:uppercase; font-size:23px; margin-bottom:20px}
.news-79 h4 a{ color:#25363D}
.news-79 .detail a{ color:#3C464C; background:#F1F1F1; padding:10px 30px 10px 30px; text-transform:uppercase; font-size:17px}
.news-79 .detail{ text-align:center; margin-bottom:30px}

.news-80{ overflow:hidden; line-height:25px}
.news-80 li{ overflow:hidden; display:block; margin-bottom:60px; background:#EEEEEE}
.news-80 .img{ overflow:hidden;width:70%; float:left;}
.news-80 img{width:100%}
.news-80 .text{ float:right; overflow:hidden;width:26%; padding:2%}

.news-80 .item2{ background:#246F1A; color:white}
.news-80 .item2 .img{ float:right;}
.news-80 .item2 .text{ float:left}
.news-80 h4{ font-size:25px; margin-bottom:25px; font-weight:normal; line-height:30px}
.news-80 .item2 a{ color:white}

.news-92{ overflow:hidden}
.news-92 .item{width:calc(16.5% - 30px); margin:0 35px 0 0; overflow:hidden; float:left; display:inline; text-align:center; line-height:25px; border:1px solid #EFEFEF}
.news-92 .item6{ float:right; margin-right:0}
.news-92 .clear6{ display:block;width:100%; clear:both; height:40px}
.news-92 img{ height:76px; max-width:100%}

.box-content{overflow:hidden; text-align:justify; line-height:25px }
.box-content td{ vertical-align:top}
.list-search{ overflow:hidden;width:48%; float:left}
.list-search .top{color:#0070B4; font-weight:bold; margin-bottom:20px; border-bottom:1px solid; font-size:18px}
.list-search img{ overflow:hidden; float:left; margin:0 10px 0 0;width:80px; height:60px;}
.list-search .name { font-size:16px; color:#0070B4; margin-bottom:10px}
.list-search .item:hover .name{  color:#FFA600}
.list-search .item{ overflow:hidden; margin:0 0px 20px 0; border-bottom:1px dotted #eaeaea; padding-bottom:15px}
.list-search-pro{ float:left}
.list-search-news{ float:right}
.img-gt img{ max-width:100%}
#tbBook{width:100%; background:#eaeaea; margin-bottom:20px}
#tbBook td, #tbBook th{ padding:5px; line-height:20px}
#tbBook tr{ background:#FFF}
#frmSearchBook{ background:#F2F8FE ; border:1px solid #F7DEDB;border-radius:5px; padding:10px; margin-bottom:40px}
#frmSearchBook label{ font-family: SVN Gotham Bold;}
#frmSearchBook input[type="text"]{width:250px; padding:10px; border:1px solid #F7DEDB; border-radius:5px;}
#frmSearchBook #submit{ background:#FFB700; cursor:pointer; padding:10px 20px 10px 20px; border-radius:5px; border:none;font-family: SVN Gotham Bold;}

.result-search{ overflow:hidden; background:url(../images/bg-popup.png) left top no-repeat; min-height:300px; padding:100px 0 0 300px; font-size:18px; }
.result-search a.zl{ background:url(../images/zl.png) left center no-repeat; padding-left:25px; display:inline-block; background-size:20px 20px}

@media screen  and (min-width: 1050px){
.icon-menu,.logo-mb,.menuTop2{ display:none !important}
.menuTop{ display:block !important}
.fixed-top{ position:fixed; top:0; left:0; z-index:99; background:#FFF;width:96%; padding:0 2% 0 2%}
}
@media screen and (min-width:860px) {
#category{ display:block !important}
}

@media screen and (min-width:1200px) and (max-width: 1400px){

body{ border:0px solid red;}
.menuTop li a{ padding:0 10px 0 10px; }
}
@media screen and (min-width:1050px) and (max-width: 1200px){

}

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

body{ border:0px solid red;  background:none  }
.wrapper{width:98%; border:0px solid}

#header{ overflow:inherit}
.bg-menu{ }
.menuTop{  line-height:40px;  height:auto !important;width:100%; max-width:100%; z-index:99999; padding:10px 0px 10px 0px;  overflow:hidden; margin:0px ;  clear:both; display:none; clear:both; }

.menuTop li{ display:block; float:none; border-bottom:1px solid #FFF; text-align:left;   overflow:hidden; background:none !important; padding:0 0 0 0px;width:100% }
.menuTop li  a{  border:none !important; background:none !important; padding:0; font-weight:normal; color:white  !important;width:100%; margin-left:15px}
.menuTop .home { height:auto !important}
.menuTop .home span{ display:inline-block !important}
.menuTop  li:last-child{ border:none }
.menuTop  li ul{ position:static !important; display:block !important; visibility:visible !important;width:100% !important; border-top:1px solid #FFF }
.menuTop  ul li ul li{width:100% !important; border-top:none; }
.menuTop  li ul li a{width:100% !important}
.menuTop  li ul ul{ display:none !important}
.menuTop .book{ float:none}
.menuTop .book { float:right;  padding:0}
.menuTop .book a{width:auto; height:auto; display:inline; background:none !important; margin-top:0px}
.menuTop .book a span{ display:inline-block !important}
.menu-mb{ display:block !important}
.show-menu{ overflow:hidden; clear:both;width:100%; text-align:right; margin:0px 0 0px 0;  background:#d86719; line-height:40px;width:100%; }
.icon-menu{width:40px; height:40px; line-height:40px; background: #075697 url(../images/icon-menu.png)  center no-repeat; text-transform:uppercase;  cursor:pointer; font-size:14px; color:#FFF; border:0px solid; display:block;  z-index:99;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; float:right; margin:1px 0 0 0  }

.box-content img{ max-width:100% !important; height:auto !important}
.frmSearch{ float:left; margin-top:4px}
#frmSearch{ float:left; }
#frmSearch #keyword{ background:#FFF;width:180px}

.nivo-btn-pre,.nivo-btn-next{ width:25px; height:48px; background-size:100% 100%}
.banner{width:calc(100% - 150px); margin:0 !important; float:left}
.banner img{ width:100%; height:auto !important}
.right-header{ overflow:hidden; float:right; margin:0 }
.right-header .book{ margin-right:0 !important; background-size:28px 28px; font-size:15px; padding-left:30px}
.right-header .hotline{ display:none}
.menu-mb{ display:block}
}

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

}


@media screen and (min-width:760px) and (max-width: 859px){
body{ border:0px solid red;}

}



@media screen and (max-width: 600px){
body{ border:0px solid red; font-size:15px}
#header{ position:relative}



.lang{ margin:0px 60px  0 0; background:none; }
.main-content2{width:auto; float:none}
.right-content{width:100%; padding:0px; display:none}
.main-content{width:auto; float:none}
.introHome .img, .introHome .right{width:auto !important; float:none !important; }
.introHome .img{ text-align:center}
.introHome img{width:auto !important; float:none !important; max-height:200px}
.list-service .item{width:calc(50% - 20px); margin:0 10px 10px 10px; float:left !important}



.list-news .item,.list-news2 .item{width:100%; margin:0 0 20px 0; text-align:left}
.list-news .clear3,.list-news2 .clear4{ display:none}

.list-news2 img{ height:auto}
.list-news .sapo{ display:none !important}
.list-news .detail{ display:none}
.list-img2 img{ height:50px}
.introHome, .video-home{width:auto !important; float:none; margin-bottom:20px}
.news-item img{width:150px; height:auto !important}
.title-home{ font-size:25px}
.gioi-thieu td{ display:block}
.slide-product .owl-prev{left:10px; }

.slide-product .owl-next{right:15px; }
.newsHome .first, .newsHome .item2{width:100%; margin:0 0 20px 0; clear:both}
.detail-news, .otherNews{width:100%; float:none}

.bg-box3{ padding:10px 0 0px 0; margin:0px 0 10px 0 ; overflow:hidden}
.frmAdvanceHome .col1{ overflow:hidden;width:100%; text-align:center }
.frmAdvanceHome .col2{ overflow:hidden;float:none;width:100% ; text-align:center}
.frmAdvanceHome .col2 img{ height:250px}
.frmAdvanceHome .col3{ overflow:hidden; float:none;width:100%}
.frmAdvanceHome .col1 span{ display:block}
.frmAdvanceHome .line2{ margin-bottom:10px}
.frmAdvanceHome .btn-tv{ display:block;width:213px; height:53px; background:url(../images/btn-tu-van.png) center no-repeat; margin:20px auto 20px auto}
.frmAdvanceHome .hl{  margin:10px auto auto auto;width:200px}

#frmBookHome{ overflow:hidden; margin-top:30px}
.top-footer .item{with:100%; clear:both; margin:10px 0 20px 0}

.menuFooter{width:100%}
.content-ft{width:100% !important}
.content-ft img{ max-width:100%}
.frmBook2{ background:none; max-height:100%; max-width:100%}
#frmBook2{ overflow:hidden; margin:10px auto}
#frmBook2 .col1, #frmBook2 .col2{width:auto; float:none}
#frmBook2 input{ font-size:16px}
#frmBook2 .row{ margin:20px 0 20px 0}
.birthday select{width:126px !important;  height: 40px; }
#frmBook2 .birthday select{width:127px !important;   }

#frmBook2 select,#frmBookHome select{height: 40px !important; background: #FFF;}
.result-search{ background:none; padding:0 !important}
.popup{width:90%; height:450px;  overflow:hidden; margin:40px auto auto auto; background:#FFF !important  }
#resultBook{  width:auto !important; float:none; margin:60px 10px 10px 10px ; font-family:SVN Gotham Book; line-height:30px; text-align:left}


}
.rung{animation:code-pro-rung-lac 2s ease infinite}
@-webkit-keyframes code-pro-rung-lac{
0% {-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}

.multiselect {
  width: 100%; background:#F4F8F9;border-radius:5px
}

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  display: none; 
  padding:10px; line-height:30px; position:absolute; top:33px; left:1px;background:#F4F8F9; z-index:999
}

#checkboxes label {
  display: block; color:#000
}

#checkboxes label:hover {
}
#checkboxes input{width:auto !important; margin:0 10px 0 0}