/* CSS Document */
@charset "utf-8";
@font-face {
    font-family:honghahep;
    src:url('../fonts/honghahep.ttf') format('truetype');  
}
@font-face {
    font-family:honghahepbold;
    src:url('../fonts/honghahepbold.ttf') format('truetype');  
}
@font-face {
    font-family:utmavobold;
    src:url('../fonts/utmavobold.ttf') format('truetype');  
}
@font-face {
    font-family:utmavo;
    src:url('../fonts/utmavo.ttf') format('truetype');  
}
@font-face {
    font-family:utm;
    src:url('../fonts/utm.ttf') format('truetype');  
}
@font-face {
    font-family:utmbi;
    src:url('../fonts/utmbi.ttf') format('truetype');  
}
@font-face {
    font-family:MetaPro-Normal_30266;
    src:url('../fonts/MetaPro-Normal_30266.ttf') format('truetype');  
}
@font-face {
    font-family:UVNKieu_B;
    src:url('../fonts/UVNKieu_B.ttf') format('truetype');  
}
@font-face {
    font-family:utmhelve;
    src:url('../fonts/utmhelve.ttf') format('truetype');  
}

* {
    margin: 0px;
    padding: 0px;
}
img{max-width: 100%; height: auto;}
body{
    font-family:honghahep;
    font-size:13px;
}
li a{text-decoration: none}
.container{
    margin: 0 auto;
    max-width: 1000px;
    background: white;
}

.slider{width:980px;float:left;padding-left:10px}
.menu{width:980px;float:left;padding-left:10px}
.header{width:980px;float:left;padding-left:10px;padding-right:10px}
#footer{width:1000px;background: white;margin-top:40px;border-top:4px solid #f6f6f6}
#wrapper{width:980px;margin:0 auto;padding-left:10px;padding-right:10px}
.phantrang{width:100%;text-align: center;margin-top:30px}
.phantrang a{padding:5px 15px;background: #08b3d0;color:black;text-decoration: none;font-size: 12px}
.phantrang span{padding:5px 15px;background: silver;color:black;text-decoration: none;font-size: 12px}

.catcon{float:left;width:319px;margin-left:20px;margin-top:40px}
.baohinhanhindex1{position: relative;width:319px;height:199px;overflow: hidden;transition: all 0.5s;opacity: 1;}
.baohinhanhindex1 img{position: absolute;top:0px;left:0px;transition: all 0.5s;opacity: 1;}
.baohinhanhindex1:hover img{transition: all 0.5s;transform: scale(1.1);}

.title{width: 100%;float:left}
.title p{line-height: 45px;font-size: 25px;font-weight: bold;color:#504f4f;float:left;text-transform: uppercase}
.linetitle{background: url(../images/lineindex.png);background-size: 100% 100%;width:100%;height:6px;float:left;margin-top:5px}

.titleindex{width:100%;float:left;border-bottom:1px solid #e6e6e6;padding-bottom: 10px}
.titleindex p{font-size:20px;font-weight: bold;color:#ce145b;text-transform: uppercase}

.danhmuccon{width: 100%;float:left}
.danhmuccon p{font-size:12px;color:silver;}

.spnbcon{width:288px;float:left;height: 325px;margin-top:20px;position: relative;margin-left:15px}
.spnbcon1{margin-left:0px}
.spnbcon:hover .baoten a{color:#ef175e !important;}
.spnbcon img{width:288px;height:288px;border:1px solid #f0f0f0;}
.baoten{width:256px;box-shadow: 0px 2px 5px #cccccc;margin:0 auto;background: white;margin-top:8px}
.baogia{width:210px;background: #91b839;margin:0 auto;text-align: center;}
.baogia p{color:white;font-size:18px;font-weight: bold;line-height: 28px;}

.conleft{float:left;width:200px;margin-top:20px}
.conright{float:right;width:760px;margin-top:20px}

.prothuong{width:100%;float:left;border-bottom:1px solid #e6e6e6}
.baotenprothuong{height:20px;overflow: hidden}

.baophantram p{
    transform: rotate(49deg);
    -webkit-transform: rotate(49deg);
    -ms-transform: rotate(49deg);
    -moz-transform: rotate(49deg);
}