.hd-top{
    background: #ebebeb;
}

.hd-top p{
    float: left;
    margin: 0;
    line-height: 40px;
    font-size: 14px;
}
.hd-top p.slogan{}
.hd-top p.diachi{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.hd-top p.email{
    float: right;
}
.hd-bot{}
.logo-banner{
    display: block;
}
.logo{
    width: 20.8%;
    float: left;
}
.banner{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
}
.hotline{
    margin: 0;
    position: absolute;
    right: 15px;
    top: 28px;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    line-height: 1;
}
.hotline a{
    color: #f00;
    font-family: 'RobotoBlack';
    font-size: 16px;
}
.gioithieu-bg{
    background: url(images/gt-bg.png);
    padding-bottom: 30px;
}
.gioithieu-bg .info{
    width: 51.6%;
    float: left;
}
.gioithieu-bg .tit{
    font-size: 30px;
    font-family: 'UTMHelvetIns';
    text-transform: uppercase;
    color: #000;
    position: relative;
    padding-bottom: 15px;
}.gioithieu-bg .tit:before{content:"";height: 2px;width: 100px;background: #f00;position: absolute;left: 0;bottom: 0;}.gioithieu-bg .tit:after{content:"";height: 10px;width: 10px;border-radius: 50%;background: #f00;position: absolute;left: 0;bottom: -4px;}
.gioithieu-bg .tit span{
    color: #f00;
}
.gioithieu-bg .desc{}
.gioithieu-bg .xemthem{
    color: #fff;
    font: 14px/36px arial;
    display: inline-block;
    background: #f00 url(images/dotted.png) no-repeat right 3px bottom 3px;
    padding: 0 18px;
}
.gioithieu-bg .imgsp{
    float: right;
    width: 45.8%;
    display: block;
    margin-top: 40px;
}
.gioithieu-bg .imgsp img{
    width: 100%;
}
.spnoibat-bg{}
.idx-tit{
    text-align: center;
    background: url(images/idx-tit-bg.png);
    border-radius: 20px;
    margin: 40px 0 20px;
    text-transform: uppercase;
    font-size: 15px;
}
.idx-tit span,.idx-tit a{
    display: inline-block;
    color: #fff;
    font-size: 22px;
    font-family: 'UTMHelvetIns';
    background: url(images/idx-tit.png) repeat-x;
    position: relative;
    padding: 4.5px 10px;
}.idx-tit span:before, .idx-tit a:before{content:"";width: 60px;height: 40px;position: absolute;left: -60px;top: 0;background: url(images/idx-tit-l.png);}
.idx-tit span:after, .idx-tit a:after{content:"";width: 56px;height: 40px;position: absolute;right: -56px;top: 0;background: url(images/idx-tit-r.png);}


}
.spbanchay-bg{}
.tin-video-bg{}
.tin-col{
    width: 33.33%;
}
.tin-box{
    width: 91.6%;
    margin: 0 auto;
}
.tin-video-bg .tit{font-family: 'RobotoMedium';font-size: 22px;text-transform: uppercase;background: url(images/tin-col-tit.png) repeat-x 0 bottom;padding-bottom: 13px;position: relative;padding-left: 22px;line-height: 1;}.tin-video-bg .tit span{
    color: #0065c6;
}.tin-video-bg .tit:before{content:"";border-left:6px solid #f00;width: 20px;height:100%;background:#fff;position:absolute;left: 0;}
.tinnb-main{}
.tinnb-item{}
.tinnb-item a{
    outline: none;
    display: block;
    margin-bottom: 10px;
}
.tinnb-item figure{
    width: 29%;
    float: left;
    border: 1px solid #e1e1e1;
    padding: 3px;
}
.tinnb-item figure img{
    width: 100%;
}
.tinnb-item .info{
    float: right;
    width: 69%;
}
.tinnb-item .info h4{
    font: bold 14px arial;
    color: #3b3b3b;
    margin: 4px 0;
}
.tinnb-item .info p{
    font: 13px/18px arial;
    color: #3b3b3b;
    margin: 0;
    overflow: hidden;
    height: 53px;
}
#video-idx{}
#iframe{
    width: 100%;
    height: 239px;
}
.fanpageplace{
    overflow: hidden;
    height: 280px;
    border-bottom: 10px solid #f6f7f9;
}
.maxh .tit{display: inline-block;}
.pr-box figure span{
    position: absolute;
    width: calc(100% - 16px);
    height: calc(100% - 17px);
    top: 3px;
    left: 8px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.pr-box figure.iconnew:before{content: "";width: 68px;height: 69px;background-image: url(images/new-icon.png);position: absolute;z-index: 6;left: 0;top: 0;}
.pr-box figure:hover span{
    background-size: 105% 105%;
    background-position: left 10% top 10%;
}
.doitac{}
.doitac a{
    display: block;
    margin: 0 auto;
    border: 1px solid #e1e1e1;
    width: 95%;
    outline: none;
}
.doitac img{
    width: 100%;
}
.doitac-main .slick-prev:before, .doitac-main  .slick-next:before{
    content: url(images/sl_prev1.png);
}.doitac-main  .slick-next:before{
    content: url(images/sl_next1.png);
}
.doitac-main .slick-prev, .doitac-main  .slick-next{
    width: 15px;
    height: 25px;
    z-index: 15;
}.doitac-main  .slick-next{}
.ft-lienhe{
    float: left;
    width: 29%;
}
.ft-tit span{
    display: inline-block;
    border: 1px dotted #fff;
    border-radius: 19px;
    padding: 7px 40px;
}
.ft-lienhe input{
    background-color: rgba(255, 255, 255, 0.26);
    color: #fff;
}
.ft-lienhe input::-webkit-input-placeholder,.ft-lienhe textarea::-webkit-input-placeholder {
  color: #fff;
}

.ft-lienhe input::-moz-placeholder,.ft-lienhe textarea::-moz-placeholder {
  color: #fff;
}

.ft-lienhe input:-ms-input-placeholder,.ft-lienhe textarea:-ms-input-placeholder {
  color: #fff;
}

.ft-lienhe input:-moz-placeholder,.ft-lienhe textarea:-moz-placeholder {
  color: #fff;
}
.ft-lienhe .form-group{
    margin-bottom: 9px;
}
.col-50p .form-group{
    width: 49%;
    float: left;
}.col-50p .form-group:first-child{
    margin-right: 2%;
}
.frmnoidung {
    float: left;
    width: calc(100% - 106px);
}
.frmnoidung +.btn{
  width: 99px;
  height: 33px;
  float: right;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #f9010a;
  border: solid 1px rgba(249,249,249,.49);
  font: bold 14px arial;
  text-transform: uppercase;
}
.frmnoidung textarea.form-control{
    background-color: rgba(255, 255, 255, 0.26);
    color: #fff;
    height: 39px;
}
.ft-lienhe .help-block{
    color: #ff0;
    font-size: 1.3rem;
}
.main-container{padding: 15px 0;}.index .main-container{padding:0}
.left_b{position: relative;}
     .diachi-nav>a{display: block;background: #0269cd;color: #fff;padding: 10px;border-radius: 7px;margin: 3px;font-size: 1.1rem;line-height: 1;transition: .3s;}
.diachi-nav>a:hover{
    background: #da1a1a;
}
.diachi-nav{
    position: absolute;
    z-index: 100;
    top: 5px;
    left: 5px;
}

#ch_map{
position:relative;

}   
#google-map{
    width:100%;
    height: 400px;
    background:url('../images/loading.gif') center center no-repeat;
}
.adr{
    padding:10px 0;
    padding: 0px 20px;
    border-top:1px solid #ccc;
    color:#F5009A;
}
.adr p{
    margin: 7px 0px;
}
.back{
    position:fixed;
    bottom:10px;
    left:50%;
    margin-left:-50px;
    color:#000;
    text-align:center;
    padding:6px 0;
    width:100px;
    background:#F5009A;
    color:#fff;
    border-radius:10px;
}

#box-input-info-search {
        left: 2%;
        top: 10px;
        position: absolute;
        z-index: 999;
        width: 50%;
        box-shadow: 6px 4px 10px #ccc;
        border: 1px solid #ccc;
        background:#fff;
}
#box-input-info-search .line-control {
    text-align: center;
    margin: 0;
    position:relative;
}
#box-input-info-search .line-control .label {
    float: left;
    margin-right: 10px;
    display: inline;
    min-width: 90px;
    line-height: 25px;
    font-size: 13px;
    font-weight: bold;
    color: #4A4A4A;
}
.del{
    position: absolute;
    right: 0;
    top: 0;
    color: #000;
    background: #0CBBB5 url('http://findicons.com/files/icons/2344/faenza/24/view_refresh.png') no-repeat center center;
    height: 100%;
    padding: 0 20px;
    line-height: 0;
}
#box-input-info-search .form-control {
    border: none;
    width: 100%;
    padding: 10px 0;
    outline:0;
    text-indent: 20px;
}
#input-start-place{
    color:#099691 ;
}
#input-end-place{
    color:#FF4C4C;
}
#box-input-info-search .button {
    cursor: pointer;
    padding: 5px 30px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    background-color: #4d90fe;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
    background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
    background-image: linear-gradient(top,#4d90fe,#4787ed);
    progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
    border: none;
}
.mesDistance{
    text-align: center;
    position: absolute;
    bottom: 5px;
    left: 20%;
    display: none;
    z-index: 999;
    width: 60%;
    background: url('../images/bg_op.png');
    height: 26px;
line-height: 26px;
    color:#fff;
}
.delDistance{
    display: block;
    float: right;
    margin: 0px 15px 0 0;
    width: 24px;
    height: 24px;
    background: url('../images/del_goto.png') no-repeat center center;
}
#lolo_map{
    left:40px;
    bottom:-3px;
}
.weather_btn{
    background:url('../images/weather.png') center center no-repeat;
    display:block;
    width:25px;
    height:26px;
    margin:0 10px;
}
.weather_btn.on{
    background:url('../images/weather_on.png') center center no-repeat;
}
.maxhft.maxh li{margin-bottom: 5px;}
.dichvunb-bg{
    background: url(images/dichvu-bg1.png) no-repeat;
    background-size: 100% 100%;
}
.dichvu-main{}
.dichvu-item{
    outline: none;
}
.dichvu-item a{
    color: #fff;
    display: block;
    margin: 0 auto;
    outline: none;
    width: 92%;
}
.dichvu-item figure{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-size: 100% 100%;
}
.dichvu-item h4{font-family: 'UTMHelvetIns';font-size: 20px;line-height: 2.8rem;}
.dichvunb-bg .tit{
    font-family: 'UTMHelvetIns';
    font-size: 25px;
}
.dichvunb-bg .tit span,.dichvunb-bg .tit a{
    color: #fff;
}
.dichvunb-bg .slick-prev:before, .dichvunb-bg .slick-next:before{
    content:url(images/sl_prev.png);
    }.dichvunb-bg .slick-next:before{content:url(images/sl_next.png);}
.dichvunb-bg .slick-prev, .dichvunb-bg .slick-next{width: 19px;height: 38px;z-index: 50;top: 40px;}.dichvunb-bg .slick-next{}
.combomobile .btn-danger{
    background-color: #ff2116;
    border-color: #f66e67;
    }