body{    font-size:12px; font-family: "Open Sans", sans-serif}
.c_in{	width:1200px;}
#header{background: url('../images/bgr_banner.png') no-repeat right;}
.main.cart::before{    display: none;}
.main-menu{	background:#1798c2;height: 55px;}
.main-menu .btn-home{	width:50px; height:70px;	background: #2f2f2f url('../images/icon-home.png') no-repeat 50% 50%;	top: 0; left: 0;}
.main_in{ background: #fff;}
.mainmenu{	padding-left: 0px;    width: 1200px;    border-top: 1px solid #b4b4b4;    border-bottom: 1px solid #b4b4b4;}
.mainmenu a{color: #fff;    padding: 7px;    border: none;    font: 1.3em/41px "Open Sans", sans-serif;    text-transform: uppercase;}
 .mainmenu a:hover{	color: #fff;}
.mainmenu li{	background: transparent;}
.mainmenu li li{min-width:200px;}
.mainmenu ul li{	background: #1798c2;}
.mainmenu li:hover, .mainmenu li.sfHover{	background: #0c6583}
.top-menu { padding: 12px 1px 0;float: right}
.H-top{    height: 37px; }
.mainheader{    height:140px;}
.HCart{    position: absolute; z-index: 10; right: 5px; top: 8px;}
.HCname{    font: 1.3em/2.2em "Open Sans", sans-serif;    color: #202020;      width:100%;}
.HCname:before{    content:"";    background: url('../images/cart.png') no-repeat;    padding: 0px 14px;}
.HCsaperate{    font: 1.3em/2.2em "Open Sans", sans-serif;    color: #676767;     padding: 0 3px 0;}
.HCxem{    font: 1.2em/2.2em "Open Sans", sans-serif;    color: #ffffff;    width: 100%;    background: #2f7222;    padding: 5px 19px;    border-radius: 5px;}
.HCxem:hover{    color: #f2c200;  }
.HCprice{    font: 1.4em/1.9em "Open Sans", sans-serif;    color: red;      padding-left: 5px;}
.Ca{    display: inherit;}
.Ca:hover{   text-decoration: none;}
.Hleft{    float:left;    font: 1.2em/50px "Open Sans", sans-serif;  color: #000}
.Hleft:hover{    color: #ff8b00;}
.Hright{    float:right;    width: 950px;    height:113px;}
#header{    height: 168px;}
.header-menu {color: #a2a2a2;padding-right: 45px;}
.header-menu a {	font: 1.1em/1.1em "Open Sans", sans-serif;	color: #000000;	border-right: 1px solid #555555;	padding: 0 5px;	text-transform: uppercase;}
.header-menu a:hover {color: #ffd900;text-decoration: none;}
.header-menu li:last-child a {border-right: none;}
.lang{    position: absolute;    right: 0; top: 20px;}
.vn{   background: url('../images/vn.png') no-repeat 50% 50%;    padding: 0px 9px;}
.en{   background: url('../images/en.png') no-repeat 50% 50%;    padding: 0px 9px;}
.mainR{    float: right;    position: absolute;    bottom: 70px;    right: 5px;    width: 620px;    display: inline-flex;}
.left{    width: 270px;    float: left;}
 .v-menu li {  width: 253px; }
.right{     display: inline-block;    width: 100%;}
.slide{    float: left;}
.boxadv{    float: right;}
.adv-index-box{    width: 270px;    padding-bottom: 55px;}
 .adv-index-box_02{    width: 458px;    height: 110px;}
.adv02{    display: inline-flex;    padding: 0 41px;}
.left-sidebar {	width: 265px; border:1px solid #d6d6d6; margin-bottom:10px; margin-top: 5px;}
.right-sidebar {	width: 100%; margin-left: 5px; margin-top: 5px; vertical-align: top; background: #fff;}
.b-title-01,.search-form .s-submit{    color: #0979b8;    text-transform: uppercase;     font: 1.2em/35px "Open Sans", sans-serif;}
.b-title-01.box-index-title{ background: #1798c2;height: 35px;}
.b-title-01.box-index-title a{color: #fff}
.b-title-01.box-index-title >span{color: #fff;   font-size:16px; padding-left: 15px}
.system-style.addContact{background: #086f90;margin:0}
.inline-block {    display: list-item;}
.search-form .s-input{	height: 35px;    font: italic 1.2em "Open Sans", sans-serif;    padding-left: 5px;  width: 255px;    background: #ffffff;    border-radius: 5px;    border: 1px solid #828282;}
.search-form .s-submit{padding: 0px 17px;    border: none;  }
.left-sidebar .sbox{	margin-bottom: 10px;}
.box-left {    margin-top: 45px;}
.box-home {    margin-bottom: 18px;    padding-left: 0!important;    padding-right: 0!important;    text-align: center;}
.col-sm-3{padding-left: 10px;padding-right: 0 }
h2.title {    font-family: "Open Sans", sans-serif;    text-transform: uppercase;    font-size: 17px;    margin-bottom: 15px;    color: #008dd0;}
.block-support .spt{	display: block;	color:#555;	font:1.2em/26px "Open Sans", sans-serif;	padding-left:25px; margin-left: 15px; } 
.block-support .title{	font:bold 1.2em/30px "Open Sans", sans-serif;	color:#555;	margin: 0 0 0 10px;}
.block-support{	margin-bottom: 10px;	margin-top: 10px;}
.bl_support{	background: #e43230;	padding:10px 0 10px 9px;}
.block-support .tel{color:#fff;  	text-align: center; 	font:bold 2.7em/36px "Open Sans", sans-serif;}
.blx_support{	margin: 10px 0;}
.list-left-pro li{	margin-top: 10px;	}
.list-left-pro li:hover{opacity:0.8;}
.list-left-pro li img{	width: 100%;}
.list-left-pro li .title{	text-align: left;	color:#2463a6;	font:1.2em/18px "Open Sans", sans-serif;	margin: 5px 0;}
.logo{    width: 200px;    float: left;}
.logo img{    height: 100px;}
.slogan{  color: #000;  float: left;  font-size: 14px;}
.slogan > table{	width: 938px;}
.slogan > table .img_slogan{	width: 276px;}
.slogan > table .text_slogan p{	line-height: 26px;	font-size: 15px;}
.slogan > table .text_slogan > p:first-child{	font:bold 2.7em/1.5em "Open Sans", sans-serif;	color:#111;	margin-top: 10px;}
#header_center {    display: table-cell;    vertical-align: middle;}   
.header .icon-entry {    width: 50%;    float: left;}
.header-wrapper.style-3 .header .icon-entry .image {    background: 0 0;    border: 2px #3391bd solid;    border-radius: 50%;}
.header .icon-entry .image .fa {    line-height: 45px;    color: #ffffff;}
.header-wrapper.style-3 .header-top, .header-wrapper.style-3 .header-top-entry .title, .header-wrapper.style-3 header .icon-entry .text {    border-color: #378fb9;}
.header .icon-entry .text {    color: #fff;}
.header-wrapper.style-3 .header .icon-entry .image .fa {    line-height: 41px;    color: #fff;}
.fa-phone:before {    content: "\f095";}
.header .icon-entry .text {
    margin-left: 60px;
    font-size: 13px;
    color: #fff;
    padding-top: 5px;
    display: block;
    width: 150px;
}
.fa-automobile:before, .fa-car:before {
    content: "\f1b9";
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 "Open Sans", sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.header .icon-entry .image {
    width: 45px;
    height: 45px;
    float: left;
    line-height: 45px;
    text-align: center;
    background: #0075ad;
    border-radius: 50px;
    border: 2px #008acc solid;
}
.header .icon-entry .image:hover {    background: #008acc;}
.index-box{margin-bottom: 5px} 
.left-index {width: 65%;float: left;}
.case3 .item{width: 257px; height: 430px;    padding: 5px;    border: 1px solid rgba(209, 209, 209, 0.23);    position: relative;}
.inside > .item{width: 24.7%;height: 380px;    padding: 5px;    border: 1px solid rgba(209, 209, 209, 0.23);    position: relative;}
.index-list-item > .item:hover{border: 1px solid #c1c1c1;    background: #f7f7f7;}
.itemdetail{width: 24.8%;    height: 342px;    padding: 5px;   border: 1px solid rgba(209, 209, 209, 0.23);    position: relative;}
 
.item .item-img{height: 200px; overflow: hidden;}
.itemdetail:hover{    border: 1px solid #c1c1c1;    background: #f7f7f7;}
.left-sidebar{float: left;margin-right: 10px}
.system_forms table{width: 100%}
.system_forms table tr td{border: 1px solid #000; padding: 10px}
.system_forms{width: 77%; float: right;}
.right-box{float: right;width: 35%}
.right_pro_infomation{float: right;}
.out_c_in ul li{float: left;}
.ct {  display: block;  margin-left: auto;  margin-right: auto; }
.ct img{width: 100%}
/* case 1 right*/
.title-b-right{background-color: #1798c2;    display: block;    text-align: left;    color: #ffffff; padding: 0 10px; text-transform: uppercase;line-height: 35px;border-left: 3px solid #e28325;}
.title-b-right a{color: #fff;font-size: 13px;}.title-b-right a:hover{color: yellow;}
.boxl .imgb img{width: 100px;transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.boxl .imgb img:hover{transform: scale(1.1);}
.boxl .imgb{width: 100px; height: 68px; overflow: hidden;float: left; margin-right: 5px;border:solid 1px #ccc; }
.boxl .b-in{margin: 9px 0;border-bottom: 1px dotted #a5a5a5;}
.boxl .titleb{line-height: 20px;height: 76px;font-size: 13px;}
/* case 2 right*/
.title-c-right{background-color: #7d1722;    display: block;    text-align: left;    color: #ffffff; padding: 0 10px; text-transform: uppercase;line-height: 35px;border-left: 3px solid #e28325;}
.boxl .imgc img{width: 100px;transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.boxl .imgc img:hover{transform: scale(1.1);}
.boxl .imgc{width: 85px; height: 68px; overflow: hidden; margin-right: 5px;border:solid 1px #ccc; }
.boxl .c-in{margin: 9px 5px;	width: 29%;float: left;}
.boxl .titlec{line-height: 17px;}
.boxl .c-in a{font-size: 13px}
/* case 1 right*/
.title-d-right{background-color: #7d1722;    display: block;    text-align: left;    color: #ffffff; padding: 0 10px; text-transform: uppercase;line-height: 35px;border-left: 3px solid #e28325;}
.boxl .imgd img{width: 225px;transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.boxl .imgd img:hover{transform: scale(1.1);}
.boxl .imgd{width: 165px; height: 150px; overflow: hidden;float: left; margin-right: 5px;border:solid 1px #ccc; }
.boxl .d-in{margin: 9px 0;border-bottom: 1px dotted #a5a5a5;height: 170px;}
.boxl .titled{line-height: 20px;font-weight: bold;font-size: 14px}
.boxl .infod{font-size: 12px}
.boxl .adv-r img{width: 100% !important; height: auto !important}
.index-box ul{margin-top: 15px}
.index-box .adv img{width: 100% !important; height: auto !important}
.index-box .item img{transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;    height: 190px;}
.index-box .item img:hover{transform: scale(1.1);}
.index-box .item .imghover{ height: 185px; overflow: hidden;margin-bottom: 10px;}
/* case 2 right*/
.box-home{  margin: 35px 0;;    padding-left: 0!important;    padding-right: 0!important;}
.box-home img{float: left;margin: 0 12px 0 0;}
.box-home h2.title{text-align: left;}
.box-home .title-img{height: 60px;}
.box-home .textintro{	font-size: 14px;	font-family: "Open Sans", sans-serif;	margin: 0 10px;    text-align: justify;}
/* case 3 right*/
.index-box .item .imghover-c3{height: 200px; overflow: hidden;margin-bottom: 10px;}
.detail a{background: #1798c2;padding: 3px 15px;border-radius: 10px; color: #fff;}
.detail{margin: 10px 0;}

/*box 6*/
.box6{float: left;border: 1px solid #bababa;box-shadow: 1px 1px 15px -8px #000; z-index: 1}
.box6in .titlebox6{text-align: center;}
.box6in{padding: 20px;}
.boximg-office ul li:first-child img{width: 65%;opacity: 1;}
.boximg-office ul li img{float: left;margin: 5px;width: 32.1%;opacity: 1;}
.boximg-office ul li img:hover ,.boximg-office ul li:first-child img:hover{opacity: 0.5;}
.boximg-office li{list-style: none;}
.off-title a{font: bold 18px/25px "Open Sans", sans-serif;color: red; text-transform: uppercase; }
.off-title{margin-top: 25px}
.case3 ul li{height: 385px !important;border: 1px solid #e0e0e0 !important;} 
.footer_in ul li ul li p{display: none}
.box_index_header{    border-bottom: 2px solid red;    padding: 7px 0;    margin-bottom: 10px;}
.tree {    margin-left: 15px;margin-bottom: 10px;}
.tree > li > a {    color: #0076b2;    font: 1.4em/40px "Open Sans", sans-serif;}
.tree > li > a::after {    content: '/';    display: inline-block;    margin: auto 5px;}
.box_index_name{    font-size: 15px;}
.list-box{      background: #fff;}

.item-name{    font-size: 20px;}
.item-block .item-price{    color:#ff0000; font-size: 13px;     text-align: left;    margin: 10px 0;}
.item-block .item-old-price{    color:#717070;    font:1.2em "Open Sans", sans-serif;    text-decoration: line-through;}
.item-block .btn_link{
    color: #ffffff; font-size: 14px; 
    padding: 5px 10px;
    background-color: #62a8ea; 
      border-radius: 10px; 
      text-align: center;
    margin-top: 10px;
}
.index-list-item > .item .item-name{
    color: #414141;
    font: bold 1.2em/26px "Open Sans", sans-serif;
    text-align: left;
    margin: 12px 0;
    border-bottom: 1px dotted #cacaca;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.index-list-item > .item .item-name:hover{  background: #cacaca;}
/**/
.s_detail img{height: auto !important; width: 80% !important; margin: 10px; border: 5px solid #d9d9d9; box-shadow: 1px 1px 15px -10px #000}

.code{    color: #038b00;    font: 1.2em/26px "Open Sans", sans-serif;    text-align: center;    margin: 12px 0;    border-bottom: 1px dotted #cacaca;}
.code:hover{  background: #cacaca;}
.Inprice{    font:1.3em/20px "Open Sans", sans-serif;    color: red;}
.priceall{    background: #36ACF4;    border-radius:10px;    text-align: center;    margin: 10px 55px;}
.cart{    position: absolute;    z-index: 1;    right: 0;    top: 65px;}
.Detail a{    font:1.3em/20px "Open Sans", sans-serif;    color: #fff;      padding: 0 27px;}
.index-list-item > .item .item-info{	color:#505050; font:1.2em/18px "Open Sans", sans-serif; margin: 0 5px;text-align: justify;}
.list-item-i1{	display: block; width: 90%; float: left ; margin-right: 10%; margin-top: 10px;}
.list-item-i1 .item-img img{	float: left; margin: 5px 10px 10px 0;}
.list-item-i1  .item-name{	color:#555; font:1.3em/20px "Open Sans", sans-serif; text-align: left;  }
.list-item-i1  .item-detail-link{	bottom:5px; right: 15px;}
.right-index{
	width: 200px;
	min-height: 300px;
	float:right;
	vertical-align: top;
	margin-top: 10px;
}
.l-slider{margin-bottom: 20px}
.b-title-01.style-blue{
	background-color: #4182c6;
	color:#fff;
}
.timeup{display: none}
.system-style.s_list_news li .nname {    color: #1798c2;    font:bold 1.6em / 1.5em "Open Sans", sans-serif;}
.box-right{
	margin-bottom:10px; 
}
 
.blk_url_link li{
	list-style: none; display: inline-block;
}
.blk_url_link a{
	color:#A6A6A6;
	font:1.5em/30px "Open Sans", sans-serif;
	
}
.blk_url_link li a::after{
	content:'>>';
	margin: 0 3px; font-size: 10px;
}
.blk_url_link li:last-child a::after{
	display: none;
}

.Mprice{
	color:#e43230; font:1.5em "Open Sans", sans-serif;
}
.Mdetail{
	color:#fff; font:1.3em "Open Sans", sans-serif;
	background: #55b034;
	  padding: 3px 12px;
  border-radius: 6px;
}
.item-detail{
    margin: 4px 0 12px;
}
.Mdetail:hover{
	color:#fff; opacity:0.8;
}

.systemPaging .btnPaging{
	background-color: #057cb4;
}
.detail_pro > .Mtitle{
	display: none;	
}
 
.index-small-slide{
	background: #FAF4F5;
	height: 213px;
	margin: 10px 0;
}
.index-slide-image{
	border-radius:5px;
}
.left-menu{
    width: 200px;
    vertical-align: top;
}
.jssora03l{
  width: 55px;
  height: 55px;
  top: 53px;
  left: 0px;
}
.jssora03r{      width: 55px;  height: 55px;  top: 61px;  right: 168px;}
.system-style.bottom_nav li { border-right: 0;width: 20%;}
.system-style.addContact > .ft_in_content_flcx{text-align: center;}
.footer_in ul li .li-level-1 a  {text-transform: uppercase;}
.system-style.bottom_nav li a {    font: 1.3em/2.2em "Open Sans", sans-serif;    color: #fff;   text-transform: uppercase; }
.system-style.footer {  background-color: #1798c2;  min-height: 100px;}
ul.block-banchay li{    float: left; width: 100%; background: #fff;    padding: 10px 0 0 0;}
ul.block-banchay li img{    width: 88px;  margin: 0px 10px 10px 0; float: left;}
ul.block-banchay li .proname{    font-size: 1.3em; color:#414141;}
ul.block-banchay li .procode{    font-size: 1.1em; color:#666;}
ul.block-banchay li .cart{
    background: #489fc3;color:#fff; padding: 5px 5px 5px 35px; text-align: right;
    border-radius: 5px; font-size: 1.2em; text-transform: uppercase; margin-top: 10px;
}
ul.block-banchay li .cart::before{left:5px;}
ul.block-banchay li .buyitem{margin-top: 10px;}
.jsthumbnail{    border-bottom: 1px solid #c7c7c7;}
.jsthumbnail:last-child{border-bottom: none;}
/* jssor slider thumbnail navigator skin 11 css */
/*
.jssort11 .p            (normal)
.jssort11 .p:hover      (normal mouseover)
.jssort11 .pav          (active)
.jssort11 .pav:hover    (active mouseover)
.jssort11 .pdn          (mousedown)
*/
.jssort11
{
        font-family: "Open Sans", sans-serif, Helvetica, sans-serif;
        border:1px solid #d8d8d8;
        opacity: 0.85;
        background: #f7f5f1; overflow: hidden;
        width:81px !important;
}.jssort11 .thumb-img{
    margin:5px  10px;

}
.jssort11 .i, .jssort11 .pav:hover .i
{
        position: absolute;
        top:3px;
        left:3px;
        WIDTH: 60px;
        HEIGHT: 30px;
        border: white 1px dashed;
}
* html .jssort11 .i
{
        WIDTH /**/: 62px;
        HEIGHT /**/: 32px;
}
.jssort11 .pav .i
{
        border: white 1px solid;
}
.jssort11 .t, .jssort11 .pav:hover .t
{
        position: absolute;
        top: 3px;
        left: 68px;
        width:129px;
        height: 32px;
        line-height:32px;
        text-align: center;
        color:#808080;
        font-size:13px;
        font-weight:700;
}
.jssort11 .pav .t, .jssort11 .phv .t, .jssort11 .p:hover .t
{
        color:#000;
}
.jssort11 .c, .jssort11 .pav:hover .c
{
        position: absolute;
        top: 2px;
        left: 75px;
        width:183px;

        line-height:18px;
        color:#000;
        font-size:11px;
        font-weight:400;
        overflow: hidden;
        font-size: 12px;
}
.jssort11 .pav .c, .jssort11 .phv .c, .jssort11 .p:hover .c
{
        color:#000;
}
.jssort11 .t, .jssort11 .c
{
        transition: color 2s;
    -moz-transition: color 2s;
    -webkit-transition: color 2s;
    -o-transition: color 2s;
}
.jssort11 .p:hover .t, .jssort11 .phv .t, .jssort11 .pav:hover .t, .jssort11 .p:hover .c, .jssort11 .phv .c, .jssort11 .pav:hover .c
{
        transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}
.jssort11 .p
{
        background:#f7f5f1;
}
.jssort11 .p.av{
    background: #fff;
}
.jssort11 .pav, .jssort11 .pdn
{
        background:#fff;
}
.jssort11 .p:hover, .jssort11 .phv, .jssort11 .pav:hover
{
        background:#fff;
}
.r-slider{width: 246px;}

.mask{
      color: #fff;
  font-size: 1.2em;
  opacity: 0.5;
  transform: rotate(-45deg) !important;
  top: 67px;
  left: -7px; z-index: 100;
}
.vert {
    width:200px;
    height:400px;
}
.vert .simply-scroll-clip{
    width: 200px;
}
.vert .simply-scroll-list li{
    height: auto; width: 100%;
}