.box_container{}
.box_container .content{padding:10px 0px;overflow: hidden;overflow-x: scroll;}
/*.tt_lh{width: 49%;float: left;}
.bando{width: 49%;float: right;}*/
.dangky{width: 49%;float: left;}
.dangky_frm{padding: 10px 20px;position: relative;border: 1px solid #D6D6D6; margin-top: 10px;box-sizing:border-box;}
div.dangnhap{float:right;width:49%;position:relative;}
div.tieude_dangky{position: absolute;background: #F7F7F7;padding: 3px 15px;top: -16px;left: 20px;border: 1px solid #D6D6D6;font-size: 13px;}
div.tieude_dangnhap{border-bottom: 1px solid #D6D6D6;line-height:35px;margin-bottom:10px;font-size: 13px;}
.popup_thongbao{width: 300px;background: #fff;text-align: center;border: 1px solid #D0CFCF;font-size: 13px;}
.popup_thongbao .tieude_tb{background: #E80019;padding: 7px;color: #fff;text-transform: uppercase;font-weight: bold;}
.popup_thongbao .popup_kq{padding: 10px;font-weight: bold;color: #4C4C4C; min-height: 70px;align-items: center;font-size: 13px;}

/*Form liên hệ*/
div.frm_lienhe{margin:10px 0px 10px 0px;font-size:13px;position:relative;}
.thongbao{font-size: 20px;color: red;position: absolute;top: 35%;width: 100%;text-align: center;}
.thongbao p{text-align:center;}
div.frm_lienhe .item_lienhe{margin:8px 0px;}
div.frm_lienhe .item_lienhe_b{text-align:center;}
div.frm_lienhe .item_lienhe p{float:left;min-width:120px;}
div.dangky .item_lienhe p{clear:both;float:none;}
#reset_capcha img{float:left;margin:5px 10px;}
.baove{float:left !important;}
div.frm_lienhe .item_lienhe span{color:red;margin-left:3px;}
div.frm_lienhe .item_lienhe input[type='text'],div.frm_lienhe .item_lienhe textarea,div.frm_lienhe .item_lienhe input[type='password'],div.frm_lienhe .item_lienhe select{width: 63%;padding: 5px 10px;border: 1px solid #D6D6D6;box-sizing: border-box;background: #F7F7F7;}
div.dangky_frm .item_lienhe input[type='text'],div.dangky_frm .item_lienhe textarea,div.dangky_frm .item_lienhe input[type='password'],div.dangky_frm .item_lienhe select{width: 100%;}
div.frm_lienhe .item_lienhe input[type='button'],div.frm_lienhe .item_lienhe input[type='reset'],div.frm_lienhe .item_lienhe input[type='submit']{padding:7px 25px;background:#ee0303;border:none;color:#fff;border-radius:3px;margin:10px 0px;font-size:12px;cursor:pointer;box-sizing: border-box;text-transform: uppercase;}
.btn_dangnhap{padding:7px 25px;background:#ee0303;border:none;display:block;color:#fff;border-radius:3px;margin:10px 0px;cursor:pointer;box-sizing: border-box;text-transform: uppercase;text-decoration:none;float:left;margin-right:5px;}
.date{background:#F7F7F7 url(../images/i_date.png) 98% center no-repeat !important;padding-right: 8%;cursor:pointer;}
#tendangnhap{background:#F7F7F7 url(../images/i_user.png) 2% center no-repeat !important;padding-left: 8%;}
#matkhau,#nhaplaimatkhau,#matkhaucu{background:#F7F7F7 url(../images/i_pass.png) 2% center no-repeat!important;padding-left: 8%;}
/*Form liên hệ*/

/*css Báo Giá*/
.box_news{    
	width: 47.5%;
    padding: 10px 0;
    display: inline-block;
    vertical-align: top;
    
    }
.box_news h3 a{ 
	font-size: 14px;
    color: #595959;
    margin-bottom: 6px;
    transition: 0.4s;
    text-decoration: none;
    display: block;
    font-family: arial;
    text-transform: uppercase;}
.box_news h3 a:hover{color:#F00;transition:0.4s;}
.box_news a.chitiet{color:#00F;}
.box_news a{text-decoration:none;}
.box_news a img{
    float: left;
    margin: 4px 15px 3px 0px;
    width: 145px;
    transition: 1s;
    border: 1px solid #DCDCDC;}

.box_news a img:hover{opacity:0.4;transition:1s;}
.othernews{border: 1px solid #DEDEDE;padding: 5px;background: #F7F7F7;}
.othernews .cactinkhac{font-size:20px;color:#0066FF;}
.othernews ul.phantrang{list-style:none;margin-left:15px;}
.othernews ul.phantrang li{background:url(../images/i_tinkhac.png) left 3px no-repeat;padding:3px 5px 3px 18px;color:#AAAAAA;}
.othernews ul.phantrang li a{color:#4A4A4A;text-decoration:none;transition:0.4s;}
.othernews ul.phantrang li a:hover{color:red;padding-left:10px;transition:0.4s;}
.mota {
    color: #757575;
    font-size: 13px;
    font-family: 'arial';
    margin-top: 5px;
}
.ngaytao {
    color: #C1C1C1;
    font-style: italic;
    font-family: 'arial';
}
/*css Báo Giá*/

/*----------css bản đồ-------------*/
#map_canvas {height: 500px;width: 99%;margin:0px auto;border:1px solid #BBB;}
.map_description {color: #000000;overflow: auto;max-width: 300px;}
.map_title {color: #30A602;font-weight: bold;}
/*----------css bản đồ-------------*/

/*----------Phân trang-------------*/
.pagination {margin: auto;width: auto;text-align: center;margin-top: 10px;}
.pagination .pages li.prev {margin-right: 15px;}
.pagination .pages li.next {margin-left: 15px;}
.pagination .pages li {display: inline-block;margin: 5px 2px;}
.pagination .pages li a {height: 25px;padding: 4px 8px;text-decoration: none;color: #666666;font-weight: bold;border: 1px solid #d5d5d5;font-size: 11px;}
.pagination .pages li a:hover {background: #f6f6f6;}
.pagination .pages li .active {background:#424852;color: #fff;border-color: #424852;}
.pagination .pages li .active:hover {background: #2a313d;}
/*----------Phân trang-------------*/

/*----------Phân trang ajax-------------*/
.pages_ajax{ display:inline-block;}
.pages_ajax li {display: inline-block;margin: 5px 2px;height: 25px;padding: 4px 8px;text-decoration: none;color: #666666;font-weight: bold;border: 1px solid #d5d5d5;font-size: 11px;box-sizing: border-box;min-width: 30px;cursor: pointer;}
.pages_ajax li.actived,.pages_ajax li:hover {background: #2a313d; color:#fff;}
span.total{ display:none;}
/*----------Phân trang ajax-------------*/

/*----------Đánh giá sao-------------*/
.danhgiasao{cursor:pointer;}
.danhgiasao span{background:url(../images/star.gif) center top no-repeat;display:inline-block;width:16px;height:16px;cursor:pointer;}
.danhgiasao span.active{background:url(../images/star.gif) center -48px no-repeat;}
.danhgiasao span.hover,.danhgiasao span.default{background:url(../images/star.gif) center -32px no-repeat;}
/*----------Đánh giá sao-------------*/

/*----------Loading-------------*/
#pre-loader1{background: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: none}
#pre-loader{background: #F5F5F5;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}
.loader {position: relative;width: 2.5em;height: 2.5em;transform: rotate(165deg);  position: absolute;top: calc(50% - 1.25em);left: calc(50% - 1.25em);}
.loader:before, .loader:after {content: '';position: absolute;top: 50%;left: 50%;display: block;width: 0.5em;height: 0.5em;border-radius: 0.25em;transform: translate(-50%, -50%);}
.loader:before {animation: before 2s infinite;}
.loader:after {animation: after 2s infinite;}
@keyframes before {0% {width: 0.5em;box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);}35% {width: 2.5em;box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);}70% {width: 0.5em;box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);}100% {box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);}}
@keyframes after {0% {height: 0.5em;box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);}35% {height: 2.5em;box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);}70% {height: 0.5em;box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);}100% {box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);}}
/*----------Loading-------------*/

/*----------css hiệu ứng-------------*/
.hover_sang1{position:relative; overflow:hidden;}
.hover_sang1:before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);content: '';z-index:10;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);
transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.hover_sang1:hover:before {webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}

.hover_sang2{position:relative; overflow:hidden;}
.hover_sang2:before{position: absolute;top: 0;left: -85%;z-index: 10;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.hover_sang2:hover:before {transition: 1s;left: 100%;}

.hinh_mo{ position:relative; z-index:2;}
.hinh_mo:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );}

.trang_den{filter: grayscale(100%);-moz-filter: grayscale(100%);-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.trang_den:hover{filter: grayscale(0%);-moz-filter: grayscale(0%);-webkit-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);}
.zoom_hinh{ overflow:hidden;}
.zoom_hinh img{transition:all 1s ease 0s;}
.zoom_hinh:hover img{transform:scale(1.1);}

.xoay_hinh{ overflow:hidden;}
.xoay_hinh img{transition:all 1s ease 0s;}
.xoay_hinh:hover img{transform:rotate(360deg);}
.zoom_mo{ position:relative;}
.zoom_mo:before{ content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background-color: rgba(255, 255, 255, 0.2);-webkit-transform: scale(0.2);-ms-transform: scale(0.2);-o-transform: scale(0.2);transform: scale(0.2);-webkit-transition: ease-in-out 500ms;-o-transition: ease-in-out 500ms;transition: ease-in-out 500ms;z-index: 1;}
.zoom_mo:hover:before{-webkit-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);opacity: 1;}

.hover_sang3{ overflow:hidden; position:relative;}
.hover_sang3:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(67, 69, 113, 0.1);-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
}
.hover_sang3:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: rgba(67, 69, 113, 0.1);-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
.hover_sang3:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hover_sang3:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}
	
/*----------css hiệu ứng-------------*/
div#tags{ margin-top:10px;}
div#tags a {display: inline-block;border: 1px solid #DDD;padding: 3px 5px;text-decoration: none;color: #222222;}
div#tags a:hover{ color:red;}
div#tags span {display: inline-block;border: 1px solid #DDD;padding: 3px 5px;text-decoration: none;color: #222222;background: #DDDDDD;
}

/*div.left_gh{width:65%;float:left;}
div.right_gh{width:33%;float:right;}*/
div.td_gh{font-size:18px;margin:10px 0;text-transform:uppercase;}

/*---------Tim việc--------------*/
.box_news1
{
    width: 100%;
    float: left;
    padding: 10px 0px;
    border-bottom: 1px solid #ccc;
    transition: all 0.5s;
}
.box_news1 img
{
    float: left;
    margin-right: 10px;
}
.box_news1 h3,.box_news1  a
{
    font-family: arial;
    font-size: 18px;
    color: black;
    font-weight: normal;
    text-decoration: none !important;
}
.box_news1 p
{
    font-family: arial;
    font-size: 18px;
    color: black;
}
.box_news2 p
{
    font-family: arial;
    font-size: 18px;
    color: black;
}
.box_news1:hover 
{
   background: #ccc;
}
div#danhmuc .ul_nghe
{
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin: 0px;
    padding: 10px 0px;
}
.ul_nghe li
{
    width: 100%;
    padding: 5px 20px;
}
.ul_nghe li label
{
    cursor: pointer;
    display: block;
}
.ul_nghe li input
{
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}
div#danhmuc ul li.active a
{
    color: red;
}

/*-------Modal--------*/



.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 1;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate3d(0, -25%, 0);
       -o-transform: translate3d(0, -25%, 0);
          transform: translate3d(0, -25%, 0);
}
.modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.form-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
.form-header h4
{
    font-size: 20px;
    color: white;
    text-transform: uppercase;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
  width: 100%;
  float: left;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.modal-dialog {
    width: 600px;
    margin: 100px auto;
}
.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    background: rgba(160, 209, 65, 0.8);
}
.modal-sm {
    width: 300px;
}
.form-content
{
    padding: 20px;
}
.form-group
{
    padding: 5px 0px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}
.form-group label
{
    font-size: 15px;
    color: white;
    width: 30%;
    display: block;
    float: left;
}
.form-group input
{
    width: 70%;
    float: left;
    height: 30px;
    background: white;
    border: none;
    padding-left:10px;
}
.form-group select
{
    width: 70%;
    float: left;
    height: 30px;
    background: white;
    border: none;
    padding-left:10px;
}

.form-group textarea
{
    width: 70%;
    float: left;
    height: 80px;
    background: white;
    border: none;
    padding:10px;
}
.btn-block
{
    padding: 7px 20px;
    background: red;
    color: white;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
    border: 0px;
    outline: none;
    margin: auto;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.btn-primary {
    background: #0070b7;
}

.btn-primary {
    background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));
    background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7',endColorstr='#ff265a88',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #245580;
}


.input-group
{
    width: 100%;
}

.form_hoidap input

{
    width: 100%;
    height: 40px;
    border-radius: 5px !important;
    margin-top: 10px;
    border: 1px solid #ccc;
    padding-left: 20px;
}

.form_hoidap textarea
{
    margin-top: 10px;
    border-radius: 5px !important;
    border: 1px solid #ccc;
    padding-left: 20px;
    width: 100%;
    padding-top: 20px;
}

.btn-primary
{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn_dangtin
{
    display: inline-block;
    float: left;
    font-size: 15px;
    margin-bottom:20px;
}
.btn_dangtin a
{
   padding: 5px 20px;
   background: red;
   color: white;
   display: inline-block;
   border-radius: 5px;
   cursor: pointer;
   margin-right:10px;
}