@charset "utf-8";
/* CSS Document */
@font-face { font-family: UTM-Avo; src: url(../Font/UTM-Avo.ttf); /* make sure this path is set to the .ttf font file */ }
@font-face { font-family: Myriad Pro; src: url(../font/MyriadPro-Regular.otf); /* make sure this path is set to the .ttf font file */ }
@font-face { font-family: MyriadPro-C; src: url(../font/MyriadPro-Cond.otf); /* make sure this path is set to the .ttf font file */ }
@font-face { font-family: 'UTM Bebas'; src: url('../Font/UTM Bebas.ttf') format('truetype'); }

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
* { margin: 0; padding: 0; border: 0; border: none; }
ul, li { list-style: none; }
a { text-decoration: none; color: inherit; }
a:hover { text-decoration: underline; color: inherit; }
p, ul, ol { margin-bottom: 0; }
h1, .h1, h2, .h2, h3, .h3, h4, .h5, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 0; }
.padding_zero { padding: 0; }
.padding_left_zero { padding-left: 0; }
.padding_right_zero { padding-right: 0; }
.container-1004 { width: 1004px; margin: 0 auto; float: none; }
#content, #header, #footer { }
#footer {
    border-bottom:solid 18px #0375b3
}
body{
    font-size:13px
}
.img_100 img{ max-width:100%}

