.box_container{}
.box_container .content{}
.tt_lh{width: 49%;float: left;}
.bando{width: 49%;float: right;}
.bando iframe{ width:100% !important; border:1px solid #ddd !important; padding: 5px;}

.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;font-size: 13px;overflow: hidden;}
.popup_thongbao .tieude_tb{background: #d0041a;padding: 7px;color: #fff;text-transform: uppercase;font-weight: bold;font-size: 15px;font-family: 'tieude';}
.popup_thongbao .popup_kq{padding: 10px;color: #000000;min-height: 70px;align-items: center;font-size: 14px;}

/*Form lien he*/
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; clear:both;}
div.frm_lienhe .item_lienhe_b{text-align:center;}
div.frm_lienhe .item_lienhe p{float:left;width:100px;}
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: 65%;padding: 8px 10px;border: 1px solid #cfcfcf;box-sizing: border-box;background: #ffffff;}
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: 10px 25px;background: #dc0707;border:none;color:#fff;margin:10px 0px;font-size: 14px;cursor:pointer;box-sizing: border-box;text-transform: uppercase;font-family: 'tieude';}
.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 lien he*/

.othernews{margin-bottom: 40px;}
.othernews .cactinkhac{font-size: 22px;background: #3A254F;/* padding-bottom: 15px; */color: #ffffff;border-radius: 0 0 20px 20px;text-align: center;margin: auto;width: 300px;padding: 3px;}
.othernews ul.khac{list-style:none;padding: 30px 10%;/* text-align: center; */}
.othernews ul.khac li
{
    /* clear:both; */
    /* padding: 3px 0; */
    /* min-height: 84px; */
}
.othernews ul.khac_ok li
{
    display:inline-block;
    vertical-align:top;
    width:48%;
    margin:0 0.8%;
}
.othernews ul.khac li img{/* float:left; *//* width: 120px; *//* max-width:100px; *//* margin-right: 15px; */border-radius: 15px;border: 1px solid #552680;}
.othernews ul.khac li a{color: #552680;text-decoration:none;transition:0.4s;font-family: 'tieude';display: block;margin-bottom: 20px;font-size: 16px;}
.othernews ul.khac li a i{ margin-right:6px;}
.othernews ul.khac li a:hover{color:red;transition:0.4s;}
/*css tin tuc*/

/*----------css ban do-------------*/
#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 ban do-------------*/

/*----------Phan trang-------------*/
.pagination {margin: auto;width: 100%;text-align: center;margin-top: 10px; clear:both;}
.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;}
/*----------Phan trang-------------*/

/*----------css hieu ung-------------*/
.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%;}

.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 0.5s ease 0s;}
.zoom_hinh:hover img{transform:scale(1.2);}

.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;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
}
.hover_sang3:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s 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);}

/*Popup*/
div.login-popup
{
    position:fixed;
    z-index:99999;
    display:none;
    width:90%;
    min-width:250px;
    max-width:700px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
div.datngay_popup
{
    padding:20px;
    background:#fff;
}
div.close-popup
{
    cursor: pointer;
    z-index: 99999;
    position: absolute;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    right: -30px;
    top: -30px;
    z-index: 999999;
    -webkit-transition: all .5s ease-in-out;
    background-size: 40% 40%;
    -moz-transition: all .5s ease-in-out;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    box-shadow: 0 0 60px rgba(0,0,0,.4);
    border: 1px solid rgba(255,255,255,.5);
    background-color: rgba(255,255,255,.2);
    content: 'x';
    font-size: 29px;
    color: #cbcbcb;
}
div.close-popup:hover
{
    background-color: rgba(255,255,255,.3);
    box-shadow: 0 0 20px rgba(255,255,255,.8);
}
div#baophu
{
    background:#000;
    opacity:0.8;
    z-index:99998;
    left:0px;
    top:0px;
    position:fixed;
    width:100%;
    height:100%;
    display:block;
}