body, div, html { padding: 0; margin: 0; border: 0; border: none; }

body { font: 12px Arial, Helvetica, sans-serif; background: #FFF; color: #000000; }

ul { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; color: inherit; }
p { margin: 5px 0; padding: 0; }
.col { display: inline-block; vertical-align: top; }
.fr { float: right; }
.fl { float: left; }
.rl { position: relative; }
.rtl { text-align: right; }
.ltr { text-align: left; }
.h20 { height: 20px; }
.h10 { height: 10px; }
.h40 { height: 40px; }
.w100 { width: 100%; }
.pr10 { padding-right: 10px; }
.row { float: left; width: 100%; }
.f100 { float: left; width: 100%; }
.cls { clear: both; }
/*color, bg, inherit*/
.color, .slogan, div.title, h3.title, h1.title, .lst2 a, h2.title, .prodp { color: #b70f1e; }
.bgColor, .bottom { background: #b70f1e; }
.menu { background: #B70F1E; }
img { border: none; padding: 0; margin: 0; vertical-align: top; }

.header, .main, .footer { width: 100%; float: left; }
.bg { width: 1004px; float: none; margin: 0 auto; }
.bgCnt { width: 100%; float: left; text-align: left; background: #FFF; }

div.tb { width: 100%; display: table; border-collapse: collapse; border: none; }
div.col { display: table-cell; vertical-align: top; }

/*header*/
.header { margin-bottom: 12px; }
.header .bgCnt { position: relative; }
.mn-fixed { float: left; width: 100%; height: 132px; position: fixed; z-index: 9999999; }
.header .col { vertical-align: bottom; }
.logo { display: inline-block; height: 95px; margin-left: 10px; margin-right: 15px; margin-top: 30px; overflow: visible; position: relative; vertical-align: top; z-index: 99999; }
.top { width: 100%; display: inline-block; vertical-align: bottom; }
.hotline { position: absolute; top: 38px; right: 5px; }
.slogan { padding: 10px 24px; line-height: 13px; display: inline-block; }
.menu { height: 35px; color: #fff; min-height: 35px; }
.items { display: inline-block; margin: 0 0 0 9px; height: 35px; }
.mb { width: 32px; height: 32px; background: url(/html/image/menu1.png) no-repeat center; display: none; cursor: pointer; }
.items a { display: inline-block; vertical-align: middle; margin-top: 0; height: 35px; line-height: 35px; padding: 0 16px; }
.items li.li-lv1 > a:hover { background: #000; }
.items a.active { background: #000; }
.items a:last-child { margin-right: 0 !important; }
.items ul { list-style-type: none; }
ul.ul-lv1 { }
.items ul, .items li, .items a { margin: 0; padding: 0; }
.items ul.dropmenu a { text-decoration: none; padding: 0 5px; }
.items li.li-lv3:hover ul.ul-lv3, .items li.li-lv2:hover ul.ul-lv2, .items li.li-lv1:hover ul.ul-lv1 { display: block; }
.items li.li-lv1 { float: left; position: relative; padding: 0 10px; }
.items li.li-lv1 > a { padding: 0 15px; }
.items ul.ul-lv1 { position: absolute; width: 200px; display: none; background: #b70f1e; z-index: 9999999; text-transform: uppercase; text-indent: 5px; border-top: solid 12px #000; padding: 7px 10px 15px; }
.items li.li-lv2 > a { padding: 0; height: 25px; line-height: 25px; border-bottom: solid 1px #FFF; width: 100%; text-indent: 10px; font-size: 12px; float: left; }
.items li.li-lv2 > a:last-child { border-bottom: 0; }
.items li.li-lv3:hover, .items li.li-lv2:hover { }
.items li.li-lv3, .items li.li-lv2 { position: relative; }
.items li.li-lv3 { background: #4A4A4A; width: 50%; float: left; width: 200px; height: 27px; }
.items li.li-lv3 > a { text-transform: none; line-height: 25px; }
.items li.li-lv3:hover { background: #E5e5e5; color: #000; }
.items ul.ul-lv2 { display: none; height: auto; left: 200px; position: absolute; top: -7px; width: 400px; max-width: 400px; border-left: 10px solid #b70f1e; }
.bs { float: right; width: 182px; height: 23px; margin-right: 5px; position: relative; background: #fff; margin-top: 6px; overflow: hidden; }
.bs input { height: 21px; margin: 0 32px 0 12px; border: none; background: none; }
.bs #btSearch { position: absolute; right: 0; top: 0; bottom: 0; background: url(/html/image/s.png) no-repeat center; width: 32px; }

/*MAIN*/
.main { }
.mn-height { margin-top: 132px; }
div.title { line-height: 16px; margin-bottom: 8px; font-size: 14px; font-weight: 600; }

div.title.ico { padding-left: 20px; background: url(/html/image/ico_small.png) no-repeat left center; }

h3.title, h1.title, h2.title { margin: 0 0 8px 0; padding: 0; font-size: 14px; font-weight: 200; }
h1.title { font-size: 15px; margin-bottom: 20px; font-weight: 600; }
h2.title, .prodp { font-size: 15px; font-weight: 600; }

.slider { margin-left: -58px; margin-right: -58px; }
.slider .cnt { margin-bottom: 24px; }
span.time { color: #999; font-size: 11px; }
.center { }
.center ._1 { width: 71%; }
.center ._2 { width: 29%; }
.center ._1 .item { width: 49%; display: inline-block; vertical-align: top; }

.center ._1 .item img { border: solid 1px #ddd; margin: 0 8px 8px 0; width: 97%; height: auto; }
.center ._1 .tab_category .item { width: 32%; }
.item_lst { display: none; }
.intro { display: table; margin-bottom: 20px; width: 100%; }
.intro .cnew_tit { color: #b70f1e; font-family: "Arial"; font-size: 15px; font-weight: 600; margin-bottom: 20px; }

.intro .row { float: left; width: 100%; display: table-row; }
.intro .column { display: table-cell; font-size: 13px; line-height: 18px; text-align: justify; }
.intro .column1 { float: left; width: 680px; }
.intro .column2 { float: right; width: 270px; text-align: left; }
.intro .column2 ul { float: left; width: 100%; height: auto; }
.intro .column2 ul li { float: left; width: 100%; height: auto; height: auto; padding: 7px 0; border-bottom: solid 1px #CCC; font-size: 13px; }
.intro .column2 ul li:last-child { border: none; }
.pzero .np { display: none; }

/*footer*/
.footer { margin-top: 54px; }

.footer .bg { }
.footer .bgCnt { padding-top: 30px; }
.bottom { padding: 0 16px; color: #fff; height: 34px; line-height: 34px; min-height: 16px; margin-top: 16px; }
.bottom span p { padding: 0 0; margin: 0; }

.bott-link { float: right; width: auto; height: auto; }
.bott-link ul, .bott-link ul li { float: left; width: auto; height: auto; position: relative; }
.bott-link ul li a { cursor: pointer; }
.bott-link ul li ul { float: left; width: 125px; height: auto; position: absolute; background: #00923b; top: -77px; left: -10px; overflow: hidden; padding-bottom: 3px; display: none; }
.bott-link ul li ul li { float: left; width: 100%; height: 24px; line-height: 24px; line-height: 24px; border-bottom: dotted 1px #FFF; padding: 0 10px; }

.bott-link ul li ul li:last-child { border: none; }
.bott-link ul li ul li:hover { background: #333; }
.bott-link ul li:hover > ul { display: block; }

.adv { float: right; margin-right: 20px; width: 442px; }
.ad { float: left; margin-left: 20px; }
.adv .i img { width: 108px; height: 70px; }
.adv .i { display: inline-block; vertical-align: top; }
.adv .i ._1 { display: block; }
.adv .i ._2 { display: none; }
.adv .i:hover ._2, .adv .i:active ._2 { display: block; }
.adv .i:hover ._1, .adv .i:active ._1 { display: none; }


ul.lst-new { float: left; width: 100%; height: auto; }
ul.lst-new li { float: left; width: 100%; height: auto; margin-bottom: 7px; color: #b70f1e; }
ul.lst-new li a:hover { text-decoration: underline; }

/*contact*/
.contact { color: #444; }
.contact ._1 { width: 233px; padding: 0 60px 0 15px; }
.contact ._2 { }
.contact h1 { margin: 0 0 20px 0; font-size: 13px; }
.contact h1.h12 { margin: 20px 0 10px 0; }
.address, .phone, .email, .fax { background: url(/html/image/img_home.jpg) no-repeat left top; padding-left: 20px; margin-bottom: 7px; }

.phone { background-image: url(/html/image/img_phone.jpg); }
.fax { background-image: url(/html/image/fax.jpg); }
.email { background-image: url(/html/image/img_mail.jpg); }

.input_tb { width: 49%; float: right; margin-top: 20px; }
.input_tb:first-child { float: left; }

.input_row { margin-bottom: 7px; float: left; width: 100%; }
.input_row .input_col { width: 80%; float: left; }
.input_row .input_col:first-child { display: inline-block; width: 20%; color: #999; vertical-align: top; }
.input_row input, .input_row select, .input_row textarea { width: 96%; border: solid 1px #ddd; padding: 3px; color: #444; float: right; }

.input_row select { border: 1px solid #ddd; color: #444; float: right; padding: 2px; width: 99%; }
.input_row textarea { height: 110px; font-family: Arial; font-size: 12px; }
.btn_gui { background: none repeat scroll 0 0 #b70f1e; border-radius: 4px; clear: both; color: #fff; float: right; font-family: Arial,Arial; font-size: 13px; height: 22px; line-height: 22px; margin: 10px 0 0 60px; text-align: center; width: 100px; }

/*tuyen dung*/
.rc { }
.rc .__1 { width: 75%; float: right; }
.rc .__2 { width: 25%; float: left; }
.rc table { width: 100%; border-collapse: collapse; border: none; }
.rc td { border: 1px solid #ddd; padding: 7px; }
.ver { background: none repeat scroll 0 0 #fff; border: medium none; display: inline-block; height: 10px; margin: 0 10px; vertical-align: unset; width: 1px; }
.rc .__2 a { background: url("/html/image/bg_chNavi.png") no-repeat scroll left 5px rgba(0, 0, 0, 0); border-bottom: 1px solid #ddd; display: block; margin-bottom: 7px; margin-right: 30px; padding-bottom: 7px; padding-left: 10px; }
.apply-li .apply-input { width: 76%; padding: 3px; border: solid 1px #ddd; float: right; }
.apply-li { width: 100%; max-width: 450px; margin-bottom: 7px; float: left; }


.btn_jfk { background: none repeat scroll 0 0 #b70f1e; border-radius: 2px; color: #fff; cursor: pointer; display: inline-block; font-size: 11px; font-weight: bold; height: 27px; line-height: 27px; margin-right: 16px; min-width: 34px; outline: 0 none; padding: 0 8px; text-align: center; white-space: nowrap; }

.pgs { margin: 10px 0; text-align: right; width: 100%; height: auto; float: right; }
.pgs a { border: 1px solid #ddd; display: inline-block; line-height: 25px; padding: 0 7px; }
.pgs a.active { background: none repeat scroll 0 0 #b70f1e; color: #fff; }

/*cate*/
.cate { }
.cate .__1 { width: 68%; float: left; }
.cate .__2 { width: 30%; float: right; }
.news { width: 100%; margin-bottom: 10px; float: left; }
.news .thumb { float: left; margin: 0 20px 10px 0; }
.news .tt { font-size: 13px; color: #b70f1e; font-weight: 600; }
.news .desc { margin: 5px 0; text-align: justify; }

ul.cnit_clip_lst { float: left; height: auto; width: 100%; }

ul.cnit_clip_lst li { background: url("../Images/bg_chBlue.png") no-repeat scroll 2% 8px rgba(0, 0, 0, 0); border-bottom: 1px solid #ccc; float: left; font-size: 12px; height: auto; padding: 4px 0 4px 6%; width: 94%; }
ul.cnit_clip_lst li:last-child { border-bottom: 0 none; }
.cnit_clip_more { color: #b70f1e; float: left; font-size: 13px; padding: 10px 0; width: auto; }
.detail { text-align: justify; }
.detail .title { text-transform: uppercase; }
ul.other-new { float: left; width: 96%; padding: 0px 2%; height: auto; }
ul.other-new li { float: left; width: 100%; height: auto; border-bottom: solid 1px #e5e5e5; padding: 8px 0; margin: 0; }
ul.other-new li:last-child { border-bottom: none; }
/*prod*/
.prod { }
.prod .__1 { width: 75%; float: right; }
.prod .__2 { width: 20%; float: left; }
.lst2 { display: none; }
.lst > li a { padding: 7px 20px; display: block; }
.lst > li { border-bottom: solid 1px #ddd; }
.lst > li > a { text-transform: uppercase; }
.lst > li:hover > a, .lst > li.active > a { background: #b70f1e; color: #fff; }
.lst > li:hover > a { background: #b70f1e; }
.lst > li.active .lst2 { display: block; }
.lst2 > li.active > a { font-weight: 600; }

.lst_cate { }
.lst_cate div.item { width: 47%; position: relative; float: left; margin: 0 3% 10px 0; }
.lst_cate a.item { display: block; border: solid 1px #ddd; }
.lst_cate div.item .catetitle { display: block; text-align: right; padding: 7px; }
.lst_cate a.item img { width: 100%; height: auto; }

.lst_prods { }

.lst_prods div.item { float: left; margin: 15px 4% 0 0; width: 29%; height: 232px; }
.lst_prods a.item { width: 100%; float: left; margin-right: 3%; margin-bottom: 10px; }
.lst_prods a.item span { display: block; border: solid 1px #ddd; }
.lst_prods a.item img { width: 100%; height: auto; }
.lst_prods .prodInfo { width: 100%; }

.prodA { width: 100%; float: left; margin-bottom: 7px; }
.prodp { margin: 0; }
.prodp span { float: left; }
.pp { display: none; }
.prodp.pmt .pp { display: block; float: right; }
.prodp.pmt .np { text-decoration: line-through; }

.attName { color: #666; display: inline-block; margin-right: 5px; }

.prodD { width: 100%; float: left; }
.tabs { border-bottom: solid 2px #ddd; }
.tabs select { display: none; }
.tab { padding: 7px 10px; display: inline-block; vertical-align: top; cursor: pointer; }
.tab:hover, .tab.active { background: #ddd; }
.tabbodys { }
.tabbody { display: block; margin: 10px 0; }

._img { width: 30%; margin: 0 1% 1% 0; display: inline-block; }
._img span { border: solid 1px #ddd; display: block; }
._img img { width: 100%; height: auto; }

.attachment { margin: 10px 0; }
.attachment div { border-bottom: dotted 1px #eee; padding: 7px 0 7px 10px; margin-left: 10px; background: url(/html/image/bg_chNavi.png) no-repeat left top 12px; }
.attachment div:last-child { border: none; }
.xxx { margin: 20px 0 10px 0; }

.prod .__1 .prod_thum { float: left; width: 45%; height: auto; margin-right: 5%; }
.prod .__1 .prod_thum .prod_thum-big img { float: left; width: 100%; border: solid 1px #CCC; }
.prod .__1 .prod_thum ul.prod_list_thum { float: left; width: 100%; height: auto; margin: 15px 0 0; }
.prod .__1 .prod_thum ul.prod_list_thum li { float: left; width: 30%; height: auto; margin: 0 4% 0 0; border: solid 1px #CCC; }
.prod .__1 .prod_thum ul.prod_list_thum li:last-child { margin: 0 0 0 0; }
.prod .__1 .prod_thum ul.prod_list_thum li img { float: left; width: 100%; height: auto; }
.prod .__1 .section-order { float: left; width: 100%; height: auto; margin-top: 15px; }
a.btn_oder { background: none repeat scroll 0 0 #b70f1e; border-radius: 7px; color: #fff; font-size: 13px; font-weight: bold; margin-bottom: 22px; padding: 6px 23px; text-transform: uppercase; }

/*--- Product detail ---*/
.section-prod-other {float:left; width:100%; height:auto; margin-top:15px}



@media screen and (max-width:1140px) {
    .slider { width: 100%; margin: 0; }
    .slider .img { width: 100%; }
}

@media screen and (max-width:1004px) {
    .bg { width: 96%; margin: 0 2%; }
    .items a { margin-right: 10px; }
    .intro .column1 { width: 60%; }

    .intro .column2 { width: 35%; }

    .intro .column2 img { width: 100%; }
}

@media screen and (max-width:870px) {
    .bs { width: 30px; }
    .bs input { display: none; }
    .items a { margin-right: 20px; }

    /*tuyendung*/
    .rc .__1, .rc .__2 { display: block; float: left; width: 100%; margin-bottom: 20px; }
    .rc .__2 a { margin-right: 0; }
}

@media screen and (max-width:770px) {
    .hotline { display: none; }
    .items a { margin-right: 5px; }

    /*footer*/
    .adv { display: block; margin-bottom: 20px; float: none; width: 100%; }

    /*contact*/
    .contact .tb { display: block; }
    .contact .col { display: block; width: auto; padding: 0; margin: 0 0 20px 0; }
}

@media screen and (max-width:700px) {
    .header .tb { display: block; }
    .header .col { display: block; vertical-align: top; width: auto; }
    .logo { margin: 0; text-align: center; height: auto; width: auto; display: block; }
    .slogan { display: block; text-align: center; }
    .items { text-align: center; }
    .items a { margin: 0 10px; }
    .ltl { text-align: left; }
    /*main*/
    .center .tb { display: block; }
    .center .col._1, .center .col._2 { display: block; width: auto; margin-bottom: 20px; }
    .center .item:nth-child(2n +1) { text-align: right; }
    .center .item:nth-child(2n +1) img { margin-right: 0; }

    /*prod*/
    .prod .__1, .prod .__2 { width: 100%; display: block; margin-bottom: 20px; }
}

@media screen and (max-width:650px) {
    .items { display: none; }
    .bs { width: 200px; }
    .bs input { display: block; }
    .logo { margin-bottom: 10px; }
    .slogan { display: none; }
    .menu .mb { display: inline-block; margin-top: 8px; height: 18px; }

    .items li.li-lv1 { float: left; position: relative; width: 100%; }
    .items ul.ul-lv1 { display: none !important; }
    .items li.li-lv1 a { border: none !important; }
    .menu { height: auto; }

    .menu.ed .items { position: absolute; left: 0; height: auto; background: #b70f1e; display: block; margin: 0; text-align: left; padding: 5px 0 0; width: 100%; z-index: 999999; }
    .menu.ed .items a { display: block; margin: 0; padding: 0 3%; border-bottom: dotted 1px #eee; width: 89%; }
    .menu.ed .items a:last-child { border-bottom: none; }
    .intro .column1 { width: 100%; }

    .intro .column2 { width: 100%; text-align: center; }

    /*footer*/
    .bottom { text-align: center; height: auto; line-height: inherit; padding-top: 16px; padding-bottom: 16px; float: left; }
    .bottom .fl { float: none; display: block; margin-bottom: 7px; }
    .bottom .fr { display: block; float: none; width: auto; }
    .bott-link { display: block; width: 100%; height: auto; text-align: center; }
    .bott-link ul, .bott-link ul li { float: left; width: 100%; text-align: center; }
    .bott-link ul li { display: none; }
    .bott-link ul li:last-child { display: block; }
    /*cate*/
    .cate .__1, .cate .__2 { display: block; width: 100%; float: left; }
    .lst_prods { float: left; width: 100%; height: auto; }
    .lst_prods div.item { width: 100%; height: auto; }
    .prod .__1 .prod_thum {float:left; width:100%; height:auto}
    .prod_thum-big {display:none}
    .prod .__1 .prod_thum ul.prod_list_thum li {
        border: 1px solid #ccc;
        float: left;
        height: auto;
        margin: 0 0 15px 0;
        width: 100%;
    }
    .prod .__1 .prod_thum ul.prod_list_thum {margin-bottom:20px}
}

@media screen and (max-width:475px) {
    .bg { width: 94%; margin: 0 3%; }
    .input_tb { width: 100%; }
    .input_row .input_col { width: 100%; }
    .input_row .input_col:first-child { display: none; }

    .center ._1 .item { width: 100%; }
    .center ._1 .item img { width: 100% !important; }
    .center ._1 .tab_category .item { width: 100% !important; }
    /*prod*/
    .lst_prods a.item, .lst_prods .prodInfo { width: 100%; margin: 0 0 10px 0; }
    .tabs select { display: block; width: 90%; border: solid 1px #ddd; padding: 3px; margin-bottom: 5px; }
    .tab { display: none; }
}