@charset "utf-8";
/* CSS Document */

table { width: 100%; border-collapse: collapse; line-height: 25px; }
table td { padding: 1px; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: middle; }
a { text-decoration: none; color: #101010; }
.padding10{ padding:10px;}
a:hover { color: #0186ED; }
img { border: 0; max-width:100%; height:auto;}
ul { margin: 0; padding: 0; list-style: none; }
.clearb { clear: both; }
p { margin: 0; margin-bottom: 10px; padding: 0; }
.aligntop { vertical-align: top; }
.alignbottom { vertical-align: bottom; }
.aligncenter { margin-left: auto; margin-right: auto; }
.align-C { text-align: center; }
.align-J { text-align: justify; }
.align-R { text-align: right; }
.border-img { border: 1px solid #fff; }
.img-left { float: left; margin-right: 10px; border: 1px solid #fff; padding: 1px; width: 80px }
.ul-list { list-style: url(../images/list.png); margin: 10px 0; }
.ul-list li { padding: 3px 0; }
.floatL { float: left; }
.floatR { float: right; }
.marginL-15 { margin-left: 15px; }
.marginR-15 { margin-right: 15px; }
.logo-img { float: left; }
.banner-img { float: left; }
.padding0{ padding:0px;}
.padding5{ padding:0px 5px;}

body { margin: 0; font-size: 13px; line-height: 22px; color: #101010; font-family: Arial; }
.wrapper { }
.block-mtop { padding-top: 60px; }
/*header*/
#header { }
#header .wrapper { position: relative; }
#header .wrapper div.right { width: 280px; float: right; padding-top: 10px; }
.wrapper-header { position: relative; background:#FBFBFB;  border-bottom:1px solid #EEEEEE }
.tim-kiem { position: relative; width: 270px; height: 37px; margin: 0 auto; background: url(../images/bgtk.png) no-repeat top left; margin-bottom: 10px; }
.bx-default-pager { display: none }
#sendemail { width: 340px; height: 200px; display: none }
#sendemail h2 { height: 35px; background: #459E18; margin: 0px; color: #fff; line-height: 35px; font-weight: normal; padding: 0px 5px; font-size: 18px; }
#sendemail input { width: 320px; padding: 6px; border-radius: 3px; border: 1px solid #ccc; margin-bottom: 3px; }
#sendemail label { width: 320px; display: block; margin: 2px 0px; font-weight: bold; color: #459E18; }
#sendemail input.btn_guiemail { width: 320px; padding: 6px; margin-top: 10px; border-radius: 3px; border: 1px solid #ccc; margin-bottom: 3px; width: 100px; background: #459E18; color: #fff; border: none; }
.xuly_input { border: none; color: #8F8F8F; font-size: 11px; height: 37px; line-height: 37px; padding-left: 10px; width: 210px; color: #545454; font-style: italic; background: none; }
.bnt_search { background: url(../images/btn-search.png) no-repeat scroll 0 0 transparent; border: medium none; color: #C9C9C9; cursor: pointer; display: block; float: right; height: 18px; width: 21px; margin-top: 0px; position: absolute; top: 8px; right: 10px; }
.main-menu-top{background:#009F00;}
.top-menu { height: 38px; margin-bottom: 10px;  width:100%}
img.img-quangcao-top { /* margin-left: 132px; */
margin-top: 10px; float: left;  }
.top-menu >ul {  0 auto; }
.top-menu >ul >li { float: left; line-height: 40px; height: 40px; position: relative; padding: 0px 26px; border-right: 1px solid #B6E8B6; }
.top-menu >ul >li:hover { background: #198619 }
.top-menu >ul >li >a { font-size: 12px; color: #fff; font-family: arial; text-transform: uppercase; white-space: nowrap; font-weight: normal; }
.top-menu >ul >li:hover >a { color: #fff; }
.top-menu >ul >li:last-child { border: none }
.top-menu >ul >li >ul { position: absolute; padding-top: 5px; top: 38px; left: 0px; display: none; width: 215px; background: #198619; }
.top-menu >ul >li:hover >ul { display: block; z-index: 9999; }
.top-menu >ul >li >ul >li { padding: 5px 0; line-height: 25px; text-transform: none; border-bottom: 1px solid #04B004; font-size: 14px; position:relative }
.top-menu >ul >li >ul >li a { color: #fff; padding-left: 9px; display: block }
.top-menu >ul >li >ul >li:hover { background: #009F00; }
.top-menu >ul >li >ul >li a:hover { color: #fff; display: block; }
.top-menu >ul >li >ul >li { }
.top-menu >ul >li >ul >li>ul { width: 489px; position: absolute; left: 215px; top: 0px; background: #198619; display: none }
.top-menu >ul >li >ul >li:hover ul { display: block; top:0px; }
.top-menu >ul >li >ul >li >ul >li { padding: 7px 0; line-height: 20px; text-transform: none; border-bottom: 1px solid #04B004; width: 233px; float: left; margin-right: 5px; margin-left: 5px; }
.top-menu >ul >li >ul >li >ul >li:hover { background: #009F00; }
@font-face { font-family: myfont; src: url(a.woff); }
.readroom { height: 35px; margin-bottom: 5px; margin-top: 5px; }
.block-readroom { line-height: 35px; padding-right: 10px;  float: left; min-height: 35px; }
/*section*/
#section { }
#section .wrapper >.block { margin-bottom: 10px; }
.section { background: none !important; padding-top: 5px; }
/*.section .wrapper{background:#fff;}*/
iframe{ width:100% !important}
.section-right {   width: 100%;
  float: right;
  margin-bottom: 10px;
  padding: 0px 20px;
  padding-right: 0px;}
.section-right .block { margin-bottom: 10px; }
.section-right .block >h3 { height: 25px; color: #fff; line-height: 31px; text-align: left; padding: 0px; margin: 0px; font-size: 13px; font-weight: bold; }
.section-right .block >h3.title_1 { border-top: 3px solid #246603; height: 30px; text-transform: uppercase; text-align: left; padding-left: 15px; background: #459E18; }
.section-right .block .content { width: 100%; border: 1px solid #ccc; padding: 3px; border-top: 0px; }
.block-hot-news-item { float: left; width: 100%; min-height: 100px; font-size: 13px; }
div.block-hot-news-item img.img-news-hot { width: 240px; height: 154px; margin: 6px; float: left; margin-right: 15px; margin-bottom: 15px; }
div.block-hot-news-item h2 { font-weight: normal; float: left; color: #0f6b00; margin: 0px; font-size: 18px; width: 496px; }
.section-right .block .content ul { margin: 0px; padding: 0px; }
.section-right .block .content ul li { border-bottom: 1px solid #E5EECC; width: 100%; padding: 5px 0px; float: left; }
.list-news ul li { min-height: 63px; }
.list-news ul { margin-left: 15px !important; }
.section-right .block .content ul li:last-child { border-bottom: none; }
.list-left ul li > a { color: #434343 !important }
.img-quangcao { width: 298px; margin-bottom: 5px; }
.list-social { display: inline-block; float: right }
.list-social li { display: inline-block }
.section-right .block .content ul li a { display: block; font-weight: bold; color: #000002; margin-left: 10px; }
.section-right .class_huongdan { padding: 5px; width: 213px !important; text-align: justify }
.content-yahoo { background: url(../images/bg_content_right.jpg) repeat-x; padding-bottom: 5px; }
.content-lienhe { float: left; width: 225px; background: url(../images/bg_lienhe_left.png) top center no-repeat, url(../images/bg_lienhe3.png) bottom center no-repeat, url(../images/bg_lienhe_2.png) top center repeat-y; padding-top: 65px; padding-bottom: 10px; padding-left: 15px; padding-right: 10px; }
.content-tieudiem { float: left; width: 250px; padding-bottom: 10px; background: url(../images/title_tieudiem.jpg) top center no-repeat, url(../images/bg_lienhe3.png) bottom center no-repeat, url(../images/bg_lienhe_2.png) top center repeat-y; margin-top: -30px }
.content-tieudiem ul { margin-top: 61px; margin-left: 15px; }
.content-tieudiem ul li { background: url(../images/arow_right.png) left top no-repeat; padding-left: 27px; margin-right: 5px; }
.content-tieudiem ul li a { font-size: 14px; }
.hinhanh-left { float: left; width: 249px; background: url(../images/bg_img_left1.png) top center no-repeat, url(../images/bg_lienhe3.png) bottom center no-repeat, url(../images/bg_lienhe_2.png) top center repeat-y; }
.list_product { padding-bottom: 5px !important; margin-top: -5px; }
.h3-tktc { height: 23px !important; line-height: 23px !important; background: url(../images/h3-tktc.png) no-repeat top left !important; color: #101010; font-size: 15px; font-weight: 700; text-transform: uppercase; margin: 0; padding-left: 10px; }
.list-left li { border-bottom: 1px solid #E5EECC; width: 206px !important; padding: 5px 0px; background: url(../images/arrow_left.png) 5px center no-repeat; padding-left: 10px !important; }
.section-left {  margin-bottom: 5px; float: left; margin-top: 3px; }
.section-left .block { padding-bottom: 5px; margin-bottom: 17px; float: left; padding-top: 0px; }
.section-left .block >h3 a { color: #fff; }
.section-left .block >h3 { height: 30px; line-height: 30px; font-weight: bold; margin: 0; color: #fff; font-size: 13px; font-family: arial; text-transform: uppercase; background: #459E18; padding-left: 5px;  border-top: 2px solid #246603; }
.section-left .block >h3 >span { background: #FF0000; }
.section-left .block >h3 >span >span { display: block; }
.description_about { width: 389px; display: block; float: left; text-align: justify; }
.view_more { font-style: inherit; color: #f00; float: right; }
.img_about { width: 319px; height: 206px; float: right; border: 2px solid #003399; }
.content h3.title_content { margin: 0px; padding: 0px; font-weight: normal; text-transform: uppercase; }
.section-left .block .content { padding: 5px; border: 1px solid #ccc;  border-top: none; }
.section-left .block .content h1 { line-height: 24px; text-transform: inherit; margin-bottom: 0px; color: #0086ed; font-size: 18px; font-family: arial; }
.section-left .block .content >h2 { font-size: 14px; line-height: 22px; text-transform: none; margin: 10px 0; color: #005bbd; }
.section-left .block .content >ul { margin-left: 15px; }
.section-left .block .content >ul li { padding: 3px 0; }
.content-temp { min-height: 1025px; }
.block-ser { margin-bottom: 5px; }
.block-ser img { margin-bottom: 5px; }
.slide-show { width: 100%; float: left; padding: 10px; border: 1px solid #ccc; margin-bottom: 20px; }
.slide-show img { width: 360px; height: 230px; float: left }
.contact-form >h3 { height: 32px; line-height: 31px; font-weight: bold; margin: 0; color: #fff; font-size: 13px; font-family: arial; text-transform: uppercase; margin-bottom: 6px; background: #459E18; padding-left: 5px; margin-left: -5px; width: 100%; margin-left: -6px; margin-top: -10px; }
.slide-footer { padding: 10px; margin-bottom: 15px; margin-top: 0px; border: 1px solid #dadada; background: #fafafa; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.slide-footer h2 { font-size: 12px; text-transform: uppercase; margin: 0; font-weight: normal; height: auto; width: 175px; margin: 0 auto; margin-top: 5px; text-align: left; }
.mod-category { }
.mod-category >li { padding: 3px 0 3px 25px; background: url(../images/li-category.png) no-repeat left bottom; position: relative; margin-bottom: 3px; }
.mod-category >li >a { font-size: 12px; text-transform: uppercase; line-height: 18px; color: #101010; }
/*sub 1*/
.block-sub { display: none; position: absolute; top: 0; left: 100%; background: rgba(139, 169, 21, 1); z-index: 99999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.sub-1 { background: url(../images/sub-1.png) no-repeat right 5px center; }
.sub { background: url(../images/sub.png) no-repeat right 5px center; }
.mod-category >li >div { width: 650px; border: 5px solid #2f5f00; }
.mod-category >li:hover >div { display: block; }
.sub-category { position: relative; }
.sub-category ul { position: absolute; top: 15px; left: 15px; background: rgba(0, 0, 0, 0.75); width: 180px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.sub-category ul li { padding: 5px 0; position: relative; }
.sub-category ul li a { padding: 0 10px; padding-left: 25px; color: #fff; background: url(../images/list-category.png) no-repeat left 10px center; }
.mod-category >li >div .sub-category ul li a:hover { color: #ff0; }
/*sub 2*/
.mod-category >li >div .sub-category ul li >div { width: 430px; border: 5px solid #448900; }
.mod-category >li >div .sub-category ul li:hover >div { display: block; }
/*sub3*/
.mod-category >li >div .sub-category ul li >div .sub-category ul li >div { width: 210px; border: 5px solid #74c402; }
.mod-bloglist { }
.mod-bloglist li { padding: 7px 0; min-height: 70px; padding: 5px 0; }
.mod-bloglist li img { width: 225px; height: 300px; border: 1px solid #cacaca; float: left; margin-right: 10px; }
.mod-bloglist li h2 { font-size: 12px; margin: 0; line-height: 20px; font-weight: normal; text-transform: uppercase; }
.mod-bloglist-1 { list-style: url(../images/list.png); margin-left: 20px; }
.mod-bloglist-1 li { padding: 5px 0; }
.read-more { height: 33px; line-height: 33px; width: 80px; float: right; margin-top: 7px; color: #f00; font-style: italic; }
.read-more >a { color: #f00; }
.httt { }
.httt li { margin-bottom: 0px; border-bottom: 1px solid #cacaca; }
.httt li .yahoo-skype { width: 48%; float: left; text-align: center; font-weight: 700; }
.httt li .yahoo-skype img { margin-bottom: 5px; }
.httt li p { margin: 0; padding: 0; }
.httt li:last-child { border: none; }
.counter { background: url(../images/tktc.png) no-repeat left top; line-height: 24px; padding-left: 40px; }
.counter p { margin: 0 !important; }
.counter span { color: #860a00; font-weight: bold; }
.mod-img { }
.mod-img a { width: 227px; height: 157px; float: left; margin-right: 10px; position: relative; margin-bottom: 13px; }
.mod-img a:nth-of-type(3n+3) { margin-right: 0; }
.mod-img img { width: 230px; height: 161px; }
.mod-img .a-end { margin-right: 0; }
.mod-products { }
.mod-products .div-end { margin-right: 0; }
.mod-products >div { width: 225px; height: 273px; float: left; padding: 5px; border: 1px solid #8bb1b8; margin: 7px; }
.mod-products >div:nth-child(2n+4) { margin-right: 0px; }
.mod-products >div >a { display: block; }
.mod-products >div img { width: 226px; height: 227px; }
.mod-products >div h2 { font-weight: normal; font-size: 12px; line-height: 18px; overflow: hidden; text-transform: capitalize; margin: 0; text-align: center; font-family: Arial; color: #2E50D5; }
.mod-products >div h2 >a { font-family: Arial; color: #000 }
.mod-products >div >span >b { color: #f00; }
.mod-products .title_name { height: 42px; background: #d8e1e4; width: 226px; display: block; padding-top: 5px; }
.mod-products .price { font-size: 18px; font-weight: bold; color: #f15922; text-align: center }
/*index */

.mod-products1 li >div { width: 230px; height: 293px; float: left; margin-right: 11px; margin-bottom: 16px; padding: 2px; background: #fff; box-shadow: 0px 0px 3px #ccc; }
.mod-products1 li >div:nth-child(2n+3) { margin-right: 0px; }
.mod-products1 li >div >a { display: block; }
.mod-products1 li >div img { width: 205px; height: 222px; margin-bottom: 7px; margin-left: 14px; margin-top: 2px; }
.mod-products1 li >div h2 {
font-weight:; font-size: 12px; line-height: 18px; background: url(../images/h2-pro.png) no-repeat left top 5px; overflow: hidden; text-transform: capitalize; margin: 0; margin-bottom: 2px; text-align: center; font-family: Arial; color: #2E50D5; height: 33px }
.mod-products1 li >div h2 >a { font-family: Arial; color: #000 }
.mod-products1 li >div >span >b { color: #f00; }
.bx-wrapper .bx-caption span span{ padding:0px}
/*end index */



.mod-products-1 >div { margin-bottom: 20px; }
.img-detial { width: 300px; float: left; margin-right: 15px; margin-bottom: 15px; }
.icon_shoping_cart { width: 85px !important; height: 29px !important; float: right; }
.mod-pro-other { width: 415px; float: left; }
.mod-products >h4 { font-size: 14px; color: #b01000; margin: 0; margin-bottom: 15px; height: 27px; line-height: 27px; background: url(../images/h3-pro-detail.png) no-repeat left bottom; text-transform: uppercase; padding-left: 35px; }
.mod-pro-other >div { width: 200px; float: left; margin-right: 15px; margin-bottom: 15px; }
.mod-pro-other >div:nth-of-type(2n+2) { margin-right: 0; }
.mod-pro-other >div img { width: 194px; height: 169px; padding: 3px 3px 11px 3px; background: url(../images/img-pro.png) no-repeat top left; margin-bottom: 3px; }
.mod-pro-other >div h2 { font-weight: 700; font-size: 12px; line-height: 18px; background: url(../images/h2-pro.png) no-repeat left top 5px; height: 32px; overflow: hidden; text-transform: uppercase; padding-left: 15px; margin: 0; }
.magnifier { width: 300px !important; height: 261px !important; }
.img-pro-detail { width: 300px; float: left; position: relative; margin-right: 15px; margin-bottom: 15px; }
.like-fb { margin: 10px 0; float: left; }
.link { height: 25px; line-height: 25px; margin-bottom: 10px; font-size: 12px; color: #101010; background: #f5ffe1; padding: 0 5px; border: 1px solid #dcf1b2; }
.link a { background: url(../images/link.png) no-repeat right center; padding-right: 15px; margin-right: 10px; }
.articles-other { width: 215px; float: right; margin-left: 15px; border: 1px solid #ccc; }
.articles-other >h4 { height: 27px; line-height: 27px; background: #438502; border-bottom: 2px solid #000; color: #fff; text-align: center; font-weight: normal; font-size: 13px; text-transform: uppercase; margin: 0; margin-bottom: 10px; }
.info-detail { margin-top: 15px; }
/*.form-dat-hang ul li{width:50%; float:left;}*/

.news-item { min-height: 140px; margin-bottom: 25px; background: #fff; width: 366px; float: left; margin-right: 10px; height: 250px; }
.news-item img { border: 1px solid #003399; float: left; margin-right: 15px; width: 150px; height: 150px; margin: 3px; }
.news-item h2 { font-size: 14px; margin: 0; margin-bottom: 7px; }
.news-item h2 a { color: #3030FF; font-weight: normal; }
.news-item h2 a:hover { color: #7e1602; }
.date-time { font-size: 12px; color: #4e4b44; margin-bottom: 5px; font-style: italic; }
.news-item p { max-height: 108px; overflow: hidden; margin: 0!important; font-size: 12px; line-height: 18px; }
.news-item .title_item { display: block; width: 360px; float: left; }
.news-item .title_item >span { background: url(../images/bg_title_content.png) right center no-repeat; display: block; height: 38px; float: left; height: 51px; }
.news-item .title_item >span >span { color: #fff; background: #0033FF; height: 41px; display: block; float: left; line-height: 38px; font-size: 16px; padding-right: 50px; padding-left: 10px; }
/* item news */
.news-item1 { min-height: 85px; margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 20px; }
.content div.news-item1:last-child { border: none; }
.news-item1 >a { }
.news-item1 >a > img { float: left; width: 169px; height: 117px; margin-right: 10px; }
.news-item1 h2 { font-size: 16px; margin: 0; margin-bottom: 7px; }
.news-item1 h2 a { color: #000; font-weight: bold; font-size: 13px; }
.news-item1 h2 a:hover { color: #f00; }
.date-time1 { font-size: 12px; color: #4e4b44; margin-bottom: 5px; font-style: italic; }
span.date-post { color: #6c6c6c; font-size: 12px; margin-bottom: 5px; }
.news-item1 p { margin: 0!important; font-size: 13px; line-height: 22px; }
.section-left .block .content table tr .title_td { color: #FF8500; font-weight: bold; }
.news-other {   /* margin-top: 20px; */ width: 100%; float: left; }
.news-other >h4 { font-size: 15px; color: #000; margin: 0; margin-bottom: 15px; height: 27px; line-height: 27px; border-bottom: 1px solid #ccc; font-family: arial; }
.news-other ul { margin-left: 0px; }
.news-other ul li { padding: 3px 0; font-weight: bold; border-bottom: 1px solid rgba(204, 204, 204, 0.49); background: url(../images/list.png) left center no-repeat; padding-left: 8px; }
.news-other ul li:last-child { border: none; }
.news-other ul li span { color: #B9B9B7; font-weight: normal; margin: 0px 5px; }
.news-other ul li span.print-post { float: right; color: #08A793 }
.news-other ul li a { font-size: 12px; font-weight: normal; }
.chitiet { width: 83px; height: 35px; line-height: 35px; text-align: center; background: url(../images/chi-tiet.png) no-repeat left center; float: right; font-weight: 700; }
.other ul li { border-bottom: none !important; }
.chitiet a { color: #fff; }
.chitiet a:hover { color: #ff0; }
.mod-markets { }
.mod-markets .div-end { margin-right: 0; }
.mod-markets >div { width: 150px; float: left; margin-right: 35px; margin-bottom: 15px; }
.mod-markets >div:nth-of-type(4n+4) { margin-right: 0; }
.mod-markets >div img { width: 144px; height: 90px; margin-bottom: 10px; border: 1px solid #ddd; padding: 2px; }
.mod-markets >div h2 { font-size: 12px; font-weight: normal; margin: 0; height: 35px; overflow: hidden; text-transform: uppercase; }
.section-right .block .lop-mam { width: 250px; height: 140px; background: #4FB643; border-radius: 5px; margin-bottom: 10px; }
.section-right .block .lop-mam h2 { padding: 0px; margin: 0px; float: left; color: #fff; float: left; width: 250px; margin-left: 5px; margin-top: 10px; margin-bottom: 13px; font-weight: normal; }
.section-right .block .lop-mam img { float: left; margin-right: 10px; margin-left: 5px; }
.section-right .block .lop-mam span { color: #fff; text-align: justify; }
.section-right .block .cam { background: #F8B300 !important }
.section-right .block .buld { background: #36A2C9 !important }
.section-right .block .do { background: #FF6C6C !important; }
/*footer*/
#footer { padding: 0px; }
#footer .wrapper { border-radius: 0px 0px 10px 10px; margin-bottom: 20px; padding-bottom: 15px; }
#footer .wrapper div.left { width: 1000px; float: left; padding-top: 5px; }
#footer .wrapper div.left span { }
#footer .wrapper div.right { width: 550px; float: right; text-align: right; background: url(../images/block-doi-tac.png) no-repeat left bottom; padding-bottom: 6px; }
#footer .wrapper div.right >h3 { height: 39px; line-height: 39px; text-align: center; text-transform: uppercase; margin: 0; background: url(../images/h3-doi-tac.png) no-repeat top left; font-weight: 700; }
#footer .wrapper div.right .content { background: url(../images/content-doi-tac.png) repeat-y top left; padding-bottom: 5px; }
.item_footer { width: 225px; height: 230px; float: left; margin-left: 15px; }
.item_footer >span { width: 225px; display: block; float: left; height: 38px; border-bottom: 1px solid #d1d1d1; text-align: center; font-size: 16px; line-height: 38px; text-transform: uppercase; margin-bottom: 5px; }
.aboutme span { display: block; width: 225px; line-height: 25px; }
.copy-right { color: #bbb; font-size: 12px; }
.copy-right a { color: #bbb; }
.copy-right a:hover { color: #ff0; }
.contact-info { }
.contact-info ul { margin-bottom: 7px; }
.contact-info ul li { padding: 7px 0; }
.contact-info ul li .info-left { float: left; width: 80px; }
.contact-info ul li .info-right { margin-left: 100px; }
.contact-info ul li span { color: #fcff00 }
.contact-form { }
.contact-form ul li { padding: 5px 0; clear: both; }
.contact-form ul li label { width: 80px; float: left; padding-top: 5px; }
.contact-form ul li input, .contact-form ul li textarea { float: left; border-radius: 5px; margin-left: 20px; width:100%; max-width: 350px; padding: 7px 5px; border: 1px solid #ddd; color: #000; }
.contact-form ul li select { padding: 3px; float: left; margin-left: 21px; border: 1px solid #ccc; color: #000; }
.contact-form ul li .button { width: 100px; height: 32px; background: url(../images/btn.png) no-repeat top left; text-align: center; line-height: 32px; float: left; border: none; margin-top: 15px; padding: 0; color: #101010; }
.contact-form ul li .button-gui { background: url(../images/bg_button.png) repeat-x; width: 141px; height: 40px; border-radius: 5px; font-size: 14px; cursor: pointer; }
.contact-form ul li textarea {   width: 100%;
  height: 156px;
  max-width: 400px; }
.contact-form-menber ul li label { width: 550px; float: left; padding-top: 5px; font-size: 16px; }
.contact-form-menber ul li { width: 700px; display: block; float: left; margin-bottom: 7px; }
/*js*/
.slide-markets { width: 980px; height: 96px; background: url(../images/slide-footer.png) no-repeat top left; margin: 0 auto; }
#carousel_inner { background: url(../images/market.png) no-repeat center bottom; padding-bottom: 13px; width: 530px; overflow: hidden; margin-left: 10px; margin-right: 10px; }
#carousel_ul { position: relative; list-style-type: none; margin: 0px; padding: 0px; width: 9999px; padding-bottom: 10px; }
#carousel_ul li { float: left; width: 115px; padding: 0px; height: 67px; background: #000000; margin-top: 15px; margin-left: 10px; margin-right: 10px; }
#carousel_ul li img { cursor: pointer; width: 109px; height: 68px; border: 3px solid #888a8c !important; cursor: hand; border: 0px; }
#left_scroll, #right_scroll { float: left; height: 87px; width: 15px; background: #C0C0C0; }
#left_scroll img, #right_scroll img { border: 0; cursor: pointer; cursor: hand; }
.pre-page { width: 32px; height: 27px; position: absolute; top: 8px; right: 0; }
/*
Back to top button 
*/
#back-top { position: fixed; bottom: 30px; margin-left: 1015px; }
#back-top a { width: 107px; height: 45px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover { color: #000; }
/* arrow icon (span tag) */
#back-top span { width: 56px; height: 56px; display: block; margin-bottom: 7px; background: url(../images/up-arrow.png) no-repeat center center; /* rounded corners */ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover span { /*background-color: #777;*/ }
.block_content { background: none !important; }
.block_content .content { padding: 0px !important; !
}
.end_item { margin: 0px !important; }
.hotline { height: 55px; width: 210px; background: url(../images/bg_hotline.png) left center no-repeat; background-color: #fff; position: relative; }
.hotline >span { position: absolute; font-size: 21px; color: #D0000A; font-weight: bold; left: 60px; top: 5px; }
.yahoo { margin-bottom: 10px; font-size: 14px }
.yahoo span { color: #FECB02; font-weight: bold; }
.menu_footer { width: 1000px; display: block; float: left; margin-bottom: 10px; margin-top: 5px; }
.menu_footer ul { display: block; margin: 0px auto; text-align: center }
.menu_footer ul li { list-style-type: none; display: inline-block; padding: 0px 10px; }
.menu_footer ul li:nth-child(9) { background: none; border: none }
.menu_footer ul li a { color: #fff; font-size: 12px; font-family: Arial; font-weight: 700; text-transform: uppercase; }
.product_new { width: 1000px; display: block; min-height: 207px; background: #fff; margin: 0px auto; margin-bottom: 10px; margin-top: -5px; border: 1px solid #0033FF }
.product_new >h3 >span { min-width: 130px; height: 48px; display: block; float: left; background: url(../images/bg_title_content.png) right center no-repeat; color: #fff; padding-right: 20px; margin-left: 14px; margin-top: -13px; margin-bottom: 5px; }
.product_new >h3 >span >span { min-width: 130px; height: 40px; display: block; float: left; color: #fff; line-height: 40px; background: #0033FF; padding-right: 10px; padding-right: 5px; }
.xemtiep { display: block; float: right; color: #f00 }
#follow { border-top: 1px solid #6181c0; float: left; width: 1000px; height: 55px; }
#follow ul { width: 1011px; height: 44px; padding: 0; margin: 0; }
#follow ul li { float: left; font-size: 18px; font-family: tahoma; border: none; }
#follow ul li h4 { color: white; }
.followus { padding-bottom: 2px; margin-top: 5px; }
#follow ul li#face { padding-left: 46px; }
#follow ul li#followlike { padding: 0px; margin: 0px; }
#follow-first { margin-left: 44px; margin-top: 10px; }
li#follow-last { margin-left: 44px; margin-top: 10px; }
#follow-last h5 { font-size: 13px; font-style: bold; font-family: tahoma; color: white; }
.xemchitiet { background: #0033FF; color: #fff; display: block; padding: 5px 21px; float: right; font-size: 15px; ; }
.dangonline { font-size: 16px }
.phantrang { display: block; /* float: right; */
text-align: center; float: left; width: 100%; }
.phantrang span { background: #215606; color: #fff; padding: 5px 8px; }
.phantrang a { background: #459E18; color: #fff; padding: 5px 8px; }
.school { background: url(../images/icon_fashion.png) left center no-repeat; height: 63px; }
.school ul { margin-left: 70px; margin-top: 3px; }
.item_list_left { background: url(../images/icon_ship.png) left center no-repeat; height: 63px; margin-top: 10px; }
.item_list_left ul { margin-left: 54px; font-size: 15px; }
.item_list_left ul >li { padding-top: 10px; }
.clean { background: url(../images/icon_thanhtoan.png) left center no-repeat }
.hoatdong { background: url(../images/khuyenmai.png) left center no-repeat }
.newsl { background: url(../images/icon_lest.png) left center no-repeat }
.school >ul >li { position: relative; margin-left: -13px; padding-top: 12px; font-size: 15px; }
.school >ul >li >ul { position: absolute; background: #fff; display: none; left: 86px; top: 0px; width: 200px; z-index: 99; }
.school >ul >li >ul >li { line-height: 25px; padding: 5px; border-bottom: 1px solid #ccc; }
.school >ul >li >ul >li:hover { background: #990000 }
.school >ul >li >ul >li:hover >a { color: #fff; display: block; }
.school >ul >li:hover ul { display: block; }
.block_cart { width: 250px; border-left: 1px solid #ccc; height: 36px; float: left; }
.block_cart img { float: left; }
.txt_cart { display: block; line-height: 35px; font-size: 15px; float: left; }
.bg_danhmuc { background: url(../images/bg_danhmuc.png) repeat-y !important; }
.list_product ul >li { background: url(../images/row_left.png) center left no-repeat; padding-left: 15px; line-height: 25px; margin-bottom: 3px; border-bottom: 1px dashed #ccc; line-height: 23px; position: relative; width: 290px; margin-left: 5px; padding-top: 3px; padding-bottom: 3px; }
.list_product ul >li>a { display: block; line-height: 22px; font-size: 12px; font-family: arial; color: #595959; font-weight: bold; ; }
.list_product ul >li>a:hover { color: #A6CE39 }
.list_product ul li:hover ul { transition: all 0.3s ease-in; width: 250px; height: auto; opacity: 1 }
.list_product ul li ul { opacity: 0; z-index: -99; overflow: hidden; position: absolute; z-index: 9; left: 220px; top: 0px; width: 0px; height: 0px; background: #fff; padding-left: 5px; padding-right: 5px; }
.list_product ul li:last-child { border: none; }
.name_product { display: block; width: 200px; font-weight: bold; color: #000; }
.no { display: block; font-weight: bold; float: left; width: 100px; }
.pirce { font-size: 12px; display: block; text-align: right; padding-right: 2px; width: 112px; float: left; }
.pirce >span { font-weight: bold; color: #D0000A }
.pirce1 { font-size: 12px; display: block; text-align: left; padding-left: 2px; width: 112px; float: left; }
.menu_hot { width: 700px; height: 35px; display: block; float: left; }
.menu_hot li { display: inline-block; width: 100px; font-size: 14px; text-transform: uppercase; text-align: center; border-bottom: 3px solid #993300; line-height: 25px; padding: 3px 0px; cursor: pointer }
.menu_hot li:hover { background: #FF6600; color: #fff; }
.menu_hot li:hover a { color: #fff; }
.active_h { background: #FF6600; color: #fff; }
.slider_content { float: left; width: 1000px; }
.content_right_slider { float: left; }
.block_thongke { background: #fff; border: 1px solid #ccc; border-radius: 5px; }
.list_yahoo { width: 229px; margin-left: 15px; margin-top: 10px; }
.email_left { color: #00569E }
.fance_page { }
.name_product_hot { display: block; float: left; font-weight: bold; width: 131px; margin-bottom: 5px; }
.price { font-weight: bold; display: block; width: 190px; float: left; color: #ed1c42; font-size: 18px; }
.footer_block { display: block; float: left; width: 100%; }
.block-footer { width: 1100px; min-height: 200px; border: 1px solid #ccc; margin-top: 5px; float: left; }
.suport_online { float: left; width: 285px; height: 170px; position: relative; background: url(../images/bg_thongke.png) left center no-repeat; }
.dangxem { position: absolute; font-weight: bold; color: #fff; left: 162px; top: 39px; }
.daxem { position: absolute; font-weight: bold; color: #fff; left: 206px; top: 55px; }
.mxh { top: 129px; left: 60px; height: 35px; width: 260px; position: absolute }
.mxh img { margin-left: 5px; }
.cls_search { position: absolute; top: 100px; right: 21px; }
.cls_search input { width: 248px; line-height: 35px; border: 0px; font-style: italic; outline: none; }
.btn-search { width: 65px; height: 37px; cursor: pointer; position: absolute; top: 0px; }
.img_skype { margin-left: 50px; }
.ul-dk-thanh-vien { float: left;margin-top: 11px; width:100% }
.ul-dk-thanh-vien .left { float: left; font-size: 12px; width: 146px; line-height: 25px; font-weight: bold; }
.ul-dk-thanh-vien .left span { font-weight: bold; color: #000 }
.ul-dk-thanh-vien li { margin-bottom: 15px;  float:left; width:100%}
.ul-dk-thanh-vien .right >input { max-width: 277px; width:100%; line-height: 27px; border: 1px solid #ccc; padding: 0px 5px; }
.frmthongtincahme { width: 700px; float: left; }
.frmthongtincahme .list_infoc { float: left; margin-left: 0px }
.frmthongtincahme .list_infoc li { text-align: center; }
.frmthongtincahme .list_infoc li span { display: block; float: left; width: 150px; }
.frmthongtincahme li input { display: block; float: left; width: 225px; border: 1px solid #ccc; border-radius: 5px; line-height: 22px; }
.frmthongtincahme .list_infom { margin-left: 35px; float: left }
.frmthongtincahme .list_infom li { text-align: center; }
.btn-dang-ky { float: left; margin-left: 138px; background: url(../images/bg_dangky.png) repeat-x; border: 1px solid #C95E00; padding: 6px 25px; color: #fff; width: 113px !important; height: 28px; line-height: 28px; text-transform: uppercase; border: 1px solid #b25e16 !important; margin-bottom:20px; }
.logo { width: 450px; height: 42px; float: left; position: absolute; top: 11px; right: 2px; }
.logo input { line-height: 22px; margin-right: 7px; float: left }
.btndangnhap { background: #FF8400; color: #fff !important; padding: 4px 18px; font-size: 19px; line-height: 23px; margin-top: 2px; float: left; cursor: pointer; }
.logo span { color: #FF8400; font-weight: bold; font-size: 14px; margin-right: 10px; }
.logo a { color: #FF8400; font-weight: bold; font-size: 14px; }
.info-user { margin-left: 20px; text-align: right; display: block; float: right; }
.title_info { height: 25px; line-height: 24px; margin: 0; color: #00923f; font-size: 15px; font-family: arial; border-bottom: 1px solid #ccc; margin-top: 10px; }
.info li { background: #6DBD61; padding: 6px 12px; margin-bottom: 5px; border-radius: 5px; }
.bock-info { margin-top: -28px; }
.bock-info h3 { font-size: 16px !important; font-weight: bold !important; }
.info li:hover { background: #FF8400; cursor: pointer; }
.info li a { color: #fff; font-size: 14px }
.news-record { margin-bottom: 5px; }
.news-record a { font-size: 15px; }
.news-record a:hover { color: #FF8400 !important; }
.slideshow { width: 247px; height: 200px; margin-top: 60px; margin-left: 2px; }
.slideshow img { width: 235px; height: 156px; margin-left: 5px; margin-top: 30px; }
.content-doitac { width: 250px; float: left; margin-bottom: 5px; }
.content-doitac a img { width: 120px; height: 58px; float: left; margin: 2px; ; }
.counter { width: 233px; height: 127px; position: absolute; background: none; top: 8px; right: 17px; }
.counter table td img { float: left; margin-top: 4px; margin-right: 5px; }
.block .title_index { padding: 0px; color: #353535 !important; font-weight: normal; font-size: 20px !important; border-bottom: none !important; margin-top: 5px !important; }
.content-index { width: 1000px !important; }
.content-img-product { float: left; }
.content-detail { width: 755px; float: left; }
.content-detail .title_decription { margin: 0px; padding: 0px; border-bottom: 1px solid #ccc; font-size: 16px; }
.decription-info-product { float: left; width: 350px; }
.block-item1 { width: 366px; padding-bottom: 6px; float: left; overflow: hidden; margin: 5px; }
.block-item { width: 366px; padding-bottom: 6px; float: left; height: 300px; overflow: hidden; margin: 5px; }
.block-silder-list { width: 760px; height: 155px; background: url(../images/prev_slider.png) left center no-repeat, url(../images/next_slider.png) right center no-repeat; background-color: #a2ce8b; margin: 5px 0px; margin-bottom: 15px; float: left; }
.item-orange { background: #ff9119 url(../images/bg-item-orange.png) bottom center repeat-x; border-radius: 3px 3px 0px 0px; }
.item-orange h2 { background: url(../images/row-title.png) left center no-repeat, url(../images/bg-orange.png) bottom repeat-x; font-size: 12px; color: #fff; padding-left: 15px; margin-left: 5px; line-height: 35px; padding-top: -16px; margin-top: 0px; }
.content-item-orange { padding: 5px; color: #fff; padding-left: 15px; line-height: 20px; text-align: justify; padding-right: 15px; }
.btn-read-more { display: block; float: right; margin-right: 5px; }
.item-grey { background: #e8e8e8 url(../images/bg-item-grey.png) top center repeat-x; border: 1px solid #e8e8e8; border-radius: 3px 3px 0px 0px; min-height: 156px; }
.item-grey h2 { font-size: 12px; background: url(../images/row-title.png) left center no-repeat; color: #000; padding-left: 15px; margin-left: 5px; line-height: 35px; padding-top: -16px; margin-top: 0px; }
.content-item-grey { padding-left: 15px; line-height: 20px; text-align: justify; padding-right: 15px; }
.title-item-index h2 { font-size: 18px; font-weight: normal; color: #256902; padding: 0px; margin: 0px; margin-bottom: 5px; }
.title-item-index .content-item-index a img { width: 372px; height: 181px; }
.title-item-index .content-item-index a { display: block; float: left; margin-bottom: 5px; }
.list-yahoo { margin: 5px; width: 209px; margin-bottom: 10px; }
.item-map { padding: 5px; }
#example5 img { width: 318px; height: 225px; margin: 5px; }
.item-slider-asd li h2 { margin: 0px; padding: 0px; font-weight: normal; text-align: center; font-size: 12px; margin-top: 6px; display: block; height: 20px; }
.item-slider-asd li img { width: 230px; }
.list-news li a { font-weight: normal !important; }
.list-counter li { background: none !important; }
.list-counter li b { color: #f00; }
.logo-footer { display: block; float: left; }
.footer-menu { float: left; width: 750px; margin-top: 5px; }
.footer-menu li { line-height: 35px; }
.footer-menu li a { display: block; padding: 0px 13px; font-weight: bold; }
.footer-menu ul li { display: inline-block }
.line_footer { display: block; float: left; width: 1000px; }
.logo-sice { width: 236px; display: block; float: left; height: 67px; }
.content-footer { display: block; float: left; width: 735px; }
.fb-like-box { margin-left: 15px; }
.no-border { border: none !important; }
.item-footer { float: left; padding-bottom: 15px; width: 355px; border-right: 1px solid #ccc; margin: 0px 5px; min-height: 300px; }
.icon-phone h2 img { float: left; }
.icon-phone h2 { line-height: 65px; margin-left: -3px !important; }
.item-footer h2 { margin-left: 15px; font-size: 22px; margin-top: 22px; }
.block-doitac { width: 100%; float: left; height: 125px; margin-top: 5px; margin-bottom: 5px; border: 1px solid #ccc; padding: 0px 10px; }
.list-link { width: 350px; margin-left: 15px }
.list-link li { background: url(../images/row_left.png) left center no-repeat; padding-left: 18px; }
.list-link li a { font-weight: bold; font-size: 13px; }
.line-left { display: block; border-bottom: 1px solid #ccc; width: 200px; margin-left: 10px; }
.img-duan { width: 314px; height: 260px; float: left; margin-right: 15px; }
.img-duan p { text-align: center }
.contact-form1 label { width: 145px !important; }
#form-inner { margin-left: 35px; }
.padding0 { padding: 0px !important; }
.end-right { margin-right: 0px !important; }
.block-project {  position: relative; float: left; margin-top: 5px; margin-bottom: 10px; }
.block-project:hover { }
.img-project { width:100% }
.item-project{ padding:5px;}

.block-project a h2 {font-weight: bold;
  line-height: 21px;
  margin-bottom: 0px;
  color: #000;
  font-size: 13px;
  margin-top: 9px;  height: 39px;
  overflow: hidden;}
.block-project span { padding: 5px 0px; display: block; color: #91918F }
.block-project p { color: #08A592; font-weight: normal; font-size: 12px; margin-top: 3px; margin-bottom: -4px; }
.btn-detail { display: block; }
.duan-noi-bat { }
.img-new { position: absolute; top: -5px; left: -6px; z-index: 99; }
.block-asd { float: left; width: 1100px; }
.list-news li { margin-left: -11px !important; }
.bock-search-right { background: #fb9700 }
.content-search { width: 300px; ; }
.content-search tr { margin-bottom: 4px; float: left; margin-top: 2px; }
.content-search tr td span { display: block; float: left; width: 77px; }
.content-search input.keyword { width: 195px; border: 1px solid #C0BDB7; line-height: 17px; padding: 5px; }
.content-search select { width: 207px; border: 1px solid #DAD4CA; line-height: 24px; height: 28px; margin-bottom: 2px; margin-left: 0; }
span.toilet { width: 50px !important; margin-left: 5px; }
.content-search select.phong, select.toilet { width: 75px; float: left }
.bock-search-right h2 { font-weight: normal; color: #fff; line-height: 40px; margin: 0px; padding-left: 10px; text-transform: uppercase; }
.content-search input.btn_search { width: 158px; height: 37px; background: #459E18; color: #fff; border: none; cursor: pointer; margin-top: 5px; font-size: 16px; text-transform: uppercase; float: left; margin-left: -11px; }
.block-search { position: absolute; top: 31px; right: 0px; background: url(../images/bg_search.png) top center no-repeat; width: 272px; height: 40px; }
.block-search input { background: none; border: none; line-height: 30px; margin-left: 5px; margin-top: 4px; width: 200px; font-style: italic; outline: none; }
li input#btn-gui { background: #DDDDDD; width: 160px; border: 1px solid #CCCCCC; background-image: none; padding: 0px 10px; font-size: 16px; }
li input#btn-gui1 { background: #DDDDDD; width: 130px; border: 1px solid #CCCCCC; background-image: none; padding: 0px 10px; font-size: 16px; }
.block-footer-list { width: 100%; padding: 10px; float: left; background: #ECE8DC; border: 1px solid #CECECE; margin-top: 15px; margin-bottom: 20px }
.list-footer { float: left; width: 239px; margin-right: 5px; }
.list-footer h2 { font-weight: bold; font-size: 15px; color: #362F2D; margin: 10px 0px; margin-top: 0px; margin-bottom: 5px; text-transform: uppercase; }
.list-footer li { width: 100%; color: #343434; font-size: 14px; }
.block-thongtin-footer { width: 540px; }
.line-copyright { display: block; width: 980px; border-top: 2px solid #0F6B00; float: left; margin-top: 15px; padding-top: 10px; padding-bottom: 10px; }
.thongtin { font-weight: normal; color: #FF6C04 !important }
.block-hotline { height: 26px;  padding-top: 5px; }
.block-hotline img { float: left; margin-right: 5px; }
.block-hotline span { float: left; }
.block-hotline strong { margin-right: 30px; float: left }
.block-hotline ul { display: inline-block; float: left; margin-left: 10px; }
.block-hotline ul li { display: inline-block; float: left; }
.list-login {     display: inline-block;
    padding: 0px 20px; width:100%;
    box-sizing: content-box;
    padding-top: 6px;}
.list-login li { display: inline-block; margin-right: 30px; margin-bottom: 5px; float: left; margin-top: 5px; }
li.post-page{ margin-right:0px;}

.list-login li img { float: left; margin-right: 5px; }
.list-login li a { font-size: 12px; color: #009F00 }
li.post-page img { margin-top: -1px; }
a.viewall { font-size: 13px; color: #fff; display: block; float: right; font-weight: normal; text-transform: initial; margin-right: 10px; text-decoration: underline; }
span.du-an-mgioi { display: block; float: left; color: #918C8C; width: 182px; }
.avarta { width: 106px; height: 126px; float: left; }
.upload-avarta { float: left; }
div.mfooter { width: 100%; background: #459E18; height: 30px; float: left; }
div.mfooter ul li { display: inline-block; float: left; }
div.mfooter ul li a { display: block; color: #fff; font-size: 12px; font-weight: bold; padding: 5px 22px; }
div.content-footer { width: 100%; float: left; margin-top: 10px; }
h1.name-video { color: #0086ed; margin: 0px; margin-bottom: 10px; }
.block-video { float:left;}
.block-video h2 { font-size: 12px; font-weight: normal }
.line-video {  height: 1px; background: #ccc; margin: 5px 0px; float: left; margin-bottom: 10px; }
.img-video img {width:100% }
.iframe-video { width: 100%; height: 450px; float: left;}
h2.name-hoidap a { color: #0086ed; font-size: 13px; font-weight: bold; }
.block-member { float: left; width:100% }
.block-member h3 { height: 30px; line-height: 30px; font-weight: bold; margin: 0; color: #fff; font-size: 13px; font-family: arial; text-transform: uppercase; background: #459E18; padding-left: 5px; width: 100%; margin-top: 10px; border-top: 2px solid #246603; }
.block-member .content { border: 1px solid #ccc }
.block-col1 { float: left; min-height: 200px; padding-right:8px;}
.block-col1 h2 { margin-left: 10px;  font-size: 21px; }
.block-col1 ul li { float: left;  margin-left: 15px; margin-bottom: 20px; line-height: 49px; }
.block-col1 ul li img { float: left; margin-right: 10px; }
.block-col2 {float: left; min-height: 200px; padding-bottom: 20px; }
.block-col2 h2 { font-size: 18px; }
.block-login { float: left;  }
.block-login h3 { height: 30px; line-height: 30px; font-weight: bold; margin: 0; color: #fff; font-size: 13px; font-family: arial; text-transform: uppercase; background: #459E18; padding-left: 5px; width: 100%; margin-top: 10px; border-top: 2px solid #246603; }
.login-col1 {  float: left; margin-top: 28px; }
.login-col1 div.left { float: left; font-weight: normal; margin-bottom: 3px; margin-top: 5px; width:100% }
.login-col1 div.right { float: left; width:100% }
.block-login div.content { border: 1px solid #ccc; }
.block-login div.content .ul-dk-thanh-vien { width: 291px; padding-right: 20px; border-right: 1px dashed #ccc; margin-bottom: 16px; }
.checkbox { margin-top: 5px; float: left }
.btn-dangnhap { background: url(../images/bg_dangnhap.png); width: 135px; height: 33px; float: left; border: none; margin-bottom: 10px; }
.quen-mat-khau { margin-top: 5px; font-size: 14px; color: #000; display: block; float: left; margin-left: 10px; }
.login-col2 { float: left; margin-top: 70px; }
.login-col2 span { color: #0085ED; font-size: 13px; }
.block-left-member { width:100%; float: left; min-height: 200px; margin-top: 10px; }
.content-left-member { width: 100%; border: 1px solid #ccc; float: left; min-height: 200px; }
.block-left-member h2 { height: 30px; line-height: 30px; font-weight: bold; margin: 0; color: #fff; font-size: 13px; font-family: arial; text-transform: uppercase; background: #009F00; padding-left: 5px; width: 100%; margin-top: 10px; border-top: 2px solid #246603; }
.list-left-member { float: left; width: 230px }
.list-left-member li { background: url(../images/row_left.png) left center no-repeat; margin-left: 10px; padding-left: 20px; float: left; width: 198px; line-height: 25px; margin-top: 5px; }
.list-left-member li a { display: block; float: left; width: 250px; font-weight: bold; }
.block-right-member { float: left; width: 100%;margin-top: 10px; }
.block-right-member h2 { height: 30px; line-height: 30px; font-weight: bold; margin: 0; color: #fff; font-size: 13px; font-family: arial; text-transform: uppercase; background: #009F00; padding-left: 5px; width: 100%; margin-top: 10px; border-top: 2px solid #246603; }
.block-right-member h4 { background: #F6F6F6; border: 1px solid #ccc; margin: 0px; padding: 5px; width: 100%; font-size: 13px; color: #E03732; }
.block-content-member { border: 1px solid #ccc; width: 100%; min-height: 200px; border-top: none; }
.block-content-member label { width: 150px; margin-left: 10px; float: left; margin-top: 5px; font-size: 13px; left: 25px; }
.block-content-member input { width: 100%; float: left; border: 1px solid #ccc; margin-top: 5px; line-height: 25px; }
.block-content-member textarea { width: 100%; margin-top: 9px; border: 1px solid #ccc; height: 286px; margin-bottom: 10px; }
.file_upload { background: #ccc; }
.title_post { display: block; float: left; width: 100%; background: #EFEFEF; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-left: 5px; line-height: 28px; font-weight: bold; margin: 15px 0px; }
.thong-tin-post { margin-bottom: 20px; }
.thong-tin-post tr { margin-bottom: 6px; float: left; }
.thong-tin-post input[type="checkbox"] { width: auto !important; margin-left: 10px }
.title-map { margin-left: 10px; float: left; }
.thong-tin-post label { float: left; line-height: 25px; }
.btn-map { background: #ccc; display: block; float: left; margin-left: 6px; margin-top: 6px; padding: 5px; cursor: pointer; height: 20px; line-height: 20px; font-weight: bold;  width: 49px;
  height: 28px;
  text-align: center; }
.thong-tin-post select { float: left; padding: 5px; line-height: 25px; border: 1px solid #ccc; width: 200px; }
.thong-tin-post input { width: 196px; padding: 0px 5px; }
.diachi-map { 
  width: 86% !important;
} 
input.btn-dang-tin-post { width: 135px; background: #df3832; color: #fff; border: none; height: 35px; font-weight: bold; cursor: pointer; 
margin: 5px; font-size: 16px; margin-left: 162px }
input.btn-reset { width: 135px; height: 35px; float: left; color: #000; font-weight: bold; cursor: pointer }
label.label-gia { float: left; margin-top: -1px; }
.block-table-member { margin-top: 10px; width: 100%; float: left; }
table.quanly-post tr.title_table_member { background: #CCCCCC !important; color: #000; font-weight: bold; }
table.quanly-post tr:nth-child(2n+1) { background: #CCE7FC }
.img-icon { cursor: pointer; margin-left: 15px; }
.img-delete { cursor: pointer; margin-left: 5px; }
.block-member-info { float: left; padding: 5px; border: 1px solid #ccc; width: 100%; border-top: none; }
.block-member-info label { width: 165px; display: block; float: left; }
.block-member-info input { max-width: 440px !important; float: left; margin-bottom: 10px; line-height: 20px; width:100% }
input.check_box { width: auto !important }
.block-update_thongtin { width: 100%; float: left; }
.dangthanhvien { width: 200px; height: 25px; margin-bottom: 10px; }
.tugioithieu { max-width: 500px; height: 350px;  width:100%}
input.btn-capnhat-member { width: 100px !important; float: left; background: #DF3832; border: none; margin-left: 165px; color: #fff; padding: 5px 6px; }
input.btn-capnhat-thoat { width: 100px !important; float: left; background: #DF3832; border: none; margin-left: 10px; cursor: pointer; color: #fff; padding: 5px 6px; }
.block-member_update_password { float: left; padding: 5px; padding-top: 16px; border: 1px solid #ccc; width: 100%; border-top: none; }
.block-update_password label { width: 116px !important; margin-left: 90px; margin-right: 14px; display: block; float: left; }
.block-update_password input { width: 250px; margin-right: 202px; float: left; line-height: 21px; margin-bottom: 7px; }
.block-project-list {  /* min-height: 100px; */
  margin-bottom: 20px;
  width: 100%;
  float: left;}
.block-project-list img { float: left; border: 1px solid #ccc; padding: 5px;}
.block-project-list h2 {   float: left;
  /* width: 488px; */
  margin: 0px;
  font-size: 14px;
  margin-bottom: 5px;
  width: 100%;
  font-size: 15px;
  font-weight: bold;}
table.table_mota_project { width:100%; float: left; text-align: left; }
table.table_mota_project tr td { padding: 0px; margin: 0px; font-size: 14px; }
table.table_mota_project tr td span { color: #08B1C4 }
.list-tab { margin: 0px !important; padding: 0px !important; margin-top: 10px !important }
.list-tab li { display: inline-block; float: left; padding: 3px 26px !important; background: #459E18; border-radius: 5px 5px 0px 0px; font-weight: bold; color: #fff; font-size: 12px; text-transform: uppercase; margin-right: 5px; cursor: pointer; transform: all 0.5s }
.list-tab li:hover, .list-tab li.active { background: #F0B211 }
.list-tab li:last-child { margin-right: 0px; }
.block-content-tab { display: block; float: left; width: 653px; padding: 5px 0px; display: none }
.tab-active { display: block; }
.block-content-tab iframe { margin-left: 23px; width: 615px; margin-top: 15px; }
.poat-bds div >a > img { padding: 5px; border: 1px solid #ccc; }
.poat-bds { border-bottom: 1px dashed #ccc; }
.poat-bds h2 a { color: #E53D30 }
.poat-bds span.diachi { color: #ccc; display: block; float: left; font-size: 14px; }
.poat-bds span.gia-dientich { color: #000; display: block; font-weight: bold;  float: left; font-size: 13px; padding-left:15px; }
.poat-bds span.emailto { display: block; width: 225px; float: left; }
.poat-bds span.emailto img { float: left; margin-right: 5px; margin-top: 3px; }
.poat-bds span.luubds { display: block; width: 82px; float: left; margin-left: 15px; }
.poat-bds span.luubds img { float: left; margin-right: 5px; margin-top: 3px; }
.poat-bds span.ngaytao_psot { display: block; width: 120px; float: left; }
.poat-bds span.ngaytao_psot img { float: left; margin-right: 5px; margin-top: 3px; margin-left: 20px; }
.block >h3.title_bds { height: 30px; line-height: 30px; font-weight: bold; margin: 0; color: #fff; border: none; font-size: 13px; font-family: arial; text-transform: uppercase; background: #459E18; padding-left: 5px; width: 100%; }
.block >h3.title_bds date { font-size: 12px; text-transform: initial; float: right; margin-right: 5px; }
span.social-post { width: 100%; height: 35px; background: #ccc; }
.social-post { margin-top: 10px; margin-bottom: 10px; display: block; width: 100%; float: left; }
div.social-post img { float: left; }
div.social-post strong { color: #f00; font-size: 20px; float: left; margin-right: 80px; }
div.social-post div.like-fb { width: 145px; float: left; margin-top: -4px; margin-left: 10px; }
div.social-post div.like-fb img { width: 28px; margin-right: 5px; margin-top: 5px; }
.block-thongtin-lienhe-post { display: block;  height: 46px; background: #DFFFFA; border: 1px solid #A4F4EB; border-radius: 5px; font-size: 14px; margin-bottom: 15px; }
.block-thongtin-lienhe-post span.lienhe-post { margin-left: 18px; margin-top: 10px; display: block; margin-right: 100px; float: left; }
.block-thongtin-lienhe-post span.phone-post { margin-top: 10px; display: block; float: left; }
.block-thongtin-lienhe-post span.phone-post img { float: left; margin-right: 5px; }
.block-thongtin-lienhe-post span.phone-post span span { color: #f00; }
.img-bds-detail { width:  100%; margin: 10px 2px; float: left; }
div.block-info-detail { width: 100%; float: left; min-height: 200px; border-bottom: 1px solid #EFEDED; }
div.block-info-detail >h3.title_dedetail_info { display: block }
.title_dedetail_info { border-bottom: 2px solid #EFEDED; display: block; float: left; width: 100%; }
.title_dedetail_info span { display: block; padding: 4px 10px; float: left; background: #EFEDED; font-size: 14px; font-weight: normal; }
.list-info-basic { float: left; margin-left: 21px; }
.list-info-basic li { list-style-type: disc }
span.mess-luuy { color: #659d2a!important; font-weight: bold; display: block; margin: 6px 0px; float: left;  width: 100%; }
.btn-count-post { background: #ebeaeb url(../images/icon_avatar1.png) 10px center no-repeat; width: 274px; height: 31px; float: right; font-weight: bold; padding-left: 40px; line-height: 33px; }
.diachi-bds { color: #ccc; }
.gia-dien-tich-bds { color: #06A797 }
.list-map {height: 35px; background: #459E18; margin: 0px; border-radius: 5px 5px 0px 0px; padding: 0px; margin-left: 0px !important; }
.list-map li:hover, .list-map li.active { display: inline-block; float: left; margin-left: 10px; margin-top: 5px; background: #fff; padding: 0px 9px !important; height: 30px; font-size: 12px; line-height: 33px; color: #066FC0; font-weight: bold; margin-right: -7px; border-radius: 5px 5px 0px 0px; cursor: pointer; }
.list-map li { display: inline-block; float: left; margin-left: 10px; margin-top: 5px; padding: 0px 9px !important; height: 30px; font-size: 12px; line-height: 33px; color: #fff; font-weight: bold; margin-right: -7px; cursor: pointer; }
.content_tab { display: none; }
.active-content { display: block; }
.block-login.quenmatkhau { width: 500px; }
.block-login.quenmatkhau h3 { width: auto; }
.block-login.quenmatkhau ul.ul-dk-thanh-vien { border: none; width: 500px; }
.block-login.quenmatkhau ul.ul-dk-thanh-vien div.left { float: left; width: 65px; }
.block-login.quenmatkhau ul.ul-dk-thanh-vien div.right { float: left; }
.btn-dangtin-detail { float: left; }
.btn-quen-mat-khau { cursor: pointer; }
.block-item-moigioi { float: left; width: 320px; margin-right: 15px; margin-bottom: 15px; min-height: 108px; font-size: 13px; }
.avatar-item { width: 98px; height: 108px; margin-right: 10px; float: left; }
.block-item-moigioi strong { display: block; font-size: 14px; }
.title-member { text-transform: inherit !important }
.avatar-detail { width: 175px; height: 188px; float: left; margin: 5px; border: 1px solid #ccc; }
.block-thong-tin-detail { float: left; width: 100%; margin-left: 10px; border-bottom: 1px dotted #867979; padding-bottom: 15px; }
.block-thong-tin-detail h2 { margin-bottom: 5px; margin-top: 0px;    font-size: 22px; }
#slider1 { width: 660px !important }
#slider1 img { width: 660px !important }
.list-mogioi-new { float: left; width: 100%; margin-left: 10px; padding-bottom: 15px; }
.list-mogioi-new span { float: left; }
ul.list-moigio-li { float: left; margin-left: 10px }
ul.list-moigio-li li { background: url(../images/icon_list.png) left center no-repeat; padding-left: 10px; }
ul.list-moigio-li li a { color: #e53832; font-size: 14px; }
.block-lien-he-member { float: left; width: 100%; min-height: 200px; margin-top: 10px; }
.block-lien-he-member input.input-contact { width: 100%; margin-top: 11px; margin-right: 5px; padding: 5px; margin-bottom: 10px; border: 1px solid #ccc; }
input.tensp { width: 100%; margin-bottom: 10px; border: 1px solid #ccc; padding: 5px; }
.block-lien-he-member button { background: #DF3832; color: #fff; line-height: 25px; border: none; padding: 5px 50px; font-size: 17px; margin-top: 10px; cursor: pointer; float: right; margin-right: 10px; margin-bottom: 10px; }
.block-lien-he-member .noidung-contact { width: 100%; height: 154px; border: 1px solid #ccc; padding: 5px; }
.block-lien-he-member h2 { border-bottom: 1px solid #ccc; margin: 0px; font-size: 13px; }
.block-mess-info { display: none; width: 450px; }
a.name-member-login { font-size: 17px !important; }
input.button-gui1 { width: 125px !important; background: #459E18; color: #fff !important; padding: 8px 5px !important; text-transform: uppercase; }
.du-an-hot { }
.du-an-hot a h2 { height: 48px;
  overflow: hidden; }

a.btn_m {
   background: #009F00;
  color: #fff;
  padding: 6px;
  font-size: 20px;
  padding-top: 2px;
  position: absolute;
  padding-left: 6px;
  top: 0px;
  left: 4px; display:none;
}
.list-img-post li{   display: block;
  width: 100%;
  height: 32px;}
  
 .main-right-memberp{ padding-left:10px;}
 
 #menu{ opacity:0; height:0px;}
 
 .back-top{     position: fixed;
    bottom: 50px; cursor:pointer;
    right: 10px;
    width: 35px;
    height: 35px;
    background: #459E18;
    z-index: 999;
    text-align: center;
    line-height: 35px;
    display: block;
    color: #fff;
    font-size: 21px; display:none;
    border-radius: 5px;}
 
   .back-top i{    margin-top: 8px;
    /* font-weight: normal; */
    font-size: 19px;}
	
.block-tim-kiem-top{  padding:0px 5px ;}	
.content-search-top{background:#459E18; padding:5px;}

.content-search-top{ display:none;}
.content-search-top span{ color:#fff;}
.content-search-top select{width:100%; padding:5px; margin-bottom:5px;}
.content-search-top input{ width:100%}
	
.content-search-top	.toilet, .content-search-top .phong{ width:48%; margin:0 1%; margin-bottom:5px;}

.content-search-top button{     background: #E78610;
    width: 100%;
    border: none;
    color: #fff;
    padding: 4px;
  
 }
	
@media (max-width:1024px) {
.slide-show img {
  width: 342px;
  height: 230px;
  float: left;
}
.list-login{ width:auto;}
.list-login li{ margin-right:6px;}
	 
}
 @media (max-width:1000px) {
div.content-footer{ padding-bottom:30px;}

.slide-show img{ width:100%}
.bx-wrapper .bx-caption span span{ display:none;}
#slider .bx-wrapper .bx-caption h2{ background:#000; width:100%;  display:none}
.poat-bds span.gia-dientich {
  color: #000;
  display: block;
  font-weight: bold;
  float: left;
  font-size: 13px;
   padding-left:0px; 
  width: 100%;
}
.block-table-member{ margin:0px;}

.main-menu-top{ display:none}
.poat-bds span.luubds{ margin-left:0px;}
.poat-bds span.ngaytao_psot img{ margin-left:0px;}
div.mfooter{ display:none}
.wrapper-header{ padding-left:50px; width:100%; overflow:hidden;}
#header .wrapper{ border-bottom:2px solid #0CB201;}
input.btn-capnhat-member{ margin-left:0px;}
a.btn_m{ display:block}
}
 @media (max-width:800px) {

.iframe-video{ height:350px;}
.content-search tr td span{ display:none}
.content-search select.phong, select.toilet{ margin-right:10px;}
.block-update_password input{ margin-right:0px}
.block-update_password label{ margin-left:0px}
}
 @media (max-width:700px) { 
 
 .section-right{ display:none}
  .content-search-top{ display:block}
 }
 @media (max-width:600px) { 

 #form-inner{ margin:0px}
.contact-form ul li input, .contact-form ul li textarea{ margin-left:0px}


.block-col1 ul li {
  float: left;
  margin-left: 15px;
  margin-bottom: 20px;
  line-height: 29px;
}
.login-col2{ margin-top:0px;}
.block-col1 ul li img {
  float: left;
  margin-right: 10px;
  width: 28px;
}
.block-login div.content .ul-dk-thanh-vien{ border-right:none; width:100%}
.block-right-member{ margin-left:0px;}

.thong-tin-post select{ width:155px;}
.thong-tin-post input {
  width: 166px;
  padding: 0px 5px;
}

.block-left-member{ padding:0px 10px}

 }

@media (max-width:360px) {

.content-search-top button{ margin-top:5px; }
.content-search-top	.toilet, .content-search-top .phong{ width:50%; margin:0; margin-bottom:5px;}
table.table_mota_project tr td {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  width: 100%;
  float: left;
  padding-left: 6px;
}




.block-thongtin-lienhe-post span.lienhe-post {
  margin-left: 0px;
  margin-top: 10px;
  display: block;
  margin-right: 10px;
  float: left;
}
}