body{font-size:13px;font-family:'Open Sans',Sans-Serif;color:#333;background:#fff;min-width:1130px;margin:0 auto;}
div.container{margin:0 auto;}
ul{padding:0;margin:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6{margin:0 0 8px}
.thumb img {max-width:100%;max-height:100%;position:absolute;top:0;left:0;right:0; bottom:0;margin:auto;}
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }
a {color:#333;}
a:hover {color:#0055E6;}
.gach {height:4px;background:url(/images/icon/gray.gif);margin:0 7px 10px 7px;display:block }
.container {width:1130px !important;}
@media (min-width: 768px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}


.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15{position:relative;min-height:1px;padding-right:7px;padding-left:7px}
.col-xs-15{width:20%;float:left}
.p-built {margin-bottom:5px}
@media (min-width: 768px) {
.col-sm-15{width:20%;float:left}
}
@media (min-width: 992px) {
.col-md-15{width:20%;float:left}
}
@media (min-width: 1200px) {
.col-lg-15{width:20%;float:left}
}
.div_shadow{box-shadow:0 4px 5px #c4c4c4;-webkit-box-shadow:0 4px 5px #c4c4c4;-moz-box-shadow:0 4px 5px #c4c4c4}
.div_shadow_small{box-shadow:0 2px 3px #c4c4c4;-webkit-box-shadow:0 2px 3px #c4c4c4;-moz-box-shadow:0 2px 3px #c4c4c4}
.div_border{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
.border{border:1px solid #d6d6d6}

div.head .top {background:#f4f4f4; border-top:2px solid #1b76bd}

ul.ul-top li {float:left;border-left:1px solid #d3d3d3;height:34px;line-height:34px;padding:0 10px}
ul.ul-top li.social {line-height:30px; float:right;border:none}
ul.ul-top li.social a.hr {margin:0 3px;}
ul.ul-top li.social img {width:24px;vertical-align:middle}

div.banner{margin:10px 0;}
div.banner .brand {text-align:left}
div.banner .brand img {max-width:180px;max-height:100%;}

div.banner ul.info {margin-top:25px}
div.banner ul.info li {display:inline-block;}
div.banner ul.info li i {float:left;width:39px;height:39px;text-align:center;line-height:39px;border-radius:50%;border:1px solid #ccc;margin-right:5px;}
div.banner ul.info li p { font-weight:600;margin-bottom:0;}
div.banner ul.info li span {display:block;}
div.banner ul.info li:last-child i {border-color:#fe0000;}
div.banner ul.info li:last-child i,div.banner ul.info li:last-child span {color:#fe0000;}

div.search { border:2px solid #fe0000; line-height:30px;padding:0;position:relative; box-sizing: border-box;}
div.search select {border:none;font-style:italic;width:32% ;border-right:2px solid #fe0000;padding-right:10px;margin-right:10px;outline:none;}
div.search input[type=text] { background:none; border:none; outline:none; width:48%; }
div.search a#btnkey { float:right; width:12%; text-align:right;background:#fe0000;height:32px;text-align:center;color:#fff; }
div.search a#btnkey i { line-height:30px; font-size:20px;}

/* == nav == */
div.nav {
    background:#0055e6;
}

div.nav ul {
    text-align: center;
    position: relative;
    white-space: nowrap;
    list-style:none;
}

div.nav ul > li {
    float: left;
    height: 40px;
    padding: 0 20px;
    line-height: 41px
}

div.nav ul > li:hover,
div.nav ul > li.ac {
    background:#003EA9;
}

div.nav ul > li > a {
    color: #fff !important;
    font-size: 13px;
    font-weight:600;
    text-transform:uppercase;
}

div.nav ul > li:last-child > a {
    border: none
}

div.nav ul > li > a:hover {
    text-decoration: none
}

div.nav ul li ul {
    position: absolute;
    background:#0055e6;
    width: 240px;
    z-index: 999;
    display: none;
    text-align: left;
    margin-left: -20px;
    margin-top:-1px;
}

div.nav ul li ul li {
    padding: 0 20px;
    height: 32px;
    line-height: 32px
}

div.nav ul li ul li a {
    width: 200px;
    background: none;
    display: block;
    float: left;
    font-weight:400;
    text-transform:none;
}

div.nav ul > li > ul > li > a:hover {
    color: #fff !important
}

div.nav ul > li > ul > li > ul {
    position: absolute;
    left: 240px;
    margin-left: 0
}

div.nav ul li:hover > ul,
div.nav ul li > ul > li:hover > ul {
    display: block
}


div.banner .cart{margin-top:25px;text-align:right}
div.banner .cart a{border-radius:3px;padding:7px 10px;border:1px solid #d6d6d6}

div.nav-sidebar {position:relative}
div.nav-sidebar div.border {border-top:0px solid #1b76bd}
div.nav-sidebar-h2 {position:relative}
div.nav-sidebar-h2 h2 {font-size:15px;text-transform:uppercase;color:#fff;background:#fe0000;padding:0px 10px;margin:0;height:42px;line-height:42px;font-weight:600;}
div.nav-sidebar-h2 h2 i {font-size:25px;margin-right:7px;float:left;margin-top:9px;}
div.nav-sidebar-h2 span {font-style:normal;color:#252565;width:11px;height:42px;position:absolute;right:-11px;top:0;background:url(/images/icon/right.png) no-repeat top right;z-index:888;}
div.nav-sidebar.active div.border {display:none;position:absolute;width:100%;background:#fff;z-index:999;box-sizing: border-box;}
div.nav-sidebar.active:hover div.border {display:block}

div.fill {margin:0 0 15px 0}
div.fill h4 {font-weight:400;margin-bottom:6px; font-size:14px;border-bottom:1px dotted #ccc;width:100%;padding-bottom:5px}
div.fill h4 i {float:right;margin-top:6px}
div.fill ul {margin-bottom:10px}
div.fill ul li {margin-bottom:6px; color:#091d0c}

ul.main-menu {margin:0 10px 5px 10px;padding-top:7px;}
ul.main-menu >li {border-bottom:1px solid #d6d6d6;}
ul.main-menu > li:first-child >a {border:none;margin:0;padding-bottom:6px;}
ul.main-menu > li:last-child {border:none;margin:0;padding:0}
ul.main-menu >li >a {color:#333; display:block; font-weight:600;margin:3px 0;padding-bottom:3px;}
ul.main-menu >li>a >i {font-size:16px;margin-right:5px;}
ul.main-menu >li >a:hover {text-decoration:none;color:#1b76bd}


ul.sub-menu li {display:block;border-top:1px solid #ccc;}
ul.sub-menu >li >a{display:block;margin:3px 0;padding-bottom:3px;padding-left:10px;}


div.nav-sidebar.active .border {border:1px solid #1b76bd;box-sizing: border-box}
div.nav-sidebar.active ul.sub-menu {width:319%;border:1px solid #1b76bd;border-left:none;border-top:none;margin-left:-15px;top:1px}
div.nav-sidebar.active ul.sub-menu li .thumb {height:105px}

div.info{margin:15px auto}
div.info ul li{display:inline-block;margin:0 10px}
div.info ul li img{margin-right:8px}
div.info ul li a{font-size:15px;font-weight:300;color:#333}

div.box-pro {margin-top:15px}
div.box-pro .box-pro-title {position:relative}
div.box-pro .box-pro-title h2 {height:34px;line-height:34px;margin-bottom:3px;}
div.box-pro .box-pro-title h2 span.sp2 {background:#fe0000; font-size:15px;color:#fff;height:34px;float:left;padding:0 15px;font-weight:600;text-transform:uppercase;}
div.box-pro .box-pro-title h2 span.sp3 {background:url(/images/icon/caret-right.png) no-repeat center right;width:7px;float:left ;height:34px;vertical-align:middle}
div.box-pro .box-pro-title span.sp1 {font-style:normal;color:#1b76bd;width:4px;height:25px;position:absolute;left:-4px;top:6px;background:#1b76bd}
div.box-pro .box-pro-title h2 .view-all {width:181px;height:38px;background:url(/images/icon/a-caret-right.png) no-repeat bottom left; text-align:right;display:inline-block;float:right;font-size:13px;color:#fff;padding-right:10px;}

ul.adv_left {margin:0 0 15px 0}
ul.adv_left li{height:auto;overflow:hidden;margin-bottom:15px}
ul.adv_left li img{width:100%;height:auto}
div.bdr {border-left:1px solid #ccc;border-top:4px solid #e1e1e1;}

div.tab-pane {position:relative;}
div.tab-pane .prev-link , div.tab-pane .next-link {position:absolute;top:35%;z-index:9999;font-size:65px;background-color:rgba(255,255,255,0.9);padding:0 10px;}
div.tab-pane .prev-link {left:1px;}
div.tab-pane .next-link {right:2px;}

div.listP{margin:0;background:#fff;overflow:hidden;height:auto;padding:10px;position:relative;border:1px solid #ccc;box-sizing: border-box;border-left:0;border-top:0;}
div.listP:hover h3 a {color:#0055E6;}
div.listP .thumb{width:100%;height:130px;text-align:center;position:relative;}
div.listP .thumb img{max-width:100%;max-height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
div.listP h3{font-size:13px;line-height:1.4;height:39px;overflow:hidden;margin-top:10px;font-weight:600}
div.listP h3 a {color:#333;}
div.listP h3:hover a {color:#0055E6;}
div.listP .pr{font-size:15px;font-weight:600;color:#FE0000;margin-bottom:10px}
div.listP .cr a {padding:4px 15px;background:#0055E6;color:#fff;border-radius:3px;display:inline-block;}

div.footer {background:#f3f3f3;padding:20px 0;}
div.footer h3{font-size:14px;font-weight:600;margin-bottom:12px}
div.footer ul li{margin:5px 0}
div.footer ul li a{color:#333}
div.footer ul li i {margin-right:5px;}
div.footer p.social img {width:22px;margin-right:3px}
div.copy {background:#363636;color:#fff;padding:5px 0;text-align:center;}
div.copy p {margin-bottom:5px}
ul.mxh{margin-bottom:10px}
ul.mxh li{display:inline-block}
ul.mxh li img{height:30px;margin-left:5px}

.page-pagin{background:#F4F4F4;padding:4.5px 15px}
.page-pagin ul{margin:0;padding:0}
.page-pagin li{display:inline-block;list-style:none;margin-right:8px}
.page-pagin li:before{content:'>';color:#3a3a3a;font-size:11px;text-transform:uppercase;margin-right:6px;line-height:24px}
.page-pagin li:first-child:before{content:none}
.page-pagin li a{font-size:12px;color:#3a3a3a}

#pContent {margin-top:15px}
div.page-title h2 {font-size:18px;text-transform:uppercase;font-weight:600;color:#0055e6;}

div.page-nummber {position:relative;text-align:right;}
div.page-nummber a {border:1px solid #d7d7d7;padding:5px 15px;display:inline-block;font-size:12px;margin:10px 0 10px -4px}
div.page-nummber a:first-child {margin-left:0;}
div.page-nummber a.cpage,div.page-nummber a:hover,div.page-nummber a.GotoTop:hover {background:#ae0412;color:#fff;border:1px solid #ae0412;}
div.page-nummber a.cpage {background:#ae0412;border:1px solid #ae0412;}

div.pro-detailt{background:#fff}
div.pro-detailt h1{margin-bottom:10px;font-size:22px;text-transform:uppercase;font-weight:600;color:#0055e6;}
div.pro-detailt .code span {font-size:14px;color:Red;}
div.pro-detailt .pr {font-size:24px;}
div.pro-detailt .pr span {color:Red;}

div.pro-detailt .content-post{text-align:justify;font-size:13px;line-height:20px;overflow:hidden}
div.pro-detailt .content-post p{margin:0 0 10px}
div.pro-detailt .content-post ul{margin:0}
div.pro-detailt .content-post img{max-width:100%;margin:5px 0}
div.pro-detailt .content-post h2,div.pro-detailt .content-post h3,div.pro-detailt .content-post h4{font-weight:400;margin:0 0 10px}

div.images-post-slider{margin:0 0 10px;position:relative;border:1px solid #ccc;}
div.images-post-slider a.next-link,div.images-post-slider a.prev-link{position:absolute;bottom:30px;z-index:999}
div.images-post-slider a.next-link i,div.images-post-slider a.prev-link i{width:25px;height:25px;background-color:rgba(255,255,255,0.7);border-radius:3px;line-height:2;text-align:center}
div.images-post-slider a.next-link{right:10px}
div.images-post-slider a.prev-link{left:10px}
div.images-post-slider .image-holder{overflow:hidden;height:300px;width:100%;position:relative;border-bottom:1px solid #ccc;}
div.images-post-slider .image-holder img{max-width:98%;max-height:98%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
div.images-post-slider .image-holder .iTitle{position:absolute;z-index:1;bottom:0;padding:4px 10px 15px 7px;opacity:.8;color:#fff;background:#000;text-align:justify;font-size:13px;width:100%}
div.images-post-slider .other-products{height:70px;overflow:hidden;margin:10px;}
div.images-post-slider .other-products img{max-height:70px;max-width:100%}

.content-post{text-align:justify;font-size:13px;line-height:18px;overflow:hidden}
.content-post p{margin:0 0 10px}
.content-post ul{margin:0}
.content-post img{max-width:100%;margin:5px 0}
.content-post h2,.content-post h3,.content-post h4{font-weight:400;margin:0 0 10px}

div.main-info { padding:25px 0;}
div.main-info h2 {font-size:15px;text-transform:uppercase;font-weight:600;background:url(/images/icon/gach.png) repeat-x left center;}
div.main-info h2 span {background:#fff;padding-right:10px;}

ul.ul-newsh li {margin-bottom:5px;display:block;}
ul.ul-newsh li i {margin-right:5px}
ul.ul-newsh li a {color:#333; font-weight:600;}
ul.ul-newsh li:first-child {padding:10px 0 10px 0;margin-bottom:8px;}
ul.ul-newsh li .thumb {width:225px;height:125px;float:left;margin-right:10px;position:relative;}
ul.ul-newsh li:first-child .thumb img {max-width:100%;max-height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
ul.ul-newsh li:first-child p {height:50px;font-size:13px}
ul.ul-newsh li:first-child h4 a {font-size:13px;color:#333;line-height:1.5; font-weight:600}

ul.nav-tabs {background:#E7E7E7;margin-top:15px}
ul.nav-tabs.nav-tabp {background:none;border-bottom:none;}
ul.nav-tabs > li.active {position:relative}
ul.nav-tabs>li>a {border:none; font-size:15px;padding:8px 15px;color:#333; border-radius:0;font-weight: 600;text-transform: uppercase;}
ul.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {color:#fff;background:#fe0000;border:0px solid transparent}
ul.nav-tabp>li {background:#E7E7E7;}
ul.nav-tabp>li.active>a, .nav-tabp>li.active>a:hover, .nav-tabp>li.active>a:focus {color:#fff;background:#0055e6;border:0px solid transparent}
ul.nav-tabp>li>a {font-size:14px;text-transform:none;}

div.tab-content {position:relative}
div.tab-content a.view-all {position:absolute;width:181px;height:32px;background:url(/images/icon/a-caret-right.png) no-repeat top left;right:0;top:-47px;z-index:99;text-align:right;color:#fff;padding-right:10px;padding-top:4px}

div.infoh .thumb {width:50%;height:220px;position:relative;float:left;margin-right:20px;}
div.infoh h3 {font-size:14px;text-transform:uppercase;margin-top:0;font-weight:600;}
div.infoh p {max-height:165px;overflow:hidden;text-align:justify;line-height:20px;}

.box-dt {position:relative;}
.box-dt .thumb {position:relative;width:100%;height:75px;}
.box-dt .prev-link , .box-dt .next-link {position:absolute;top:25%;z-index:9999;font-size:35px;background-color:rgba(255,255,255,0.9);padding:0 10px;}
.box-dt .prev-link {left:1px;}
.box-dt .next-link {right:2px;}

div.detail-post {margin-bottom:15px}
div.detail-post .title-post p {margin:7px 0 0 0 !important;font-size:15px}
div.detail-post .title-post h1 {margin:0px 0 8px 0; font-size:25px;color:#333;line-height:1.35;}
div.detail-post .title-post strong {font-size:14px;display:block;margin-bottom:10px;margin-top:5px}
div.detail-post .content-post  {text-align: justify;overflow:hidden}
div.detail-post .content-post p {margin:0 0 10px}
div.detail-post .content-post img {max-width:100%;margin:5px 0}
div.detail-post .content-post h2,div.detail-post .content-post h3,div.detail-post .content-post h4 {font-weight:normal;margin:0 0 10px}
div.detail-post .post-related li h3 {font-size:17px}
div.detail-post .post-related li {margin:4px 0}
div.detail-post hr {margin:10px 0 5px 0}

div.lstNews {border-bottom:1px dashed #d5d5d5;margin-top:15px;padding-top:5px}
div.lstNews .thumb {float:left;width:30%;height:130px;margin:0 10px 10px 0;position:relative;}
div.lstNews h3 {font-size:13px; font-weight:600;line-height:1.4;margin:0 0 8px 0}
div.lstNews p {max-height:90px;overflow:hidden;text-align:justify}
div.lstNews a.alink {display:block;text-align:left;color:#333}

div.sidebar-right {margin-bottom:15px}
div.sidebar-right h3 {background:#1B76BD;color:#fff;font-size:13px;text-transform:uppercase;padding:7px 10px;margin-bottom:0}
div.sidebar-right ul {border:1px solid #d5d5d5;border-top:0;padding:10px}
div.sidebar-right ul li {border-bottom:1px dashed #d5d5d5;margin-bottom:5px;padding-bottom:5px }

div.view-content ul li {padding-bottom:7px;display:block;border-bottom:1px dashed #d5d5d5 ;margin-bottom:7px}
div.view-content ul li > a { font-size:13px;text-transform:uppercase;display:block;color:#333}
div.view-content ul li div {margin-top:7px}
div.view-content ul li div p {margin-bottom:3px}
div.view-content ul li div p b {color:Red;margin-right:5px}

div.proh {border:1px solid #ccc;}
div.proh h2 {background:#f4f4f4;font-size:14px;color:#0055e6;text-transform:uppercase;padding:10px 0 12px 13px;font-weight:600;}
div.proh ul>li {display:block;padding:7px;border-bottom:1px solid #ccc;}
div.proh ul>li:last-child {border-bottom:none;}
div.proh ul>li .thumb {width:94px;height:81px;border:1px solid #ccc;position:relative;float:left;margin-right:10px;}
div.proh ul>li a {display:block;font-weight:600;margin-bottom:10px;}
div.proh ul>li p {color:Red;}

div.infop {background:#f7f3f7;padding:5px;}
div.infop h3 {color:#0055e6;font-size:14px;background:#e3e1e3;text-align:center;padding:7px 0;}
div.infop h3 i {color:#333;margin-right:7px;}
div.infop img {max-width:100%;}

@media (max-width:992px) 
{
    div.siderbar-link .siderbar-link-content ul li a {width:100%}
    div.home-page-top .dtop h3 {font-size:18px}
}

@media (max-width:768px) 
{
     ul.ul-top li {border:none;}
     
     div.nav-mobile {background:#1b76bd;padding:7px 0 6px 0;margin-bottom:10px}
     div.nav-mobile a.menuClick {color:#fff; font-size:25px}
     div.nav-mobile .search {background:#fff;border-radius:3px;padding:3px 5px}
     div.nav-mobile .search input[type=text] {background:none;border:none;width:83%}
     div.nav-mobile .search a {display:inline-block;width:15%;text-align:right;margin-top:3px}
      
     div.nav-sidebar {display:none;position:fixed;top:0;left:0;width:100%;background:#fff;z-index:9999;max-height:400px;overflow:scroll}
     div.nav-sidebar.active div.border {display:block !important}
     div.nav-sidebar.active-mobile {display:block}
     div.nav-sidebar.active-mobile a.menuClick {position:fixed;top:5px;right:5px;background:#1b76bd;padding:4px 13px;color:#fff; font-size:18px;border-radius:3px; z-index:9999}
     div.nav-sidebar.active-mobile .main-menu >li {border:none}
     div.nav-sidebar.active-mobile .main-menu >li > a { display:block;border-bottom:1px solid #ededed;text-transform:uppercase;padding-bottom:7px}
     div.nav-sidebar.active-mobile ul.sub-menu {display:block !important;position:relative !important;width:100%;margin:0;padding:0;left:auto !important; border:none}
     div.nav-sidebar.active-mobile ul.sub-menu li {display:block;float:none;width:100%;text-align:left;border-bottom:1px dashed #d5d5d5;padding-left:15px}
     ul.main-menu li:hover .sub-menu { display:none}
     
     div.nav-sidebar.nav-sidebar-mobile-fill {position:relative;display:block;width:auto;max-height:auto;overflow:inherit;}
     
     div.nav-footer .nav-footer-ul-bottom {max-height:400px;overflow:scroll;background:#f4f4f4;position:fixed ;top:0;left:0;display:none;width:100%;margin:0}
     div.nav-footer .nav-footer-ul-bottom a.elemadded {position:fixed; right:5px}
     div.nav-footer .nav-footer-ul-bottom > li {width:100%;padding-top:10px;margin-bottom:3px;border-bottom: 1px solid rgba(0,0,0,.1);border-top: 1px solid rgba(255,255,255,.1);}
     div.nav-footer .nav-footer-ul-bottom > li > h3 > a {text-transform:uppercase}
     div.nav-footer .nav-footer-ul-bottom > li > ul > li {margin-bottom:5px;padding:2px 0}

     div.box-pro .row {white-space: nowrap;overflow-y: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;}
     div.box-pro .row .col-xs-6 { display:inline-block !important; white-space:normal;float:none}
     
    .mgbt-lg{margin-bottom:20px}
    .mgbt-sm{margin-bottom:15px}
    .mgbt-xs{margin-bottom:10px}
    
     div.home-page-top .dtop h3 {font-size:16px}
     div.home-page-content {margin-top:0}
     div.home-page-top {margin-top:0}
     
     ul.nav-tabs li {float:left;width:33.3333%;text-align:center  }
     ul.nav-tabs li a {font-size:13px;margin:0;padding:4px 15px}
     
     div.div-responsive {width:914px;overflow:hidden}
     
     div.main-info { padding: 15px 0 0 0;margin-top: 15px;}
     div.main-info h2 {font-size:15px}
     div.main-info .map {max-height:140px;overflow:hidden}
     
     div.nav-info > h3 {background-color:rgba(255,255,255,0.3);padding:12px 10px; font-weight:400; font-size:14px;border-radius:3px;margin-bottom:3px;}
     div.nav-info > ul {display:none}
     div.nav-info > ul > li {margin:12px 9px}
     div.nav-info:hover > ul {display:block}
     
     .checking-form .total-box .inner-total{width:auto;float:none}
     .checking-form .total-box .inner-total .table td {padding:7px 10px}
     .thumb {width:100% !important;height:104px !important}
     
     .p-built-mobile {width:300px !important}
}

@media (max-width:500px) {
}

div.subscribe {background:#0055e6;padding:15px 0;color:#fff;}
div.subscribe .hl {font-size:20px;font-weight:600;}
div.subscribe .frms input[type=text] {border:none;outline:none;background:#fff;display:inline-block;line-height:28px;padding:0 10px;vertical-align:middle;color:#333;}
div.subscribe .frms a {background:#003ea9;width:40px;line-height:28px;display:inline-block;vertical-align:middle;color:#fff;text-align:center;}