ul {list-style: none outside; margin:0; padding:0;}
header{width:100%;text-align:left; position:absolute; top:0; left:0; z-index:3; padding-top:50px;}
.slide-home{ position:relative;}

.about{ width:100%; display:inline-block;position:relative; margin-top:30px;}
.summany{text-align:justify;color:#333; font-size:14px; margin-top:5px;}
.summany{display:none;}
.box_left,.box_tag{ width:100%; display:inline-block;margin-bottom:35px;}
.box_left{ position:relative;box-shadow: 0 5px 5px rgba(0,0,0,.05);}
.box_contact{ padding:10px;}
.box_left .title_faq{color: #fff;
    background-color:#3fb4fb;
    padding: 15px 20px;
    font-size: 18px;}
.box_left ul{list-style:none;margin:0; padding: 0;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px; width:100%; float:left;}
.box_left ul li{font-size:14px;}
.box_left ul li a{width:100%; display:inline-block; color:#898989;border-bottom: 1px solid #ebebeb;padding: 15px 20px;}
.box_left ul li a:before {
  padding: 0 5px;
 content: "\f105";
    font-family: 'FontAwesome';
}
.box_left ul li a:hover{ color:#3fb4fb;}
.title_left{font-size: 16px;
    color: #363636;
    text-align: left;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px;
    margin-bottom: 20px;
    text-transform: uppercase;}
.btninfo{text-decoration: none;
    color: #898989;
    background-color: #fff;
    padding: 8px 13px;
    margin: 0 5px 5px 0;
    border: 1px solid #e1e1e1;
    display: inline-block;
    font-size: 13px;}
.btninfo:hover{ background-color:#3fb4fb; color:#fff;}
.tinright{ width:100%; float:left; padding:7px 0px; color:#363c3f;}
.tinright img{border: 1px solid #DDDDDD; max-width:42%; margin-right:10px; float:left;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.tinright img:hover{-webkit-filter: grayscale(100%);}
.title_h5{color: #363636; font-size:14px !important;
    text-align: left !important;
    text-transform: uppercase;
    font-weight: 600 !important; margin-top:0;
    margin-bottom: 5px !important;
    text-decoration: none;}
.title_h5 a {color:#363636 ;moz-transition: 0.3s;-o-transition: 0.3s; -webkit-transition: 0.3s;transition: 0.3s;}
.title_h5 a:hover{ color:#34ccff;}
.tinright .btn{ float:none; margin-top:15px;moz-transition: 0.3s;-o-transition: 0.3s; -webkit-transition: 0.3s;transition: 0.3s;}
.tinright .date{ font-size:11px; font-style:italic;color:#999999;}
.tinright .date .fa{ font-size:13px;color:#999999; padding:0px 5px 0px 0px;}
.left_item .col-md-12{ padding:5px;}
.product-right{margin-bottom: 30px; padding:0;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;}
.product-right:nth-of-type(1){ padding-top:10px;}
.product-right:last-child{ margin-bottom:0;}
.product-right img{ border-width:0;}
.price{font-size: 15px;
    text-transform: uppercase;
    color:#3fb4fb;}
.price span {
    font-size: 11px;
    color: #828282;
    text-decoration: line-through;
}
.ads{
    position: relative;
    overflow: hidden;
    z-index: 0;
    display: block;
    vertical-align: top;
    max-width: 100%; margin-bottom:5px;
}
.ads:after{content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
     height: 100%;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    left: 0;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(0,0,0,0.18);}
	
.ads:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}	
.noidung{ font-size:14px; text-align:justify;position:relative;padding:20px;background-color:#fff;box-shadow: 0 5px 5px rgba(0,0,0,.05);}
.noidung h1,.noidung h2{ display:inline-block;text-align:left; margin-top:0px; padding-bottom:10px; margin-bottom:20px; text-transform:uppercase; font-size:25px; position:relative;}
.noidung,.product{width:100%;display:inline-block;}
.title_faq span:after{content: "";
    position: absolute;
    left:0;
    bottom: 0px; width:50%;
    border: 1px solid #34ccff;}
.noidung img{ max-width:100% !important;height:auto !important;}
.noidung table{ width:100% !important;}
.noidung iframe{ max-width:100% !important;}
.category{ position:absolute; top:10px; right:15px; z-index:1;}
.category .dropdown-menu{background-color:#fff;
  border:solid 1px #e1e1e1; padding:0; width:100% !important; min-width:inherit !important;}
.category .dropdown-menu > li > a{font-size: 14px;
    color: #7c7c7c;
    border-bottom: 1px solid #e1e1e1;padding: 10px 30px;}
.category .dropdown-menu > li:last-child > a{ border-bottom:0;}
.category .dropdown-menu > li+li > a{ border-top:0;}
.category .dropdown-menu > li > a:hover{font-weight: 700;
    color: #2d2d2d;}
.tieude{ width:100%; display:inline-block;margin-top: 10px;
    border-top: 1px solid #EEE;
    padding-top: 10px;    font-size: 15px;margin-bottom: 25px; font-weight:bold;
    text-transform: uppercase;
    color: #000000;}
.relation{list-style: none;margin:0; padding: 0;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
.relation li{ width:100%; float:left;padding-left:20px; margin-bottom:10px; font-size:16px; text-transform:capitalize;}
.relation li a{ color:#12151a;}
.relation li a:before {
    padding-right:5px;
    content: "\f105";
    font-family: 'FontAwesome';
}
.relation li a:hover{ color:#34ccff;}
.page-header { width:100%; float:left;
margin: 0;
text-align: center;
border: 0;
position: relative;
background: #333;
}
.page-header {
background-color: #333!important;
background-repeat: no-repeat!important;
background-attachment: fixed!important;
background-position: center top!important;
background-size: cover!important;
background-image: url(../images/bg25-contact.jpg)!important;
}
.page-header:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background:rgba(0,0,0,.5);
z-index: 1;
}
.page-header-inner { text-align:center;
z-index: 2;
position: relative;color:#fff;
font-size:30px; font-weight:bold;text-transform: uppercase;
}
@media (min-width:768px){
.page-header {padding:10% 0;}
}
@media (max-width: 768px){
header{ padding-top:25px;}
.logo{ position:absolute; top:20px; left:0;}
.noidung{box-shadow:none; padding:0 0 20px 0;}
.summany{ display:block;}
}
@media (max-width: 767px){
header{ padding-top:5px;}
header .col-xs-12{ padding:0;}

.page-header {padding:20% 0;}
}
@media (max-width: 600px){
.breadcrumb{ padding-bottom:20px;}
}
@media (max-width: 480px){
}
@media (max-width: 414px){
.col-xs-6,.col-xs-4{ width:100%;}
.nav_top ul li{ padding-left:5px; padding-right:5px;}
.nav_top ul li a{ font-size:12px;}
.summany{ display:none;}
.category{ position:static; margin-bottom:10px; float:right;}
}