﻿body {
    background-color:#fff;
}
#maindivisionpage {
    background-color:transparent;
    width:1200px;
}
.trungtamhongha {    
     padding:10px;  border-bottom:solid 1px #f8f8f8; font-family:Roboto; padding-bottom:20px; padding-top:20px; cursor:pointer;
}
.activetrungtam {
        background-color:#f8f8f8;
    }
    .trungtamhongha:last-child {
        border-bottom:none;
    }
    .trungtamhongha:hover {
        background-color:#f8f8f8;
    }
    
.tentrungtam {
    font-weight:bold;
}
.diachitrungtam {
    color:#10556c; font-size:13px; margin-bottom:4px; margin-top:4px;
}
.divproductgroup {
    padding-left:8px; background-color:#f7f8fa; border-bottom:solid 1px rgb(230, 231, 235); border-left:solid 1px rgb(230, 231, 235); 
}
.indivproductgroup {
    background:url(../Images/view-list.png) no-repeat center left; padding:8px; padding-left:26px; font-size:14px; color:#808080; font-family:Roboto;
}
#map {
    height:540px; border-bottom:solid 1px rgb(230, 231, 235);border-top:solid 1px rgb(230, 231, 235);border-right:solid 1px rgb(230, 231, 235); 
    
}
#outmap {
    position:relative; overflow:hidden;padding-left:8px;padding-right:8px;
}
#detailslocationonmap {
}
#topbannerhongha {
    max-height:200px; overflow:hidden;
}
#tentrungtamchitiet {
    padding:20px; background-color:#ef0a0a; color:#fff; font-size:22px;
}
#diachichitiet {
    background:url(../Images/location-pointer.png) no-repeat center left; padding:6px;  margin-left:18px;padding-left:32px;
}
#dienthoaichitiet {
    background:url(../Images/phone-receiver.png) no-repeat center left;padding:6px; margin-left:20px;padding-left:32px;
}
#faxchitiet {
    background:url(../Images/printer-.png) no-repeat center left;padding:6px; margin-left:20px;padding-left:32px;
}
#giomocuachitiet {
    background:url(../Images/clock-circular-outline.png) no-repeat center left;padding:6px;  margin-left:20px;padding-left:32px;
}
#anhchitiettrungtam {
    padding:10px; padding-left:20px; 
}
#anhchitiettrungtam ul{
    padding:0; margin:0;
}
    #anhchitiettrungtam ul li {
        display:inline-grid; width:24%; height:70px; padding:0; margin:0; overflow:hidden;
    }
        #anhchitiettrungtam ul li div {
            margin:2px;
        }
        #anhchitiettrungtam ul li div img {
            width:100%;
        }
.hethongtrungtam {
       float:left;width:100%;
}
.inhethongtrungtam {
    float:left;width:100%;padding-top:8px;padding-bottom:10px;
}
.listcompanybranch {
    float:left;width:20%;    
}
.mapcompany {
    float:left;width:55%;
}
.inforcompanybranch {
    float:left;width:20%;
}
.listcompany {
    width:20%;float:left;
}
.main-contentbackground {
    display: block;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);border-bottom: 1px solid #dfdfdf;
}
.rightcolinhomeadv {
    float:right;width:calc((100% - 1200px)/2);position:relative;display:none;
}
#inrightcolinhomeadv {
    float:right;position:absolute;padding-top:8px;
}
    #inrightcolinhomeadv img {
         max-height:100%; max-width:100%;
    }
.botrightcolhomeadv {
    float:right;width:calc((100% - 1200px)/2);position:relative;
}
#inrightcolinhomeadv1 {
    float:right;
}
#inrightcolinhomeadv1 img {
         max-height:100%; max-width:100%;
    }
.leftcolinhomeadv {
    float:left;width:calc((100% - 1200px)/2);position:absolute;display:none;
}
#inleftcolinhomeadv {
    float:right;position:relative;
}
    #inleftcolinhomeadv img {
         max-height:100%; max-width:100%;
    }
.botleftcolhomeadv {
float:left;width:calc((100% - 1200px)/2);position:absolute;
}
#inleftcolinhomeadv1 {
    float:right;
}
    #inleftcolinhomeadv1 img {
         max-height:100%; max-width:100%;
    }
.bottomcolinhomeadv {
    float:left;bottom:0px;margin:auto;position:relative;    
}
#inbottomcolinhomeadv {
    float:left;padding-bottom:0px;
}
    #inbottomcolinhomeadv img {
         max-height:100%; max-width:100%;display:block;background-repeat:repeat-x;
    }
@media (max-width: 1030px) {
    .inforcompanybranch {
        display:none;
    }
    .mapcompany {
        width:65%;
    }
}
@media (max-width:800px) {
    .inforcompanybranch {
        display:none;
    }
    .mapcompany {
        width:45%;
    }
}
@media (max-width:500px) {
    .hethongtrungtam {
        width:auto;
    }  
    .listcompanybranch {
     float:none;width:100%;
    }
    .divproductgroup {
        width:100%;
    }
    .mapcompany {
        width:100%;float:none;
    }
    #map {
        width:400px;height:400px;
    }
    #outmap {
            width:400px;height:400px;
    }
    .inforcompanybranch {
        display:none;
    }
}