@charset "utf-8";

@font-face {
    font-family: 'UTM_Avo';
    src: url('../media/css/font/utm_avo/UTM Avo.eot');
    src: url('../media/css/font/utm_avo/UTM Avo.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/UTM Avo.woff') format('woff'),
         url('../media/css/font/utm_avo/UTM Avo.ttf') format('truetype'),
         url('../media/css/font/utm_avo/UTM Avo.svg#UTM Avo') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cambria';
    src: url('../media/css/font/utm_avo/18_7454_CAMBRIAZ.eot');
    src: url('../media/css/font/utm_avo/18_7454_CAMBRIAZ.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/18_7454_CAMBRIAZ.woff') format('woff'),
         url('../media/css/font/utm_avo/18_7454_CAMBRIAZttf') format('truetype'),
         url('../media/css/font/utm_avo/18_7454_CAMBRIAZ.svg#18_7454_CAMBRIAZ') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UTM_Helve';
    src: url('../media/css/font/utm_avo/UTM Helve.eot');
    src: url('../media/css/font/utm_avo/UTM Helve.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/UTM Helve.woff') format('woff'),
         url('../media/css/font/utm_avo/UTM Helve.ttf') format('truetype'),
         url('../media/css/font/utm_avo/UTM Helve.svg#UTM Helve') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UTM_COK';
    src: url('../media/css/font/utm_avo/UTM Cookies.eot');
    src: url('../media/css/font/utm_avo/UTM Cookies.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/UTM Cookies.woff') format('woff'),
         url('../media/css/font/utm_avo/UTM Cookies.ttf') format('truetype'),
         url('../media/css/font/utm_avo/UTM Cookies.svg#UTM Helve') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UVF_LOP';
    src: url('../media/css/font/utm_avo/UVF Lobster12.eot');
    src: url('../media/css/font/utm_avo/UVF Lobster12.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/UVF Lobster12.woff') format('woff'),
         url('../media/css/font/utm_avo/UVF Lobster12.ttf') format('truetype'),
         url('../media/css/font/utm_avo/UVF Lobster12.svg#UVF Lobster12') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UTM_Betas';
    src: url('../media/css/font/utm_avo/UTM Bebas.eot');
    src: url('../media/css/font/utm_avo/UTM Bebas.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/UTM Bebas.woff') format('woff'),
         url('../media/css/font/utm_avo/UTM Bebas.ttf') format('truetype'),
         url('../media/css/font/utm_avo/UTM Bebas.svg#UTM Bebas') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Caviar';
    src: url('../media/css/font/utm_avo/UTM Caviar.eot');
    src: url('../media/css/font/utm_avo/UTM Caviar.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/UTM Caviar.woff') format('woff'),
         url('../media/css/font/utm_avo/UTM Caviar.ttf') format('truetype'),
         url('../media/css/font/utm_avo/UTM Caviar.svg#UUTM Caviar') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UTM_Apima';
    src: url('../media/css/font/utm_avo/UTM Aptima.eot');
    src: url('../media/css/font/utm_avo/UTM Aptima.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/UTM Aptima.woff') format('woff'),
         url('../media/css/font/utm_avo/UTM Aptima.ttf') format('truetype'),
         url('../media/css/font/utm_avo/UTM Aptima.svg#UTM Aptima') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UTM_Avobold';
    src: url('../media/css/font/utm_avo/UTM AvoBold.eot');
    src: url('../media/css/font/utm_avo/UTM AvoBold.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/UTM AvoBold.woff') format('woff'),
         url('../media/css/font/utm_avo/UTM AvoBold.ttf') format('truetype'),
         url('../media/css/font/utm_avo/UTM AvoBold.svg#UTM AvoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'opensan';
    src: url('../media/css/font/utm_avo/OpenSans-Regular.eot');
    src: url('../media/css/font/utm_avo/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/utm_avo/OpenSans-Regular.woff') format('woff'),
         url('../media/css/font/utm_avo/OpenSans-Regular.ttf') format('truetype'),
         url('../media/css/font/utm_avo/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'opensan_semibold';
    src: url('../media/css/font/open-sans/OpenSans-Bold.eot');
    src: url('../media/css/font/open-sans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/open-sans/OpenSans-Bold.woff') format('woff'),
         url('../media/css/font/open-sans/OpenSans-Bold.ttf') format('truetype'),
         url('../media/css/font/open-sans/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'opensanbold';
    src: url('../media/css/font/open-sans/OpenSans-Semibold.eot');
    src: url('../media/css/font/open-sans/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
         url('../media/css/font/open-sans/OpenSans-Semibold.woff') format('woff'),
         url('../media/css/font/open-sans/OpenSans-Semibold.ttf') format('truetype'),
         url('../media/css/font/open-sans/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}*/


a
{
    text-decoration: none!important;
}
a:focus
{
    outline: none!important;
}

h1,h2,h3
{
    margin: 0;
    padding: 0;
    font-size: inherit;

}




/*img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    vertical-align: middle;
}*/

body
{
      margin: 0;
    padding: 0;
    

}
#wrapper
{
       width: 100%;
    float: left;
    height: auto;
    background: url(../img/nenweb.png) no-repeat;
    background-size: 100%;
    overflow: hidden;
}

#header {
   width: 100%;
   float: left;
   position: relative;
}
.banner
{
    width: 100%;
    float: left;
}

.bannerde
{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.logo
{
    width: 20%;
    float: left;
        margin-top: 60px;
}
.logo img
{
    width: 100%;
}
.headerphai
{
    width: 16%;
    float: right;
}

.headergiua
{
    width: 64%;
    float: left;
    text-align: center;
}


#timkiem
{
        width: 450px;
    /* margin: 0 auto; */
    margin-top: 70px;
    margin-left: 210px;
    position: relative;
}
#timkiem input
{
       width: 100%;
    float: left;
    outline: none;
    border: 2px solid #0a97d4;
    height: 37px;
    padding-left: 10px;
    border-radius: 15px;
    font-size: 12px;
    font-family: Arial;
    text-shadow: 0px 0px 1px #eee;
}

#timkiem button
{
        position: absolute;
    width: 90px;
    right: 0;
    height: 37px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border: none;
    outline: none;
    border: 2px solid #0a97d4;
    border-left: none;
    background: #f95d96;
    color: #fff;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;

}
.hotline
{
    width: 100%;
    float: left;
    text-align: right;
    margin-top: 20px;
}
.hotline span
{
    color: #fff;
    font-size: 14.5px;
    font-family: Arial;
    font-weight: bold;
    background: #0a97d4;
    padding: 8px 15px;
    border-radius: 8px;

}
.giohang
{
        width: 100%;
    float: left;
    padding-left: 20px;
    margin-top: 46px;
}
.giohang img
{
    float: left;
}
.giohang span
{
       font-size: 16px;
    color: #0a97d4;
    margin-top: 11px;
    font-weight: bold;
    float: left;
    margin-top: 20px;
}
#menu1
{
    width: 100%;
    height: 60px;
    background: #0a97d4;
    border-radius: 20px;
    float: left;
    margin-top: 15px;
 -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;

}
.fixed1
{
    position: fixed!important;
    top: 0;
    margin-top: 0!important;
    width: 1200px!important;
    z-index: 9999;
}
#menu1 ul
{
    padding: 0;
    margin: 0;
    list-style: none;

}
#menu1 ul li
{
       padding: 21px 22px 14px 22px;
    text-align: center;
    position: relative;
    float: left;
        border-right: 1px dashed #fff;
    width: auto;
}

#menu1 ul li.activemenu
{
     background: #fa82ae;
}
#menu1 ul li:first-child
{
        padding-bottom: 16px;
    padding-top: 17px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
#menu1 ul li:nth-child(4){

        padding: 21px 28px 14px 22px;
}
#menu1 ul li:last-child
{
    border-right: none;
}
#menu1 ul li:hover
{
    background: #fa82ae;

}

#menu1 ul li a
{
    font-size: 18px;
    color: #fff;
    /*font-family: UTM_Avobold;*/
    font-weight: bold;
    text-transform: uppercase;
}
#menu1 ul li a:hover
{
    color: #ffd284;
}
.submenu
{
    position: absolute;
    display: none;
    top: 60px;
     background: #0a97d4;
    width: 240px;
    z-index: 9999;
    left: 0;

}

#menu1 >ul >li:hover .submenu
{
    display: block;
}

#menu1 >ul >li >.submenu >li
{
    width: 100%;
    float: left;
    padding: 10px;
    padding-left: 20px;
    position: relative;
    text-align: left;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #fff;
}
#menu1 >ul >li >.submenu >li:last-child
{
    border: none;
}
#menu1 >ul >li >.submenu >li>a
{
font-size: 15px;
text-transform: none;
}

.submenu1
{
    position: absolute;
    display: none;
    top: 0;
     background: #0a97d4;
    left: 100%;
     z-index: 9999;
         width: 220px;

}
.submenu2
{
    position: absolute;
    display: none;
    top: 0;
     background: #0a97d4;
    left: 100%;
     z-index: 9999;
         width: 220px;

}
#menu1 >ul >li>.submenu >li:hover .submenu1
{
    display: block;
}
#menu1 >ul >li>.submenu >li >.submenu1 >li:hover .submenu2
{
    display: block;
}

#menu1 >ul >li>.submenu >li> .submenu1>li
{
    width: 100%;
    float: left;
    padding: 10px;
    padding-left: 20px;
    position: relative;
    text-align: left;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #fff;
}
#menu1 >ul >li>.submenu >li> .submenu1>li >.submenu2 >li
{
    width: 100%;
    float: left;
    padding: 10px;
    padding-left: 20px;
    position: relative;
    text-align: left;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #fff;
}


#menu1 >ul >li>.submenu >li> .submenu1>li:last-child
{
    border: none;
}
#menu1 >ul >li>.submenu >li> .submenu1>li>.submenu2>li:last-child
{
    border: none;
}

#menu1 >ul >li>.submenu >li> .submenu1>li a
{
    font-size: 15px;
text-transform: none;
}
#menu1>ul >li>.submenu >li> .submenu1>li>.submenu2 >li> a
{
    font-size: 15px;
text-transform: none;
}
.slider
{
    width: 100%;
    float: left;
    margin-top: 20px;
}
#slideshow
{
    width: 74%;
    float: left;
}
#khungphai
{
    width: 24%;
    margin-left: 2%;
    float: left;
    border-radius: 20px;
    background: #fff;
}
.khungtrong
{
    padding: 10px ;
}
.chinhsach
{
       width: 100%;
    float: left;
    padding: 13px 0;
    padding-bottom: 12px;
    border-bottom: 1px dashed #f7adb1;
}

.chinhsach .hinhcs
{
      padding-left: 0;
    text-align: center;
    height: 50px;
    line-height: 50px;
    padding-right: 0;
    white-space: nowrap;
    text-align: center;

      
}
.hinhcs img
{
    max-height: 50px;
    vertical-align: middle;
}
.chinhsach .motachinhsach
{
padding-left: 10px;
    padding-right: 0;

}
.motachinhsach h3 a
{
    font-family: Arial;
    font-weight: bold;
    color: #ff3399;
    font-size: 14px;
    text-transform: uppercase;

}
.motachinhsach p
{
    margin: 0;
    font-size: 12px;
    color: #000;

}

.content1
{
     background: url(../img/bg1.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    float: left;
}
#content
{
    width: 100%;
    float: left;
    padding-top: 30px;
   

}

.pro_left {
    width: 23%;
    float: left;
  
}
.pro_right {
    width: 75%;
    float: left;
    margin-left: 2%;
}


.noidungleft
{
        background: #fff;
    padding: 10px 30px;
    width: 100%;
    float: left;
    border-radius: 20px;
    margin-bottom: 20px;
}
.tieudedm1
{
    padding-top: 10px;
    width: 100%;
    float: left;
    
}
.tieudedm2
{
       padding-top: 15px;
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ff0066;
}
.tieudedm1 h2 a,.tieudedm2 h2 a
{
       font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    color: #ff3399;
    text-transform: uppercase;
}
.noidungdm1
{
    width: 100%;
    float: left;
        padding-bottom: 10px;
    padding-top: 10px;
    

}
.noidungdm1 ul
{
    list-style: none;
    padding-left: 15px;
    margin: 0;
}
.noidungdm1 ul li
{
        width: 100%;
    float: left;
    padding: 6px 0;
    position: relative;


    padding-left: 20px;
}

.noidungdm1 ul li:before
{
        position: absolute;
    content: "\f105";
    font-family: FontAwesome;
    color: #ff3399;
    font-weight: bold;
    /* right: 35px; */
    left: -1px;
    top: 6px;
}
.noidungdm1 ul li a
{
    font-size: 14px;
    color: #000;
    font-family: Arial;
    
}
.noidungdm1 ul li a:hover
{
    color: #ff3399;
}
.noidungdm2
{
    width: 100%;
    float: left;
}
.tintuctc
{
       width: 100%;
    float: left;
    padding: 15px 0;
    border-bottom: 1px dashed #cacaca;
}
.hinhtintc
{
    width: 40%;
    float: left;
    overflow: hidden;
}
.hinhtintc img
{
    border-radius: 20px;
    width: 100%;
    transition:all 1s ease 0s;  

}
.hinhtintc img:hover
{
    transform:scale(1.1);  
}
.motatintc
{width: 60%;
    float: left;
    padding-left: 7px;
}
.motatintc h3 a
{
    font-size: 15px;
    color: #ff0066;
    font-weight: bold;
        line-height: 18px;
    font-family: Arial;
}
.motatintc h3 a:hover
{
    color: red;
}
.motatintc p
{
    font-size: 12px;
    margin-top: 10px;
     font-family: Arial;
         text-shadow: 0px 0px 3px #ccc;

}
.hinhhotro
{
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 15px;
}
.hotline1
{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #000;
    font-family: Arial;
    text-align: center;
}
.hotline1 span
{
    font-size: 18px;
    color: #ff0000;
    font-family: Arial;
    font-weight: bold;
}
.video
{
    width: 100%;
    float: left;
}
.video iframe
{
    width: 100%;
    height: 180px;
}
.mucsanpham
{
    width: 100%;
    float: left;
    background: #fff;
        border-radius: 20px;
        margin-bottom: 20px;
}
.mucsanpham1
{
    padding: 30px;
}
.tieudemuctren
{
    width: 100%;

    margin-top: 20px;
    float: left;
}
.tenmuc
{
    position: relative;
    width: auto;
}
.conong
{
       position: absolute;
    top: -57px;
    right: -250px;
}
.tenmuc h2
{

}
.tenmuc h2 a
{
    font-size: 20px;
    color: #fff;
    font-family: Arial;
    text-transform: uppercase;
    padding: 15px 20px;
    font-weight: bold;
    border-radius: 15px;
    background: #ff6699;
}
.noidungmuc
{
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;

}
.sanpham
{
    width: 100%;
    float: left;
    margin-bottom: 7px;

}
.hinhsanpham
{
    width: 100%;
    text-align: center;
    float: left;
    overflow: hidden;
}
.hinhsanpham img
{
    max-width: 100%;
    border-radius: 20px;
    transition:all 1s ease 0s;  
}
.hinhsanpham img:hover
{
    transform:scale(1.1);   
}
.sp2
{
    background: url(../img/khung.png);
    background-size: 100% 100%;
    padding: 7px;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.tensanpham
{
    width: 100%;
    float: left;
    text-align: center;
       padding-top: 15px;
    
}
.tensanpham h3 a
{
    font-size: 12.5px;
    font-weight: bold;
    color: #f95d96;
    text-transform: uppercase;
    border-bottom: 1px solid #fca8c7;
    padding-bottom: 5px;
}
.tensanpham h3 a:hover
{
    color: red;
}
.masanpham
{
        width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px;
    font-size: 11.67px;
      color: #605f60;
}
.masanpham span
{
    font-size: 11.67px;
    color: #605f60;
    font-weight: bold;

}
.giasanpham
{
    width: 100%;
    float: left;
    text-align: center;
}
.giasanpham span
{
        font-size: 14.58px;
        color: #e50909;
        font-weight: bold;

}
.dathangchitiet
{
    width: 100%;
    float: left;
    margin-top: 8px;
}
.dhct
{
    text-decoration: none!important;
    border-radius: 14px;
    font-size: 12.15px;
    color: #fff!important;
    padding: 0px 3%;
    height: 20px;
    line-height: 20px;
    transition: 0.5s;
    width: 47%;
    font-weight: bold;
}
.dhct i
{
       margin-right: 3px;
    font-size: 14px;
    color: #fff;
    margin-top: 2px;
}
.dathang
{
        background: #f74ca4;
    float: left;
}
.dathang:hover
{
     background: #2b90c1;
}
.chitiet
{
    float: right;
        background: #2b90c1;
}
.chitiet:hover
{
     background: #f74ca4;
}
#bandotrangchu
{
    width: 100%;
    position: relative;
    margin: 15px 0;
    float: left;
}
.noidungbando
{
    width: 100%;
    float: left;
}
.ongtren
{
        position: absolute;
    right: -20px;
    top: -20px;
}
.ongduoi
{
        position: absolute;
    left: -20px;
    bottom: -20px;
}
#footer
{
    width: 100%;
    float: left;
    margin-top: 40px;
    background: #fff;
    padding: 40px 50px;
    border-radius: 20px;
        padding-bottom: 20px;
}
.tieudef
{
    width: 100%;
    float: left;
    border-bottom:1px dashed #0099ff;
    text-align: center;
}
.tieudef span
{
         font-size: 18px;
    font-family: Arial;
    font-weight: bold;
    color: #ff3399;
    text-transform: uppercase;
}
.logobot
{
       width: 100%;
    float: left;
    padding: 20px 0;

}
.logobot img
{
    width: 195px;
}
.thongtinf
{
    width: 100%;
    float: left;
    font-size: 12.5px;
    color: #000;
    font-weight: bold;
}
.thongtinf p
{
    margin-bottom: 5px;
}
.mangxhbot
{
    width: 100%;
    float: left;
    margin-top: 10px;
}
.mangxhbot .xh
{
    float: left;
    padding-right: 5px;
}
.noidungf
{
    width: 100%;
    float: left;
    margin-top: 20px;
}
.fanpage
{
    width: 100%;
    float: left;
    overflow: hidden;
    border-radius: 20px;
    background: #f6f6f6;
    padding: 10px;
}
.thongke
{
    width: 100%;
    float: left;
}
.thongke ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}
.thongke ul li
{
         width: 100%;
    padding-left: 15px;
    float: left;
    font-size: 13px;
    font-family: Arial;
    padding-top: 10px;
    padding-bottom: 7px;
    border-bottom: 1px dashed #ccc;
    font-weight: bold;

}
.thongke ul li:last-child
{
    border:none;
}
.thongke ul li img
{
    padding-right: 10px;
}
.thongke ul li span
{
    float: right;
    padding-right: 15px;
}
.footer1
{
    width: 100%;
    float: left;
}
.footer1 img
{
    width: 100%;
}
.noidungtrong1
{
        width: 100%;
    float: left;
    padding: 20px 15px;
    background: #fff;
    border-radius: 20px;
}
.tieudebaiviet
{
    width: 100%;
    float: left;
    text-align: center;
    background: url(../img/linegiua.png) no-repeat center bottom;
    padding-bottom: 15px;
}
.tieudebaiviet h1
{
      font-family: Arial;
    color: #ff6699!important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 27px;
  
    padding: 0 20px;
   
}
.noidungbaiviet
{
   font-size: 13px;
    color: #000;
    width: 100%;
    float: left;
    margin-top: 20px;


}
.noidungbaiviet img
{
    max-width: 100%;
    height: auto;
}

.box_news
{
    width: 100%;
    float: left;
        border-bottom: 1px dashed #C6C6C6;
        padding: 12px 0;
}
.hinhnew
{
    width: 23%;
    float: left;
}
.hinhnew a img
{
   max-width: 100%;
    transition: 1s;
    border: 1px solid #DCDCDC;
}
.tennew
{
        width: 77%;
    float: left;
}
.tennew h3 a {
    font-size: 16px;
    color: #2A00FF;
    font-weight: normal;
    margin-bottom: 6px;
    transition: 0.4s;
    text-decoration: none;
}
.tennew h3 a:hover
{
    color:#F00;
    transition:0.4s;
}
.cotlienhe1 
{
    margin-top: 30px;
}
.txtinput1
{
        width: 100%;
    padding: 10px;
    float: left;
    margin-bottom: 10px;
    border: 1px solid #D6D6D6;
   
    background: #F7F7F7;
}
.textarea1
{
        width: 100%;
           border: 1px solid #D6D6D6;
   
    background: #F7F7F7;
    height: 100px;
    padding: 10px;
}
.btnguilh
{
    border: none;
    outline: none;
    background: #000;
    color: #fff;
    padding: 3px 20px;
    font-weight: bold;
    margin-top: 10px;
}
.btnguilh:hover
{
    background: #ee0303;
}
 #map_canvas1
  {
    width: 100%;
    float: left;
    height: 375px;
  }

  .bando_tc
  {
    width: 100%;
    height: 100%;
  }
  #map1
  {
        border: 5px dashed #f95d96;
        border-radius: 20px!important;
  }

  #sanpham_chitiet
  {
    width: 100%;
    float: left;
    margin-top: 40px;
  }
  .tieudechitietsanpham
  {
    width: 100%;
    float: left;
    text-align: center;
  }
  .tieudechitietsanpham span
  {
           font-family: Arial;
    color: #ff6699;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 27px;
    border-bottom: 1px dashed #ff6699;
    padding: 0 20px;
    padding-bottom: 10px;
  }
  .contentdetail
  {
    width: 100%;
    float: left;
  }
  .contentdetail ul
  {
    padding-left: 0;
    list-style: none;
  }
  .contentdetail ul li
  {
   width: 100%;
    float: left;
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #8f8f8f;

  }
  .contentdetail ul li h1
  {
    font-size: 20px;
    color: #f95d96;
    font-weight: bold;
    text-transform: uppercase;
  }
   .contentdetail ul li b
   {
    font-size: 13px;
    font-weight: bold;
    width: 120px;
    float: left;
   }
   .contentdetail ul li span
   {
    font-size: 13px;
    color: #000;
    float: left;
   }
    .contentdetail ul li span.giachitiet
    {
        font-size: 20px;
        color: #c80909;
        font-weight: bold;
    }
 .contentdetail ul li button
 {
    font-size: 10px;
    font-family: Arial;
    color: #fff;
    background: #0a97d4;
    padding: 7px 10px;
    font-weight: bold;
    outline: none;
    border:none;
    text-transform: uppercase;
 }
 .contentdetail ul li button img
 {
    padding-right: 5px;
 }
 .contentdetail ul li button:hover
 {
    background: #ff0066;
 }
 .motachitiet
 {
            border-radius: 20px;

    float: left;
    width: 87%;
    font-size: 12px;
    color: #000;
    /* font-weight: bold; */
    border-radius: 10px;
    border: 1px solid #000;
    padding: 5px;
    overflow: hidden;
 }
.noidungchitiet1
{
    width: 100%;
    float: left;
}
.thongtinkhachhang
{

}
.giohang_l,.giohang_r
{

    width:100%;
    float:left;
    margin:14px 0px;
    border:1px solid #ccc;
    box-shadow:2px 2px 7px #666;
    border-radius:15px;
    padding:10px;
    box-sizing:border-box;
    text-align:left;
    margin-right:2%;
    
}

.bix-hotline
{
    width: 100%;
    float: left;
        color: #f74ca4;
    text-align: center;
    padding: 10px 0;
    font-size: 13px;
}
.bix-hotline i {
       color: #f74ca4;
    font-size: 17px;
    margin-right: 6px;
    transform: rotate(3deg);
}
.bix-hotline span
{
    font-weight: bold;
}
.logo1
{
        width: 100%!important;
    text-align: center;
    display: block;
       padding: 20px 0;
       float: left;
           background: #ffeff2;
    height: auto;
}
.logo1 img
{
    max-width: 100%;
}
.fixed
{
    position: fixed!important;
    width: 100%;
    top: 0;
    z-index: 999;
}

@media only screen and (min-width: 1px) and (max-width: 767px){

    .gh_an
    {
        display: none;
    }
   
}
@media only screen and (min-width: 1px) and (max-width: 767px){


.tensanpham h3 a
{
    font-size: 12px;
    border: none;
}
.masanpham
{
    font-size: 11px;
}
.giasanpham span
{
    font-size: 12px;
}
}
@media only screen and (min-width: 1px) and (max-width: 1199px){
 .ui-widget.ui-widget-content
    {
        width: 88%!important;
    }
    .ui-widget input{
        text-align: center!important;
    }
.noidungmuc
{
    margin-top: 30px;
}
#wrap_menu_res
{
    display: block;
    position: relative;
    width: 100%;
    float: left;
        -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
#header,#menu1
{
    display: none;
}
#headerdd
{
    display: block;
    width: 100%;
    background: #fff;
    float: left;
    
}
#slideshow
{
    width: 100%;

}
.pro_left
{
    display: none;
}
.pro_right
{
    width: 100%;
    float: left;
    margin: 0;
}
#khungphai
{
    margin: 0;
    
    width: 100%;
    border-radius: 0;
}
#cart1
{
    font-size: 12px;
}

.contai1
{
    padding: 0;
    width: 100%;
}
.theme-default .nivoSlider img
{
    border-radius: 0;
}
.slider
{
    margin-top: 0;
}

#content
{
    padding-top: 10px;
}
#footer
{
    padding: 10px 0;
}
.tieudef
{
       margin-top: 20px;
}
.mucsanpham1
{
    padding: 0;
}
.tenmuc h2 a
{
    font-size: 15px;
}
.tenmuc h2 a
{
    padding: 10px 20px;
}
.sp1 
{
    padding: 0;
}
.dhct
{
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}

.tieudechitietsanpham span
{
 
        font-size: 21px;

}
.tieudechitietsanpham
{
     
     
        padding-bottom: 5px;
}
.motachitiet
{
    width: 100%;
}
#map_canvas
{
    height: 250px;
}
.tennew
{

    padding-left: 10px;
}
.tennew h3 a
{
    font-size: 14px;
}
}


@media only screen and (min-width: 1200px){



    #wrap_menu_res,#headerdd
    {
        display: none;
    }
    

    .container
    {
        width: 1200px;
       margin: 0 auto;
        padding: 0;
    }

    .sp1
    {
           padding: 0 3px;
    }
}