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, caption, tbody, tfoot, thead,
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:'Open Sans';
    src:url('../font/OpenSans-Regular.ttf'), weight:normal;
    src:url('../font/OpenSans-Italic.ttf'),weight:italic;
    src:url('../font/OpenSans-Bold.ttf'), weight:bold;
    src:url('../font/OpenSans-SemiboldItalic.ttf'), weight:italic;
}

p{margin:0}
.heading{overflow:hidden; height: 0px; visibility: hidden;}
body {
    font-size:14px;
    font-family: Open Sans;
    font-weight: normal;
    color:#000;
    background:#f5f5f5;
}
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;}
img{border:0;}

.clear{clear:both;}
/*new css*/
header{width:100%;margin:0 auto}
.khungtrongindex{width: 1200px;margin:0 auto;}
.container{width:100%;margin:0px auto 0px auto;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;}
.price_pro{color:#d92a2a;font-size: 15px;font-weight: bold}

.slidercap2menu{width: 100%;float:left;background: white;margin-top:10px;}
.tintuckhung{width: 100%;float:left;}
.slidernew_detail{background: white;width: 96%;padding:2%;float:left;margin-top:30px;}
.camnhandanhgia{float:left;width:100%;background: #fff;padding:40px 0px;margin-top: 30px;margin-bottom:50px;}
    .title_danhgia{width: 100%;float:left;text-align: center}
.khunghiensearch{width: 92%;text-align: center;cursor: pointer;margin:20px auto;background:#314382;border-radius: 5px;padding:2%;}
.showcacbds{width: 40%;float:left;margin-left:7%;cursor: pointer;border-radius: 5px}
.khunghiensearch p{line-height: 40px;color: white;font-size: 18px}

.khungmenu{width: 1200px;margin:0 auto;}
#cssmenu{width: 100%;float:right;}
#cssmenu ul{float:right;font-weight: bold;}

.khung_slider{width: 100%;float:left;}

.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;}

.content_tc{width: 1200px;margin:0 auto;margin-top: 0px;background: white}
footer{width:100%;float:left;background: white;}
/*.footerbottom{width:100%;background: #25638c}*/
.container_mid{width:100%;margin:0px auto;}
.khungmau{width:1200px;margin:0 auto;}
.leftmid{width:26%;float:right;}
.rightmid{width:72%;float:left;}

.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: white;margin-bottom: 30px}
.breakthumb_trong{width: 1200px;margin:0 auto;}
.breakthumb_trong p{line-height: 60px;font-size:16px}

.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:#d92a2a;font-size:16px;text-transform: uppercase;float:left;font-weight: bold}
.titleleft a{color:#444;font-size:16px}

.titleindex{float:left;width:96%;background: white;padding:0.5% 2% 0% 2%;border-radius:10px}
.titleindex p{text-transform:uppercase;line-height: 50px;float:left;}
.titleindex a{color:#1ac8da;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}

.title_h{float:left;font-family: 'Open Sans';font-weight:normal;line-height:45px;}
.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}

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

.baotensp1 a{font-size:18px;color:#656565;font-weight: bold;transition: all 0.5s}
.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%;}

.productcon1{float:left;width: 47%;background: #f7f7f7;margin-right:2%;padding:1%;margin-left: 0px;margin-bottom: 15px;}
.productcon1:nth-child(2n){margin-right:0px;}

.productcon{width:100%;float:left;margin-bottom: 15px;background: white;border-radius: 5px}
.baoanhsp{width: 100%;float:left;line-height: 0px;overflow: hidden;position: relative;border-radius: 2px;border-radius: 5px}
.baoanhsp img
{   width:100%;
	border-radius: 5px;
    height:auto;
    -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);
}
.iconanh{position: absolute;top:10px;text-align: center;width: 50px}
.iconanh p{line-height: 20px;color:white;}
.new{background: #dcc6e1;right:0px;}
.hot{background: #ff7c92;left:0px;}
.sale{background: #5c2a68;right:0px;}

.infomation_sp{width: 90%;float:left;padding:5%;background: white}
.baotensp{float:left;width:100%;height: 42px;overflow: hidden;}
.baotensp p{line-height:20px;}
.baotensp a{color:#444;font-size:15px;transition: all .5s;font-weight: bold;text-transform: uppercase;}
.baotensp:hover a{color: #1AC8DA;transition: all 0.5s;}
.baogia{width: 100%;float: left;text-align: center;margin:5px 0px;}
.baogia p{line-height: 25px;}
.baogia a{color:#ff7c92;font-size: 17px;}
.khungdetail_sp{width: 100%;float:left;background: #f3f3f3}
.khungdetail_sp p{line-height: 40px}
.khungdetail_sp a{color:#9f9f9f;font-size: 14px;transition: all 0.5s}
.khungdetail_sp a:hover{color:#ff7c92;transition: all 0.5s}
.baomotasp{width: 100%;float:left;margin-top:10px;}
.baomotasp p{color:#797979;font-size: 13px;line-height: 20px; max-height: 40px; overflow: hidden;text-overflow:ellipsis;}
.xemdetail{width: 100%;float:left;margin-top:5px;}
.xemdetail p{line-height: 20px}
.xemdetail a{color:#a47b22;transition: all 0.5s;}
.xemdetail a:hover{color:#1f76bb;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: 31%;margin-left:3.5%;float:left;}
.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:10px;}
.newsten p{line-height:22px;}
.newsten a{color:#444;font-size:15px;font-weight: bold;text-transform:uppercase;transition: all 0.5s}
.newsten a:hover{color:#1AC8DA;transition: all 0.5s}
.newsmota{width: 100%;float:left;height:64px;overflow: hidden;text-overflow: ellipsis;margin-top:15px;}
.newsmota p{color:#525252;font-size:13px;line-height: 22px}
.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:12px 35px;background: linear-gradient(#ff7c92, #ff7c92);color:white;margin-left:10px;font-size: 14px}
/*end*/


#map_canvas {    
    height: 400px;

    /* 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: #ec3b40;
    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;*/
}