html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    /*border: 0;*/
    font-size: 100%;
    /*font: inherit;*/
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    /* vertical-align: baseline; */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

@font-face {
    font-family:'roboto';
    src:url('../font/roboto.ttf') ;
}

p{margin:0}
.heading{overflow:hidden; height: 0px; visibility: hidden;}
body {
    font-size:13px;
    font-family: 'roboto';
    /*line-height:1.5;*/
    color:#000;
    background:#fff;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    /*border-spacing: 0;*/
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

* html > body .clearfix {
    display: block;
    width: 100%;
}

* html .clearfix {
    height: 1%;
}

a{text-decoration:none;letter-spacing:1px;}
img{border:0;}

.clear{clear:both;}
/*new css*/
header{width:100%;margin:0 auto}
.container{width:100%;float:left;transition: all 1s}
.quangcaoheader img{width: 100%;}
.banner{width:100%;float:left}
.slidernews{width: 100%;float:left;}
.infotopheader{width:100%;float:left;padding:5px 0px;border-bottom: 1px solid #ebebeb}
.bottomheader{width:100%;float:left;}
.languaeheader{float:left}
.infotopheader img{float:left;}
.infotopheader p{margin-bottom:0px;margin-left:13px}
.khungtrong{width:1300px;margin:0 auto}
.khungtrongleft{width:320px;float:left}
.khungtrongcenter{float:left}
.khungtrongright{float:right}
.khungtrongright ul li{float:left;padding:0px 14px}
.khungtrongright ul li a{font-size:11px;color:#807566;font-weight: bold}
.lkwebheader{float:right;margin-top:10px}
.showcenter{width:100%;margin:0 auto;margin-top:60px;}

.khungtoptrong{width:90%;margin:0 auto;}
.trong1200{width: 80%;margin:0 auto;margin-top:35px;}
.leftopentime{width: 100%;float:left;}
.rightopentime{width: 100%;float:right;}

.khungmenu{width: 90%;margin:0 auto;}
#cssmenu{float:right;}
/*#cssmenu ul{float:left;}*/

.khung_slider{width: 100%;margin:0 auto;}

.viewmore{width: 170px;margin:0 auto;border:2px solid #92b700;margin-top:80px;text-align: center;transition: all 0.5s;}
.viewmore:hover{background: #92b700;transition: all 0.5s}
.viewmore p{line-height: 40px;}
.viewmore a{font-size: 18px;color:white;display: block}

.khunglogodoitac{width:100%;float:left;background: #f3f3f3;border:1px solid #cccccc}
.khungtrangtrong{width:100%;float:left;height:200px}

.search_product{width: 1200px;margin:0 auto;background: #f5f4f4}
.search_product p{line-height: 35px;margin-left:10px;float:left;}
.search_product a{color:#288ad6;transition: all 0.5s;display: inline-block;}
.search_product a:hover{color:#4e4e4e;transition: all 0.5s}
.active_menuher{color:black !important;text-decoration: underline;}
.text_gt1{font-size: 45px;color:#ffffff;font-weight: bold}
.content_tc{width: 1200px;margin:0 auto;margin-top: 0px;background: white}
footer{width:100%;float:left;background: #121212}
/*.footerbottom{width:100%;background: #25638c}*/
.container_mid{width:100%;margin:0px auto;}
.khungmau{width:1000px;margin:0 auto;}
.leftmid{width:240px;float:left;}
.rightmid{width:920px;float:right;}

.container_mid p{margin:0px}
.center1{width:100%;float:left;margin:30px 0px}
.titlefooter{color:#3b3b3b;font-weight: bold;font-size:20px;text-transform: uppercase;width:100%;float:left}

.baotencenter a:hover{color:#eec602 !important;transition: all 0.5s}
.baotencon a:hover{color:#eec602 !important;transition: all 0.5s}

.breakthumb{width: 100%;float:left;background: #f7f7f7;margin-bottom: 30px}
.breakthumb_trong{width: 80%;margin:0 auto;}
.breakthumb_trong p{line-height: 50px;font-size:14px}

.main{width:970px;padding:0px 15px;margin:0 auto}
.title{float:left;width:100%;border-bottom:1px solid #ececec;margin-bottom: 10px;padding-bottom: 10px}
.title p{color:#a47b22;font-size:18px;text-transform: uppercase;float:left}

.titleleft{float:left;width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:10px}
.titleleft p{color:#bf1157;font-size:18px;text-transform: uppercase;float:left;font-weight: bold}
.titleleft a{color:#bf1157;font-size:18px}

.title_center{margin:0 auto;}
.title_center p{text-align: center}
.title_center a{color:#3c3c3c;font-size: 30px;font-weight: bold;padding:9px 20px;display: inline-block;position: relative;}
.line1{position: absolute;bottom: 0px;left:0px;}
.line2{position: absolute;top: 0px;right:0px;transform: rotate(180deg);}


.titleindex{float:left;width:100%;}
.titleindex p{text-transform:uppercase;}
.titleindex a{color:#2b0204;font-size:25px}

.titlebreak{float:left;width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:10px}
.titlebreak p{color:#434a54;font-size:14px;text-transform: uppercase;float:left;}

.break_thumb{width: 100%;float:left;border-bottom:1px solid #d9d9d9;padding-bottom: 10px;margin-bottom: 10px}
.break_thumb p{line-height: 20px}
.break_thumb a{color:#adabab;transition: all 0.5s;font-size:14px;}
.break_thumb a:hover{color:#92b700;transition: all 0.5s}

.break_thumbsp{width: 100%;float:left;border-bottom:1px solid #d9d9d9;padding-bottom: 10px;margin-bottom: 10px}
.break_thumbsp p{line-height: 20px}
.break_thumbsp a{color:#adabab;transition: all 0.5s;font-size:14px;}
.break_thumbsp a:hover{color:#92b700;transition: all 0.5s}



.content100{width:100%;float:left}
.khungsp{width:100%;float:left;margin-top:20px}
.khungsp1{width:100%;float:left;margin-top:20px}

.newcon2{width:268px;float:left;margin-left:16px;transition: all 0.6s;;margin-bottom:20px}
.newcon3{margin-left:0px;}
.baoanhnew2{width:258px;height:160px;border: 1px solid #e4e4e4;padding: 5px}
/*.baoanhnew2 img{//width:100%;//height:160px;}*/
.newsname{width:100%;float:left;height:44px;overflow: hidden}
.newsname p{line-height:22px}
.newsname a{color:#3f3f3f;font-size:14px}

/*contact*/
.text_contact3{font-size: 20px;color:#ded8a5;}
.text_contact4{font-size: 35px;color:#fdbb4d;margin-top:20px;}

/*product*/
.leftsp_title{float:left;width: 30%}
.rightsp_title{float:right;width: 40%}
.text_sp1{font-size: 19px;color:#ded8a5;font-family:'utmaptima';}
.text_sp2{font-size: 45px;color:white;font-family:'utmaptima';}
.right_list{float:right;margin-top:45px;width: 100%;text-align: right}
.left_noidung{width: 45%;float:left;}
.right_noidung{width: 52%;float:right;}

/*tintuc*/
.imgtop{position: absolute;top:0px;left:0px;z-index: 99}
.imgbottom{position: absolute;bottom:0px;right:0px;z-index: 99}
.title_new{width: 100%;float:left;text-align: center}
.pnew1{font-size: 45px;color:black;font-family:'utmaptima';}
.pnew2{font-size: 19px;color:#723f08;font-family:'utmaptima';}
.left_newcon{width: 12%;float:left;text-align: center}
.center_newcon{width: 70%;float:left;border-left:4px solid black;padding:0px 2%;border-right: 1px solid #f5f2c4;text-align: left}
.right_newcon{width: 12%;float:left;text-align: center}
.newcon{width: 98%;float:left;margin-bottom: 50px;}
.left_newcon p{color:black;font-size: 15px;font-family:'utmaptima';}
.right_newcon p{line-height: 82px;margin-left: 15px}
.right_newcon a{color:black;font-size: 15px;font-family:'utmaptima';border-bottom: 1px solid black;padding-bottom: 5px}
/*.right_newcon a:hover{color:#fdbb4d;transition: all 0.5s}*/
.ten_news{width: 100%;float:left;height: 27px;overflow: hidden}
.text_news1 a{font-size: 18px;color:black;font-weight: bold;font-family:'utmaptima';transition: all 0.5s;}
/*.text_news1 a:hover{color:#fdbb4d;transition: all 0.5s}*/
.mota_news1{width: 100%;float:left;margin-top:10px;height: 50px;overflow: hidden}
.mota_news1 p{font-size: 16px;color:#786858;line-height: 25px}


/*end*/
.productleft:first-child{margin-top:30px}
.productleft{width:100%;float:left;margin-bottom:15px;}
.baoanhspleft{width:30%;float:left;}
.baoanhspleft img{width:100%;float:left;}
.motaspright{width:65%;float:right}

/*.tagsanpham{width:48%;float:left;margin-right:2%;background: #f1f1f1;text-align: center;margin-top:10px;}
.tagsanpham p{line-height: 30px;background: #f1f1f1}
.tagsanpham a{color:#858585;font-size: 13px}*/

.baotensp1 a{font-size:18px;color:#656565;font-weight: bold;transition: all 0.5s;cursor: pointer;}
.baotensp1 a:hover{color:#018345;transition: all 0.5s}

.productgiaydep{width: 16.4%;float:left;margin-left: 2%;margin-bottom:20px;background: white;padding:1%;transition: all 0.6s;}
.productgiaydep:hover{box-shadow: 0px 0px 35px -3px #888888;transition: all 0.6s;}
.productgiaydep1{margin-left:0px;}
.baoanhgiaydep{width: 100%;float:left;}
.baoanhgiaydep img{width: 100%;}

.productcon{width:31.333%;float:left;text-align: left;padding:1%;margin-bottom:20px;}
/*.productcon:hover{box-shadow: 0px 0px 3px 3px #f1f0f0}*/
/*.productcon:nth-child(3n){margin-right:0px;}*/
.baoanhsp{width: 100%;float:left;line-height: 0px;overflow: hidden;position: relative;}
.showngaythang{width: 65px;height:65px;position: absolute;top:0px;right: 0px;background: #fbc404;text-align: center;font-weight: bold}
.showngaythang p{color:#000000;}
.baoanhsp img
{   
    line-height: 0px;
    width:100%;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.productcon:hover .baoanhsp img
{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.baotensp{float:left;width:100%;margin-top:15px;}
.baotensp p{line-height:30px;}
.baotensp a{color:#000000;font-size:20px;transition: all .5s;font-weight: bold;}
/*.baotensp:hover a{color: #fdbb4d;transition: all 0.5s;}*/
/*.baotensp a:hover{color:#bd0606;}*/
.baogia{width: 100%;float:left;margin-top:5px;}
.baogia p{line-height: 20px}
.baogia a{display: inline-block;color:#d5a36d;font-size: 15px}
.baomotasp{width: 100%;float:left;margin-top:10px;height: 76px;overflow: hidden}
.baomotasp p{color:#2e2e2e;font-size: 14px;line-height: 25px}
.xemdetail{width: 100%;float:left;margin-top:10px !important;}
.xemdetail p{line-height: 20px}
.xemdetail a{color:#2e2e2e;transition: all 0.5s;font-size: 13px;font-weight: bold}
.xemdetail i{color:#fbc404;transition: all 0.5s;font-size: 13px;font-weight: bold}
.xemdetail:hover a{color:#fbc404;transition: all 0.5s;}
/*.xemdetail:hover i{color:#fbc404;transition: all 0.5s;}*/



.productcon2{width:372px;padding:10px;float:left;margin-left:18px;transition: all 0.6s;margin-bottom:20px;border:1px solid #eaeaea;}
.productcon2:hover{box-shadow: 5px 5px 15px silver;transition: all 0.5s}
.productcon3{margin-left:0px;}
.hoverten a:hover{color:#ee3807 !important}
.baoanhspdetail{width:43%;height:auto;float:left}
.baoanhspdetail img{width:100%;height:auto;}
.noidungdetailsp{width:51%;float:right}
.noidungdetailsp p{width:100%;float:left}



.product2{width:100%;float:left;margin-bottom:20px;}
.imagesproduct2{width:35%;float:left}
.infoproduct{width:60%;float:right;}
.imagesproduct2 img{width:100%}
.tenproduct2{width: 100%;float:left;margin:10px 0px;height:42px;overflow: hidden}
.tenproduct2 p{line-height: 20px}
.tenproduct2 a{font-size:15px;font-weight: bold;color:#434a54;transition: all 0.5s}
.tenproduct2 a:hover{color:#bf1157;transition: all 0.5s}
.motaproduct2{width: 100%;float:left;height:60px;overflow: hidden}
.motaproduct2 p{line-height: 20px;color:#747474;font-size: 14px}


.newcenter{width: 279px;margin-left:31px;float:left;margin-bottom: 30px}
.newcenter1{margin-left:0px;}
.baoimgnews{width: 100%;overflow: hidden;}
.baoimgnews img
{   width:100%;
    height:auto;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.newcenter:hover .baoimgnews img
{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.newsnoidung{width:92%;padding:4%;float:left;}
.newsten{width:100%;float:left;height:24px;overflow: hidden;margin-top:5px;}
.newsten p{line-height:22px;}
.newsten a{color:#434a54;font-size:18px;transition: all 0.5s}
.newsten a:hover{color:#bc0120;transition: all 0.5s}
.newsmota{width: 100%;float:left;height:58px;overflow: hidden;margin-top:10px;}
.newsmota p{color:#929191;font-size:14px;line-height: 20px;}
.hoverxemthem a{font-size:14px;color:#6f6f6f;font-weight: bold;transition: all 0.5s}
.hoverxemthem a:hover{color:#a6ce3b;transition: all 0.5s}






.infoprice{height:175px;width:152px;float:left;border-left:1px solid #e5e5e5;padding:0px}
.baomotaproduct p{text-align: justify}
.baotenproduct{width:100%;float:left;}
.baotenproduct a{color:#393939;font-size:20px;transition: all .5s;font-weight:bold}
.baotenproduct a:hover{color:#f64d03  !important}
.chitietnews{width: 100%;float:left;margin-top:15px !important;}
.chitietnews a{padding:8px 15px;background: #488629;font-size:13px;color:white;transition: all 0.5s}
.chitietnews a:hover{background: #f6b71f;transition: all 0.5s}

.baoten2{height:42px;overflow: hidden}



.buttonmuathem{float:right;margin-top:20px}
.buttonmuathem a{padding:8px 15px;background: linear-gradient(#1d4268, #1d4268);color:white;margin-left:10px}
/*end*/


#map_canvas {    
    height: 470px;

    /* border:solid 1px; */
    width: 100%;
    margin:10px auto;
}
#map_canvas1 {
    height: 175px;
    width: 100%;
    /* margin: 30px 0px; */
}
.map_description {
    color: #000000;
    overflow: auto;
    width: 275px;
}
.map_description .default {
    color: #FF0000;
}
.map_description div {
    line-height: 18px;
    margin: 3px;
}
.map_list_address {
    float: left;
    height: 500px;
    overflow: hidden;
    width: 250px;
}
.map_list_address .list {
    line-height: 18px;
    margin-bottom: 5px;
}
.map_list_address span {
    color: #FCFF46;
}
.map_title {
    color: #30A602;
    font-weight: bold;
}


/**************** end heading ********************/
/**************** content ********************/

#map{
    /* padding: 30px 0px; */
}
#map .title{ text-transform: uppercase; font-size: 20px; background: url(../../assets/images/title_quydinh.png) no-repeat right center; width: 100%; height: 40px; line-height: 40px;color: #fff;margin-bottom: 5px;}
#map .title .fix{float: left; /* background: #fff; */padding-left: 15px;}
#map .title .fix span{ color: #f00;}
#map .tinnoibat{ margin-bottom: 10px;}
#map .tinnoibat .images{border: solid 1px #ddd; padding: 5px; box-shadow: 5px 5px 0px #F1F1F1; float: left; width: 28%; margin-right: 20px;}
#map .tinnoibat .name a{ /* font-family: roboto_slabregular; */ /* text-transform: uppercase; */ color: #4c4c4c; display: block; padding-bottom: 5px;font-weight: bold;}
#map .tinnoibat .name a:hover{ color: #025b00;}
#map .tinnoibat p{color: #666666;font-size: 13px;}
#map .item_news_nb a{ display: block; color: #6f1f20; padding-top: 5px; background: url(../../assets/images/arrow.png) no-repeat left top 12px; padding-left: 15px;}
#map .item_news_nb a:hover{color: #f00;}
#map .no-padding-left{padding-left: 0px;}
.box_news{padding: 5px 0px;}
.container_left .list_news_index{ padding: 0px 10px}
.container_left .box_news{ padding: 5px 0px; /*  */}
.box_news .images{

    margin-right: 10px;
    border:solid 1px #ccc;
    padding:3px;
    width:100%;
    margin:auto;

}
#map .box_news .name{ text-align: justify;}
#map .box_news .name a{ text-align: justify; font-weight: bold; display:block; color: #272727; height: 40px; overflow: hidden;}
#map .box_news .name p{
    height: 55px;
    overflow: hidden;
}

/* --------------------- Phan trang ------------------*/
.phantrang{
    text-align:center;
    margin: auto;
}
.phantrang a {
    color: #636363;
    cursor: pointer;
    font-size: 14px;
    margin: 5px 0 5px 4px;
    padding: 8px 15px;
}
.phantrang span{ background: #09669C; padding: 7px 10px; color: #fff;}
.phantrang a:hover {
    background: none repeat scroll 0 0 #f0f0f0; 
    box-shadow: none;
    color: #515151;
    text-decoration: none;
}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {
    /* background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent; */
    /* border: 1px solid #D2D2D2 !important; */
    color: #ADADAD !important;
    cursor: default;
    opacity: 0.7;
    display: inline-block;
}
.phantrang .paginate_active, .phantrang .paginate_active:hover {
    background: none repeat scroll 0 0 #f0f0f0;   
    box-shadow: none;
    color: #515151;
}/*----------------------------------------------------*/

/*input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
    width   : 19px;
    margin  : 0;
    padding : 0;
    opacity : 0;
}*/

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
    display      : inline-block;
    margin-left  : -28px;
    padding-left : 28px;
    background: url('../../assets/images/checks.png') no-repeat 0 0;
    line-height  : 24px;
    height: 24px;
    font-size: 14px;
}

input[type=checkbox]:not(old):checked + label{
    background-position : 0 -24px;
}

input[type=radio]:not(old):checked + label{
    background-position : 0 -48px;
}
/******************* chi tiet san pham *****************/





.box_search  input[type="text"]:focus { box-shadow: none; outline: none; }
.box_search  input[type="text"]{
    height: 30px;
    line-height: 25px;
    margin-top: 5px;
    color: #333;
    border: 1px solid #003c97;
    font-size: 12px;
    width: 65%;
    padding: 1px 0px 1px 10px;
    border-radius: 5px;
    background: none;
}
.box_search input[type="button"]{
    background: url(../../assets/images/icon_search.png) no-repeat center center;
    width: 40px;
    border:none;
    height: 35px;
    position: absolute;
    z-index: 101;
    top: 0px;
    right: 10px;
}
.btn_search{
    background: url(../images/icon_search.png) no-repeat center center;
    width: 40px;
    border: none;
    height: 36px;
    position: absolute;
    z-index: 101;
    top: 2px;
    right: 8px;
}
.box_search{
    width: 210px;
    float: right;
    position: relative;
    background: white;
    border: 1px solid #eec602; 
    margin-top:5px;
    margin-left:20px;
    /*margin-right:10px;*/
}