#content, #footer { position: relative; z-index: 99; }
.header {  }
.header-top { float: left; width: 100%; height: auto; display: table; position: relative; z-index:1001 }
.header_logo { float: left; width: 175px; height: auto; margin:0 0 -51px 53px; position:relative; z-index:999 ; background:#fff}
.header_logo .logo {  width: 100%; height: auto; margin: 0; }
.header_logo .logo img {  width: 100%; height: auto; display:block }
.header_text3d { float: left;  height: auto;  margin:39px 0 0 0; text-transform:uppercase; font-weight:bold; font-family:"Roboto Slab",serif; }
.header_text3d .title_blue{ font-size:22px}
.header_text3d img { float: left; width: 100%; height: auto; }
.header-menusub { background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.90) 100%); float: right; width: auto; height: 26px; line-height: 26px; padding-left: 200px; position: absolute; bottom: 5px; right: 0; }
.header-menusub a { font-size: 12px; padding: 0 13px; color: #444; }
.header-menusub .lang { float: right; width: auto; padding: 0 7px 0 0; }
.header-menusub .lang a { float: left; width: auto; height: auto; padding: 0 2px; }



.h44{
    height:44px
}


.art-other a[href]{ display:block; padding-left:8px; position:relative}
.art-other a[href]:before{
    width:4px; height:4px; display:block; position:absolute; left:0; top:7px; background:#0071bb; content:''
}



.header-menu { float: left; width: 100%; height: auto; background: #676767; text-transform: uppercase; line-height: 32px; position: relative; z-index: 1000; }
.header-menu p { text-align: center; }
.header-menu .toggle, [id^=drop] { display: none; }
.header-menu ul { padding: 0; margin: 0; list-style: none; position: relative; margin-left:229px }
.header-menu ul li { display: inline-block; float: left; margin: 0; padding: 0 10.5px; position: relative; }
.header-menu ul li.mmenu {  }
.header-menu ul li:hover,.header-menu ul li.active { background: #0375b3; }
.header-menu a {
    color: #fff;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight:bold;
    padding: 0 12.5px 0;
}
.header-menu .lang a{
    display:inline-block; padding:0; margin:0 1px
}
.header-menu ul li ul li:hover { }
.header-menu ul ul { display: none; position: absolute; left: 0; background: #0071bb; padding: 5px 15px; margin:0; box-shadow:0 1px 5px rgba(0,0,0,0.1); z-index:9999;  }
.header-menu ul ul li { background: url("../images/icon_submenu.jpg") no-repeat scroll left center rgba(0, 0, 0, 0); border: 0 none; float: none; padding-left: 14px; height: auto; }
.header-menu ul ul li:hover { background: url("../images/icon_submenu.jpg") no-repeat scroll left center; }
.header-menu ul ul li a { border-bottom: 1px solid #e5e5e5; color: #fff; display: block; padding: 0; font-size: 12px; text-transform: none; font-family:Arial}
.header-menu ul ul li:last-child a { border: none; }
.header-menu ul ul li a:hover { text-decoration: none; color: #fff; }
.header-menu ul li:hover > ul { display: inherit; }
.header-menu ul ul li { width: 200px; float: none; display: list-item; position: relative; }
.header-menu ul ul ul li { position: relative; top: -60px; left: 170px; }



.main { }
.home-slider { float: left; width: 100%; height: auto; margin: 10px 0 30px; overflow: hidden; position: relative; }
.home-slider img { width: 100%; height: auto; float: left; }

.home-main { float: left; width: 100%; height: auto; }
.home-main .home-prodtop .widget-title { float: none; width: 100%; border-bottom: solid 2px #e5e5e5; height: 33px; margin-bottom: 10px; }
.home-main .home-prodtop .widget-title span { border-bottom: 2px solid #5d5d5d; color: #484848; float: left; font-family: UTM Bebas; font-size: 20px; height: 33px; width: auto; }
.home-main .home-prodtop .widget-title .btn-slide { float: right; }
.home-main .home-prodtop { float: left; width: 100%; height: auto; }
.home-main .home-prodtop ul { float: left; width: 100%; height: auto; }
.home-main .home-prodtop ul li { float: left; width: 100%; height: auto; margin: 0; padding: 0; position: relative; }
.home-main .home-prodtop .prodtop-one ul li .title { float: left; position: absolute; border-bottom: solid 2px rgba(255, 255, 255, 0.5); bottom: 45px; left: 20px; color: #FFF; font-size: 16px; padding-right: 100px; }
.home-main .home-prodtop ul li img { float: left; width: 100%; height: auto; margin-bottom: 7px; }

.home-main ul.prodtop-for { float: left; width: 100%; height: auto; }

.home-main ul.prodtop-for li {
    color: #626262;
    float: left;
    font-family: UTM Bebas;
    font-size: 18px;
    height: auto;
    margin-right: 1.3%;
    text-align: center;
    text-transform: uppercase;
    width: 24%;
}
.home-main ul.prodtop-for li:last-child { margin-right: 0; }
.home-main ul.prodtop-for li img { float: left; width: 100%; height: auto; margin-bottom: 3px; }
.home-main ul.prodtop-for li a {}

.home-main .home-newtop .widget-title { float: none; width: 100%; height: 33px; margin-bottom: 10px; text-align: right; display: block; font-family: Arial; color: #484848; font-size: 20px; }
.home-main .home-newtop .widget-title span { float: left; width: auto; height: 33px; color: #626262; font-family:UTM Bebas}
.home-main .home-newtop .newtop-one .title { float: left; width: 100%; height: auto; margin-bottom: 15px; }
.home-main .home-newtop .newtop-one .title .cratedate { background: none repeat scroll 0 0 #e3e3e3; color: #555; float: left; font-size: 15px; height: 46px; line-height: 48px; margin-right: 15px; text-align: center; width: 46px; }
.home-main .home-newtop .newtop-one .title a { font-size: 1.0em; color: #000; }
.home-main .home-newtop .newtop-one .desc { display: block; width: 100%; height: auto; color: #666; font-size: 0.9em; text-align: justify; }
.home-main .home-newtop .newtop-two ul { float: left; width: 100%; height: auto; margin-top: 15px; }
.home-main .home-newtop .newtop-two ul li { float: left; width: 100%; height: auto; margin-bottom: 7px; color: #0070ba; list-style: disc inside; }
.home-main .home-newtop .newtop-two ul li a { color: #222; font-size: 0.9em; }
.home-main .home-newtop .newtop-two ul li.viewmore { list-style: none; }
.home-main .home-newtop .newtop-two ul li.viewmore a { color: #0070ba; }

.ser-center { float: left; width: 100%; height: auto; margin-top: 15px; }
.ser-center .title { float: left; width: 100%; height: auto; border-bottom: solid 1px #CCC; margin-bottom: 10px; text-transform: uppercase; font-family:UTM Bebas; font-size:20px}
.ser-center .switch { float: left; width: 100%; height: auto; }
.ser-center .switch p { float: left; width: auto; height: auto; text-align: left; font-size: 13px; line-height: 25px; color: #666; }
.ser-center .switch p span { float: left; width: auto; text-align: left; padding-right: 20px; color: #000; font-weight: bold; }
.ser-center .switch img { float: right; width: auto; }
.ser-center a.gusetup { float: left; width: 100%; height: auto; margin-top: 15px; text-transform: uppercase;  background: url(../images/bg_cirBlue.jpg) no-repeat left 11px; padding-left: 14px; font-family:UTM Bebas; font-size:20px}
.home-main .home-showroom { float: left; width: 100%; height: auto; margin: 40px 0 0; }
.home-main .home-showroom .widget-title { width: 100%; height: auto; margin-bottom: 30px; height: 18px; border-bottom: solid 1px #CCC; font-family: Arial; color: #484848; font-size: 20px; }
.home-main .home-showroom .widget-title span { width: auto; float: none; display: table; margin: 0 auto; padding: 0 40px; background: #FFF; font-family: UTM Bebas}
.home-showroom ul { float: left; width: 100%; height: auto; }
.home-showroom ul li { float: left; width: 100%; height: auto; background: url(../images//bg_cirBlue.jpg) no-repeat left 5px; padding-left: 15px; font-size: 0.86em; margin-bottom: 10px; }
.home-showroom ul li span { font-weight: bold; color: #626262; padding-bottom: 3px; display: block; }

.aboutus-main { float: left; width: 100%; height: auto; margin: 15px 0; }
.aboutus-main .thumb { float: left; width: 100%; height: auto; margin-bottom: 15px; }
.aboutus-main .thumb img { float: left; width: 100%; }
.aboutus-main .content { float: left; width: 100%; height: auto; font-size: 0.86em; text-align: justify; }
.aboutus-main .parth { float: left; width: 100%; height: auto; color: #444; margin: 0 0 15px; font-size: 13px; }
.aboutus-main .parth a { padding: 0 px; }
.aboutus-main .orther { float: left; width: 100%; height: auto; margin-top: 25px; }
.aboutus-main .orther .widget-title { text-transform: uppercase; font-size: 15px; color: #333; border-bottom: solid 1px #CCC; margin-bottom: 10px; }
.aboutus-main .orther ul { float: left; width: 100%; height: auto; }
.aboutus-main .orther ul li { float: left; width: 100%; height: auto; background: url(../images/bg_cirBlue.jpg) no-repeat left 5px; padding-left: 15px; margin-bottom: 5px; }




.gallery_page, .gallery_detail { float: left; width: 100%; height: auto; margin: 20px 0 30px; }
.gallery_page .cate-title { float: left; width: 100%; height: auto; margin: 0 0 15px; border-bottom: solid 1px #AAA; padding-bottom: 2px; text-transform: uppercase; font-size: 15px; color: #6b6b6b; margin-bottom: 25px; }
.gallery_page .gall-list { float: left; width: 100%; height: auto; }
.gallery_page .gall-list .item { float: left; width: 49%; height: auto; margin: 0 2% 30px 0; }
.gallery_page .gall-list .item:nth-child(2n) { margin-right: 0; }
.gallery_page .gall-list .item img { float: left; width: 100%; height: auto; margin-bottom: 20px; }
.gallery_page .gall-list .item .title { float: left; width: 100%; height: auto; margin-bottom: 5px; font-size: 1.4em; color: #6b6b6b; }
.gallery_page .gall-list .item .desc { float: left; width: 100%; height: auto; color: #6b6b6b; font-size: 0.96em; }



.construction_page { float: left; width: 100%; height: auto; margin: 20px 0 30px; }
.construction_page .cate-title { float: left; width: 100%; height: auto; margin: 0 0 15px; border-bottom: solid 1px #AAA; padding-bottom: 2px; text-transform: uppercase; font-size: 15px; color: #6b6b6b; margin-bottom: 25px; }
.construction_page .gall-list { float: left; width: 100%; height: auto; }
.construction_page .gall-list .item { float: left; width: 32%; height: 315px; margin: 0 2% 30px 0; }
.construction_page .gall-list .item:nth-child(3n) { margin-right: 0; }
.construction_page .gall-list .item img { float: left; width: 100%; height: auto; margin-bottom: 20px; }
.construction_page .gall-list .item .title { float: left; width: 100%; height: auto; margin-bottom: 5px; font-size: 1.4em; color: #6b6b6b; }
.construction_page .gall-list .item .desc { float: left; width: 100%; height: auto; color: #6b6b6b; font-size: 0.96em; }








.gallery_detail .cate-title { float: left; width: 100%; height: auto; margin: 0 0 30px; border-bottom: solid 1px #AAA; padding-bottom: 2px; text-transform: uppercase; font-size: 15px; color: #6b6b6b; margin-bottom: 25px; }
.gallery_detail .col_left { float: left; width: 26%; height: auto; }
.gallery_detail .col_left .gal_desc { float: left; width: 100%; height: auto; text-align: justify; margin-top: 130px; font-size: 0.96em; line-height: normal; }

.gallery_detail .col_right { float: right; width: 70%; height: auto; }
.gallery_detail .col_right .gal_title { float: left; width: 100%; height: auto; margin-bottom: 10px; font-size: 1.5em; color: #6b6b6b; }
.gallery_detail .col_right .gal_thumb { float: left; width: 100%; height: auto; }
.gallery_detail .col_right .gal_thumb img { float: left; width: 100%; height: auto; }

.gallery_detail .gall_product { float: left; width: 100%; height: auto; margin: 30px 0; }
.gallery_detail .gall_product ul { float: left; width: 100%; height: auto; }
.gallery_detail .gall_product ul li { float: left; width: 19%; height: auto; margin: 0 1.2% 25px 0; text-align: center; color: #6b6b6b; font-size: 0.96em; }
.gallery_detail .gall_product ul li:nth-child(5n) { margin-right: 0; }
.gallery_detail .gall_product ul li img { float: left; width: 100%; height: auto; margin-bottom: 10px; border: solid 1px #EAEAEA; margin-bottom: 10px; }







.agency_page { float: left; width: 100%; height: auto; margin: 20px 0 30px; }
.agency_page .cate-title { float: left; width: 100%; height: auto; margin: 0 0 25px; border-bottom: solid 1px #AAA; padding-bottom: 2px; text-transform: uppercase; font-size: 15px; color: #6b6b6b; margin-bottom: 25px; }
.agency_page .section_pcial { color: #6b6b6b; display: block; margin-bottom: 50px; }
.agency_page .section_pcial > div { float: right; height: 435px; margin-bottom: 0; overflow: auto; width: 50%; padding-right: 25px; }
.agency_page .section_pcial .title { display: block; margin-bottom: 15px; font-size: 1.1em; }
.agency_page .section_pcial .address { display: block; width: 100%; height: auto; padding: 7px 0; border-bottom: solid 1px #CCC; position: relative; z-index: 1; }
.agency_page .section_pcial .address p { display: inline; width: auto; font-size: 0.86em; }
.agency_page .section_pcial .address p span { font-size: 1em; }
.agency_page .section_pcial .three_btn { position: absolute; right: 0; top: 35%; }
.agency_page .section_pcial .three_btn a { display: inline; width: auto; height: auto; margin: 0 3px; }
#left_map { float: left; height: auto; position: relative; width: auto; padding: 0 10% 0 4%; background: #FFF; z-index: 10; }
#mapvn.fix { margin-left: 0; float: none; border: none; height: 436px; }
#mapvn { width: 349px; background: url(../images/mapvn.png) no-repeat 14px 0; height: 430px; border: 1px solid #ccc; float: left; border-right: 0; position: relative; }
#mapvn a { position: absolute; font-size: 11px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; text-shadow: 0 1px 1px #fff; display: block; padding-left: 10px; background: url(../images/dotmap.png) no-repeat 0 4px; z-index: 20; white-space: nowrap; }
#mapvn a:hover, #mapvn a.active { color: #e02727; background-position: 0 -20px; }
#mapvn #hanoi { top: 63px; left: 106px; }
#mapvn #hcm { bottom: 61px; left: 133px; background-position: right 5px; padding: 0 10px; }
#mapvn #dn { top: 201px; left: 171px; }
#mapvn #hp { top: 68px; left: 135px; }
#mapvn #ct { bottom: 41px; left: 103px; }
#mapvn #ag { bottom: 53px; right: 253px; background-position: right 5px; padding: 0 10px; }
#mapvn #vp { top: 55px; left: 30px; background-position: right 5px; padding: 0 10px; }
#mapvn #tng { top: 45px; left: 10px; background-position: right 5px; padding: 0 10px; }
#mapvn #tq { background-position: right 5px; left: -5px; padding: 0 10px; top: 36px; }
#mapvn #yb { left: 54px; padding: 0 10px; top: 33px; }
#mapvn #db { background-position: right 3px; left: -32px; padding: 0 10px; top: 28px; }
#mapvn #nb { top: 83px; left: 56px; background-position: right 5px; padding: 0 10px; }
#mapvn #hn { top: 73px; left: 64px; background-position: right 5px; padding: 0 10px; }
#mapvn #nd { top: 87px; left: 124px; }
#mapvn #qn { top: 45px; left: 90px; background-position: right 5px; padding: 0 10px; }
#mapvn #hd { top: 50px; left: 160px; }
#mapvn #tb { top: 79px; left: 130px; background-position: 0 3px; padding: 0 10px; }
#mapvn #hy { top: 60px; left: 145px; }
#mapvn #th { top: 100px; left: 100px; }
#mapvn #na { top: 115px; left: 80px; }
#mapvn #ht { top: 135px; left: 100px; }
#mapvn #qb { top: 160px; left: 120px; }
#mapvn #hue { top: 192px; left: 160px; }
#mapvn #qt { left: 144px; top: 181px; }
#mapvn #qng { top: 235px; left: 190px; }
#mapvn #bdd { top: 260px; left: 200px; }
#mapvn #py { top: 280px; left: 200px; }
#mapvn #kt { top: 245px; left: 170px; }
#mapvn #gl { top: 270px; left: 170px; }
#mapvn #dl { top: 290px; left: 170px; }
#mapvn #bt { top: 340px; left: 190px; }
#mapvn #nth { top: 330px; left: 200px; }
#mapvn #ld { top: 325px; left: 130px; background-position: right 5px; padding: 0 10px 0 0; }
#mapvn #tn { top: 335px; left: 120px; }
#mapvn #bd { top: 345px; left: 95px; background-position: right 5px; padding: 0 10px 0 0; }
#mapvn #nt { top: 310px; left: 200px; }
#mapvn #vt { top: 365px; left: 162px; }
#mapvn #dni { top: 345px; left: 170px; }
#mapvn #la { top: 353px; left: 60px; background-position: right 5px; padding: 0 10px 0 0; }
#mapvn #kg { bottom: 33px; right: 253px; background-position: right 5px; padding: 0 10px 0 0; }
#mapvn #st { top: 400px; left: 115px; }
#mapvn #vl { left: 116px; bottom: 49px; }
#mapvn #dt { bottom: 58px; left: 55px; background-position: right 5px; padding: 0 10px 0 0; }
#mapvn #bn { top: 55px; left: 115px; }
#mapvn #bg { top: 40px; left: 145px; }
#mapvn #ls { top: 30px; left: 130px; }
#mapvn #lc { top: 25px; left: 65px; }
#mapvn #qnm { top: 215px; left: 180px; }
#mapvn #btr { bottom: 45px; left: 135px; }
#mapvn #cm { bottom: 5px; left: 85px; }
#mapvn #tg { bottom: 55px; left: 125px; }
#mapvn #pt { left: 54px; top: 42px; }
#mapvn #dacn { background-position: right 4px; left: 107px; padding-right: 10px; top: 313px; }
#mapvn #bl { bottom: 17px; left: 60px; background-position: right 5px; padding: 0 10px 0 0; }
#mapvn #ls, #mapvn #hp, #mapvn #btr, #mapvn #cm, #mapvn #tg, #mapvn #bl, #mapvn #gl, #mapvn #kt, #mapvn #py, #mapvn #nth, #mapvn #bt, #mapvn #ld, #mapvn #dni, #mapvn #qnm, #mapvn #dt, #mapvn #ct, #mapvn #ag, #mapvn #vp, #mapvn #tng, #mapvn #nb, #mapvn #nd, #mapvn #qn, #mapvn #hd, #mapvn #tb, #mapvn #hy, #mapvn #th, #mapvn #na, #mapvn #ht, #mapvn #qb, #mapvn #hue, #mapvn #qng, #mapvn #dl, #mapvn #tn, #mapvn #bd, #mapvn #nt, #mapvn #vt, #mapvn #la, #mapvn #kg, #mapvn #st, #mapvn #bdd, #mapvn #hn, #mapvn #vl, #mapvn #bn, #mapvn #bg, #mapvn #lc, #mapvn #qt, #mapvn #tq, #mapvn #yb, #mapvn #db, #mapvn #dacn, #mapvn #pt { font: 9px Arial, Helvetica, sans-serif; white-space: nowrap; }
#mapvn #hanoi.right { top: 62px; right: 237px; left: auto; }
#mapvn #ag:hover, #mapvn #ag.active, #mapvn #hanoi.right:hover, #mapvn #hanoi.right.active, #mapvn #kg:hover, #mapvn #kg.active, #mapvn #la:hover, #mapvn #la.active, #mapvn #tng:hover, #mapvn #tng.active, #mapvn #vp:hover, #mapvn #vp.active, #mapvn #qn:hover, #mapvn #qn.active, #mapvn #hn:hover, #mapvn #hn.active { background-position: right -19px; }
#mapvn #hanoi.right { top: 62px; right: 237px; background-position: right 5px; padding: 0 10px 0 0; }
.maparea { position: absolute; z-index: 10; display: none; }
.maparea1 { top: 0; left: 14px; width: 159px; height: 185px; background: url(../images/mapvn1.png); }
.maparea2 { top: 179px; left: 131px; width: 80px; height: 108px; background: url(../images/mapvn2.png); }
.maparea3 { top: 234px; left: 54px; width: 162px; height: 197px; background: url(../images/mapvn3.png); }
.map_list { width: 240px; float: left; padding-left: 20px; }
.map_list h2 { color: #9a9a9a; font-size: 24px; padding-bottom: 5px; }
.map_list h3 { padding: 15px 0 10px; }
.map_list h3 a { color: #171717; font-size: 13px; line-height: 18px; }
.map_list ul { display: none; }
.map_list li { padding: 5px 0; }
.map_list li a { color: #5d5d5d; background: url(../images/dot4.png) no-repeat 0 6px; padding-left: 10px; margin-left: 5px; }
.map_list li a:hover, .map_list li a.active { color: #e02727; background-position: 0 -20px; }
.map_list .active + ul { display: block; }


.showroom_page { float: left; width: 100%; height: auto; margin: 20px 0 30px; }
.showroom_page .cate-title { float: left; width: 100%; height: auto; margin: 0 0 25px; border-bottom: solid 1px #AAA; padding-bottom: 2px; text-transform: uppercase; font-size: 15px; color: #6b6b6b; margin-bottom: 25px; }
.showroom_page .col_left { float: left; width: 35%; height: auto; }
.showroom_page .list_showr { float: left; width: 100%; height: auto; color: #6b6b6b; text-indent: 13px; }

.showroom_page .list_showr .widget-title { float: left; width: 100%; height: 25px; background: #e5e5e5; line-height: 27px; font-size: 0.86em; margin-bottom: 15px; }
.showroom_page .list_showr > ul { float: left; width: 100%; height: auto; }
.showroom_page .list_showr > ul > li { float: left; width: 100%; height: auto; margin-bottom: 10px; list-style: inside; color: #0171bb; text-indent: 13px; }
.showroom_page .list_showr > ul > li > a { font-size: 0.9em; color: #222; }

.showroom_page .col_right { float: right; width: 65%; height: auto; }
.showroom_page .col_right ul {float:left; width:100%; height:auto}
.showroom_page .col_right ul li {float:left; width:47%; height:auto; margin-bottom:30px}
.showroom_page .col_right ul li:nth-child(2n) {float:right}
.showroom_page .col_right ul li img { float: left; width: 100%; height: auto; margin-bottom: 10px; }
.showroom_page .col_right ul li .address { float: left; width: 100%; height: 90px; font-size: 12px; line-height: 18px; }



.showroom_page .tab_regions { float: left; width: 100%; height: auto; margin-bottom: 15px; }

.showroom_page .tab_regions .tabs { float: left; width: 33.333%; height: 35px; text-align: center; line-height: 37px; font-size: 14px; background: #EAEAEA; }
.showroom_page .tab_regions .tabs.active, .showroom_page .tab_regions .tabs:hover { background: #0171bb; color: #FFF; }
.showroom_page .tab_regions a, .showroom_page .tab_regions a:hover { text-decoration: none !important; }


.news_page { float: left; width: 100%; height: auto; margin: 20px 0 30px; }
.news_page .cate-title { float: left; width: 100%; height: auto; margin: 0 0 25px; border-bottom: solid 1px #AAA; padding-bottom: 2px; text-transform: uppercase; font-size: 15px; color: #6b6b6b; margin-bottom: 25px; }
.news_page .article-lst { float: left; width: 69%; height: auto; }
.news_page .article-lst ul { float: left; width: 100%; height: auto; }
.news_page .article-lst ul li { float: left; width: 100%; height: auto; margin-bottom: 25px; }

.news_page .article-lst ul li img { float: left; width: 33%; height: auto; margin-right: 15px; color: #6b6b6b; }

.news_page .article-lst ul li a { font-size: 1.06em; }

.news_page .article-lst ul li p { padding: 10px 0 0; font-size: 0.9em; text-align: justify; }


.news_page .article-lst ul li.first .title_thumb { float: left; width: 100%; height: auto; position: relative; margin-bottom: 15px; }
.news_page .article-lst ul li.first .title_thumb img { float: left; width: 100%; height: auto; }
.news_page .article-lst ul li.first .title_thumb .title { float: left; width: 100%; height: auto; padding: 8px 15px; color: #FFF; background: url(../images/bg_blue_opacity.png); position: absolute; bottom: 0; }

.news_page .section-right { float: right; width: 28%; height: auto; }
.news_page .section-right .video { float: left; width: 100%; height: auto; margin-bottom: 50px; }

.news_page .section-right .video img { float: left; width: 100%; height: auto; }
.news_page .news_market { float: left; width: 100%; height: auto; margin-top: 50px; }

.news_page .news_market .widget-title { float: left; width: 100%; height: auto; padding-bottom: 3px; border-bottom: solid 1px #CCC; color: #666; margin-bottom: 20px; }
.news_page .news_market table { float: left; width: 100%; height: auto; }
.news_page .news_market table tr { display: table; width: 100%; height: auto; margin-bottom: 15px; }
.news_page .news_market table tr .td1 { width: 50%; }
.news_page .news_market table tr .td2 { width: 7%; }
.news_page .news_market table tr .td3 { width: 43%; }
.news_page .news_market table tr .thumb { float: right; width: 100%; height: auto; }
.news_page .news_market table tr .thumb img { float: left; width: 100%; height: auto; }
.news_page .news_market table tr .title { text-align: justify; font-size: 0.86em; width: 100%; display: table; }

.detail_page { float: left; width: 100%; height: auto; margin: 20px 0 30px; }
.detail_page .cate-title { float: left; width: 100%; height: auto; margin: 0 0 25px; border-bottom: solid 1px #AAA; padding-bottom: 2px; text-transform: uppercase; font-size: 15px; color: #6b6b6b; margin-bottom: 25px; }
.detail_page .thumb { float: left; width: 100%; height: auto; margin-bottom: 15px; }
.detail_page .thumb h2 { font-weight: normal; font-size: 1.5em; padding: 0 0 5px; }
.detail_page .thumb span { font-weight: normal; font-size: 0.86em; padding: 0 0 10px; color: #666; }
.detail_page .thumb p { text-align: justify; font-size: 0.95em; padding: 10px 0 0; }
.detail_page .thumb img { float: left; width: 38%; height: auto; margin-right: 15px; }
.detail_page .content { float: left; width: 100%; text-align: center; height: auto; }
.detail_page .content p { text-align: left; font-size: 0.96em; text-align: justify; }
.detail_page .content img { float: none; width: 90% !important; height: auto !important; }

.detail_page .art-other { float: left; width: 100%; height: auto; margin: 30px 0 0; }
.detail_page .art-other .cate-title { float: left; width: 100%; height: auto; font-size: 1.1em; padding-bottom: 1px; border-bottom: solid 1px #CCC; margin-bottom: 10px; }
.detail_page .art-other ul { float: left; width: 100%; height: auto; margin-top: 15px; }
.detail_page .art-other ul li { float: left; width: 100%; height: auto; border-bottom: solid 1px #EAEAEA; padding-bottom: 5px; margin-bottom: 6px; font-size: 0.9em; color: #0071bb; list-style: disc inside; padding-left: 15px; }
.detail_page .art-other ul li:last-child { border-bottom: none; }
.detail_page .art-other ul li a { color: #222; }


.about-art { float: left; width: 100%; height: auto; }
.about-art ul { float: left; width: 100%; height: auto; }
.about-art ul li { float: left; width: 100%; height: auto; font-size: 0.96em; border-bottom: solid 1px #EAEAEA; padding-bottom: 4px; margin-bottom: 3px; text-indent: 10px; list-style: inside; color: #0071bb; }
.about-art ul li a { color: #222; }
.about-art ul li:last-child { border-bottom: none; }
.about_page .article-lst { float: right; width: 75%; }
.about_page .section-right { float: left; width: 20%; }

.product_page a:hover, .prodx_page a:hover  {text-decoration:none}
.product_page, .prodx_page { float: left; width: 100%; height: auto; margin: 0 0 30px; }
.product_page .cate-title, .prodx_page .cate-title { float: left; width: 100%; height: auto; margin: 0 0 25px; border-bottom: solid 1px #AAA; padding-bottom: 2px; text-transform: uppercase; font-size: 15px; color: #6b6b6b; margin-bottom: 25px; }
.product_page .cate-banner { float: left; width: 100%; height: auto; margin-bottom: 30px; }
.product_page .cate-banner img { float: left; width: 100%; height: auto; }

.prod-list { float: left; width: 100%; height: auto; }
.prod-list .item { float: left;  height: auto;  position: relative; }
.prod-list .item img { float: left; width: 100%; height: auto; border:solid 1px #CCC; padding:0}

.prod-list .item .title { background: url("../images/bg_white_opacity.png") repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; height: auto; left: 0; padding: 6px 10px; text-align: center; top: 0; width: 100%; }




/*chi tiet sp*/

#TopPart .vf_tit { color: #1a1a1a; font-size: 32px; font-weight: normal; padding: 0 0 12px; }

#pdt_img { border: 1px solid #ccc; float: left; font-size: 0; height: auto; overflow: hidden; text-align: center; max-width: 60%; width:100% }

#pdt_img span { display: inline-block; height: 500px; vertical-align: middle; width: 1px; }

#pdt_img img { width: 100%; height: auto; padding: 0; margin: 0; }

#TopPart .left_product { float: right; width: 37%; text-align:justify }

#listthumb { bottom: 7px; position: absolute; right: 367px; }

#rotate_container { margin-bottom: 20px; }
#rotate_container * { color: #666; }

#rotate_container .tabs {
    
    display: block;
    
    height: 27px;
    margin-bottom: 18px;
    width: auto;
}
#TopPart li { list-style: outside none none; }

#rotate_container .tabs li a { background: #222222 none repeat scroll 0 0; border: 1px solid #aaa; color: #fff; float: left; font-family: Arial,Helvetica,sans-serif !important; font-size: 0.9em; height: auto; line-height: 15px; min-width: 40px; padding: 5px 0%; min-width: 110px; }

#rotate_container .tabs li a:hover, #rotate_container .tabs li a.active { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #fff none repeat scroll 0 0; border-color: #aaa #aaa -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px 1px medium; color: #000; }
#rotate_container .tabs li {
    border-bottom: 1px solid #ccc;
    display: inline-block;
    height: 27px;
    margin: 0;
    text-align: center;
    width: auto;
}

#rotate_container * { color: #666; }
#rotate_container .tab_content .item { display: none; }
#rotate_container .tab_content .active { display: block; }
#rotate_container .tab_content .content {float:left; width:100%; height:auto}
#rotate_container .tab_content .content strong {float:left; width:130px; margin-right:5px; font-weight:bold}
#rotate_container .tab_content .item h2 { display: none; }

#rotate_container table { width: 335px; }

#rotate_container .tab_content .download div { margin-bottom: 10px; padding: 10px 0 10px 32px; }

#rotate_container .tab_content .download div a { color: #666; font-size: 11px; line-height: 16px; padding: 9px 0 0 22px; }

#print { background: rgba(0, 0, 0, 0) url("../images/product_print_bg.png") no-repeat scroll 0 0; float: left; margin: 0 5px 5px 0; }

#print a { color: #5f5f5f; display: block; height: 22px; padding: 7px 0 0 40px; width: 119px; }






/*contact*/

.contact_page { color: #444; }
.contact_page ._1 { width: 25%; float: left; }
.contact_page ._2 { width: 70%; float: right; }
.contact_page h1 { font-size: 14px; font-weight: bold; margin: 0 0 5px; }
.contact_page h1.h12 { margin: 20px 0 10px 0; }
.contact_page .address { margin-bottom: 15px !important; }
.contact_page .address, .contact_page .phone, .contact_page .email, .contact_page .fax { background: url(../images/img_home.jpg) no-repeat left 2px; padding-left: 20px; margin-bottom: 5px; }
.contact_page .phone { background: url(../images/img_phone.jpg) no-repeat left center; }
.contact_page .fax { background: url(../images/fax.jpg) no-repeat left center; }
.contact_page .email { background: url(../images/img_mail.jpg) no-repeat left 4px; }
.contact_page .input_tb { width: 49%; float: right; margin-top: 20px; }
.contact_page .input_tb:first-child { float: left; }
.contact_page .input_row { margin-bottom: 7px; float: left; width: 100%; }
.contact_page .input_row .input_col { font-size: 12px; }

.contact_page .input_row input, .input_row select, .input_row textarea { width: 96%; border: solid 1px #ddd; padding: 8px; color: #444; float: right; }
.contact_page .input_row select { border: 1px solid #ddd; color: #444; float: right; padding: 3px 2px; width: 95.8%; }
.contact_page .input_row textarea { height: 77px; font-family: Arial; font-size: 12px; }
.contact_page .btn_gui { background: none repeat scroll 0 0 #0071bb; clear: both; color: #fff; float: none; font-family: Arial,Arial; font-size: 13px; line-height: 33px; padding:1px 8px; text-align: center;  display:block;  width:96%; float:right}
















.home-advshow { display: none; }
.home-lstshow .desc p:nth-child(1) { float: left; width: 100%; height: 37px; }







.pgs { clear: both; display: table; float: none; margin: 0 auto; padding: 17px 0 0; text-align: 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 #0071bb; color: #fff; }

























.footer { float: left; width: 100%; height: auto; border-top: solid 2px #CCC; margin-top: 25px; padding-top: 0; padding-bottom: 30px;  position:relative}
.footer:after{
    background:#fff;
    position:absolute; right:0;
    top:-2px; 
    border-top: solid 2px #fff; display:block;
    width:223px;
    content:''
}

.footer .copyright { float: left; width: auto; height: auto; line-height: 22px; }
.footer .copyright h3 { font-size: 14px; line-height: 22px; font-weight: bold; color: #666; }
.footer .ft_partner { float: right; width: 286px !important; height: auto; text-align: right; padding-bottom: 30px; }
.footer .ft_partner span { display: block; padding-bottom: 10px; }
.footer .ft_partner ul { float: left; width: !important; height: auto; }
.footer .ft_partner ul li { float: left; width: 98px !important; }
.footer .ft_partner ul li:last-child { margin-right: 0; }
.footer .ft_partner ul li img { float: left; width: 90px; border: solid 1px #CCC; }
.ft_bottom { float: left; width: 100%; height: auto; background: #f1f1f1; line-height: 25px; text-align: right; font-size: 0.86em; }
.sc{
    position:absolute; top:-18px; height:36px; right:0; background:url('/images/sc.jpg'); width:127px; z-index:9999
}
.sc a{ display:inline-block; width:36px; height:36px; float:left }
.sc a:nth-child(2){ margin:0 9px}
._41{
    border-bottom:solid 1px #eee;
}
._42{
    margin-bottom:20px
}
._43{
    display:inline-block
}
._44{
    text-transform:uppercase
}
._45{
    font-size:16px
}
._46{
    min-height:60px; clear:both; padding:5px 0
}
.mni{ padding:7px 0; border-bottom:solid 1px #eee}

.article-lst li.first  .title_thumb>a{
    float:left; width:330px; margin-right:15px
}
.title_thumb>a img{
    width:100%; display:block
}
.title_thumb .title{
    padding:30px;
    width:296px; float:left
}
.article-lst li.first .title_thumb .title >a{
    display:block; border-bottom:solid 1px #fff; margin-bottom:10px
}
.article-lst li{ float:left ; width:100%; margin-bottom:10px;}
.article-lst li.first{
    background:#0071bb; color:#fff; margin-bottom:20px; float:left; width:100%

}
.article-lst li >a:first-child{
    width:270px; float:left; margin-right:20px
}
.article-lst li >a img{
    display:block; width:100%
}
.rob{
    font-family:"Roboto Slab",serif
}
/**	Responsive Rules
*************************************************** **/
.upbox{
    padding-left:56px; position:relative; margin-top:40px
}

/* long menu buttons - fix */
@media only screen and (max-width: 1200px) {
}
/* 
BOOTSTRAP MOBILE EXTRA FIX
Since Atropos v1.3 
*/
@media only screen and (max-width: 1004px) {
    .container-full { width: 100%; float: none; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
    .ser-center .switch img { display: none; }
    .agency_page .section_pcial > div { float: right; height: 435px; margin-bottom: 0; overflow: auto; width: 44%; padding-right: 25px; }
}


.lang{
    width: 64px; right: 0px; position: absolute;
}

/* 
    BOOTSTRAP FIX
    Since Atropos v1.3 
*/
@media (max-width: 995px) {
    .section-right {  text-align:center}
    .header_logo{
        margin-bottom:0;
    }

    /*thu*/
    .header > div { padding: 0; }
    .header-menu .toggle + a,
    .header-menu .menu { display: none; }
    .header-menu .toggle { display: block; background-color: #0071BB; padding: 0 20px; color: #FFF; font-weight:normal; line-height: 2.0em; text-decoration: none; border: none; cursor: pointer; margin-bottom: 0; font-family: Arial;
    font-size: 17px;}
    .header-menu .toggle:hover { background-color: #534842; }
    .header-menu a {
        color: #fff;
        display: block;
        font-family: Arial;
        font-size: 17px;
        padding: 0 7px 1px;
    }
    .header-menu [id^=drop]:checked + ul { display: block; }
    .header-menu > ul { padding-bottom: 10px; position: absolute; background: #0071BB; z-index: 99999; }
    .header-menu ul li:hover a { color: #FFF; }
    .header-menu ul li { display: block; width: 100%; margin-bottom: 5px; }
    .header-menu ul li.mmenu { display: block; }
    .header-menu ul ul .toggle, .header-menu ul ul a { padding: 0 40px; }
    .header-menu ul ul ul a { padding: 0 80px; }
    .header-menu a:hover, ul ul ul a { color: #222; }
    .header-menu ul li ul li .toggle, .header-menu ul ul a { background-color: #212121; }
    .header-menu ul ul { float: none; position: static; color: #ffffff; }
    .header-menu ul ul li:hover > ul,
    .header-menu ul li:hover > ul { display: none; }
    .header-menu ul ul li { display: block; width: 100%; }
    .header-menu ul ul ul li { position: static; }
    .header_logo .logo img { display: table; float: none; height: auto; margin: 0 auto; max-width: 100px; width: 100%; }
    .home-main ul.prodtop-for li { color: #626262; float: left; font-size: 14px; height: auto; margin-right: 4%; text-align: center; text-transform: uppercase; width: 48%; }
    .home-main ul.prodtop-for li:nth-child(2n) { margin-right: 0; margin-bottom: 15px; }
    .header-menusub { background-image: none; float: right; width: auto; height: 26px; line-height: 26px; padding-left: 0; position: absolute; top: 5px; right: 10px; }
    .header-menusub > a, .header-menusub > span { display: none; }

    .header-menusub .lang {padding:0; margin-top:-7px}
    .header-menu ul{ margin:0;}
    .header-menu,.header-menu a{ font-size:inherit}
    .lang{
        position:relative; width:auto; float:none; margin-left:7px
    }

    .upbox{ padding-left:0}
    .upbox::before{ display:none}
}

@media (max-width: 870px) {
    .agency_page .section_pcial > div { width: 40%; }
    .header_logo{
        margin-bottom:0;
    }
}

@media (max-width: 830px) {
    .agency_page .section_pcial > div { width: 40%; }
    #pdt_img { border: 1px solid #ccc; float: left; font-size: 0; height: auto; overflow: hidden; text-align: center; width: 50%; }
    #TopPart .left_product { float: right; width: 45%; }
}

@media only screen and (max-width: 768px) {
    


    .header-menusub .lang a {}
    .about_page .article-lst { float: right; width: 100%; margin-top: 30px; }
    .about_page .section-right { float: left; width: 100%; }


    .home-main .home-newtop .widget-title { float: left; width: 100%; height: 24px; margin-bottom: 10px; text-align: left; display: block; }
    .home-main .home-newtop .widget-title span { float: left; }
    .home-newtop { float: left; width: 100%; height: auto; margin-top: 25px; }
    .home-showroom .padding_left_zero { padding-left: 15px !important; }
    .home-showroom .padding_right_zero { padding-right: 15px !important; }




    .gallery_page .gall-list .item { float: left; width: 100%; height: auto; margin: 0 0 30px 0; }
    .gallery_detail .col_left { float: left; width: 100%; height: auto; }
    .gallery_detail .col_left .gal_desc { float: left; width: 100%; height: auto; text-align: justify; margin-top: 20px; font-size: 0.96em; line-height: normal; }
    .gallery_detail .col_right { float: right; width: 100%; height: auto; }
    .gallery_detail .gall_product ul li { float: left; width: 31.1%; height: auto; margin: 0 3.3% 25px 0; text-align: center; color: #6b6b6b; font-size: 0.96em; }
    .gallery_detail .gall_product ul li:nth-child(5n) { margin-right: 3.3%; }
    .gallery_detail .gall_product ul li:nth-child(3n) { margin-right: 0; }





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

    .agency_page .section_pcial > div { float: right; height: 435px; margin-bottom: 0; overflow: auto; width: 100%; margin-top: 25px; }

    .showroom_page .col_left { float: left; width: 100%; height: auto; }

    .showroom_page .col_right { float: right; width: 100% !important; height: auto; color: #0171bb; }

    .ser-center .switch img { display: block; }


    .news_page .article-lst { float: left; width: 100%; height: auto; margin-bottom: 25px; }

    .news_page .section-right { float: right; width: 100%; height: auto; }
    .news_page .section-right .top { float: left; width: 48%; height: auto; }
    .news_page .section-right .news_market { float: right; width: 48%; margin-top: 0; }


    .prod-list .item { float: left; width: 31.3%; height: auto; margin: 0 3% 20px 0; position: relative; }
    

    .contact_page ._1 { width: 100%; float: left; margin-bottom: 20px; }
    .contact_page ._2 { width: 100%; float: left; }

    .footer .copyright { margin-bottom: 20px; }
    .footer .ft_partner { float: none; height: auto; padding-bottom: 30px; margin: 20px auto 0; text-align: left; width: 100%; max-width: 386px; display: block; }
    .footer .ft_partner span { text-align: center; padding-top: 20px; }
    .footer > div { padding: 0; }
    .home-showroom .home-lstshow { display: none; }
    .home-advshow { display: block; width: 100%; height: auto; }
    .home-advshow img { float: left; width: 100%; height: auto; }

    .article-lst li.first .title_thumb > a{
        width:50%;  margin-right:0;
    }
    .title_thumb .title{ width:50%; padding:10px}
}

@media only screen and (max-width: 750px) {
     .header_logo{
        margin: 0 0 -33px 0;
        text-align:center
    }
    .header_logo{
        margin-bottom:-33px;
        width:100%; text-align:center
    }
    .header_logo .logo{
        display:inline-block;  width:100px
    }
    .header_text3d{ margin:33px 0; width:100%; text-align:center}
}

@media only screen and (max-width: 550px) {
    .gallery_detail .gall_product ul li { float: left; width: 48%; height: auto; margin: 0 4% 20px 0; text-align: center; color: #6b6b6b; font-size: 0.96em; }
    .gallery_detail .gall_product ul li:nth-child(5n), .gallery_detail .gall_product ul li:nth-child(3n) { margin-right: 4%; }
    .gallery_detail .gall_product ul li:nth-child(2n) { margin-right: 0; }
    .news_page .section-right .top { float: left; width: 100%; height: auto; }
    .news_page .section-right .news_market { float: right; width: 100%; margin-top: 25px; }
    .prod-list .item { float: left; width: 48%; height: auto; margin: 0 4% 20px 0; position: relative; }
    .prod-list .item:nth-child(4n) { margin: 0 4% 20px 0; }
    .prod-list .item:nth-child(3n) { margin: 0 4% 20px 0; }
    .prod-list .item:nth-child(2n) { margin: 0 0 20px 0; }

    .construction_page .gall-list .item { float: left; width: 100%; height: auto; margin: 0 0 30px 0 !important; }


    .showroom_page .list_showr { float: left; width: 100%; height: auto; color: #6b6b6b; text-indent: 13px; margin-bottom: 0px; }
    .showroom_page .list_showr:nth-child(2n) { float: left; }
    .showroom_page .col_right { margin-top: 20px; }

    .contact_page .input_tb { float: right; margin-top: 0px; width: 100%; }
    .footer .ft_partner { max-width: 290px; }

    #pdt_img { border: 1px solid #ccc; float: left; font-size: 0; height: auto; overflow: hidden; text-align: center; width: 100%; margin-bottom: 25px; }
    #TopPart .left_product { float: right; width: 100%; }

     .article-lst li.first .title_thumb > a{
        width:100%;  margin-right:0;
    }
    .title_thumb .title{ width:100%; padding:10px}
   
    .header_text3d{ font-size:inherit;}
    .header_text3d .title_blue{ font-size:16px}

    .article-lst li > a:first-child{
        width:100%; margin:0
    }
    #pdt_img{ width:100%; margin:0; max-width:none}
}

@media only screen and (max-width: 480px) {
}



@media screen and (max-width:480px) {
}

@media all and (max-width : 330px) {
}
.title_blue{
    color:#127fba;
    font-size:16px;
    font-family:'Roboto Slab', serif
}
.item.col-lg-2.col-md-2.text-center{ padding: 0 6px}