body{
  font-family: Arial, tahoma;
  font-size: 15px;
}
dl, ol, ul,p{
  margin-bottom: 0 !important;
}
input,
select,
textarea{
    font-weight: normal;
}
.navbar-collapse,
.navbar{
	padding-left:0 !important;
	padding-right:0 !important;
}
@font-face {
	font-family: 'roman';
	src: url("../fonts/SFUFreewayRoman.TTF");
}
@font-face {
	font-family: 'opensans';
	src: url("../fonts/OpenSans_Condensed-Medium.ttf");
}
*,body,p,span,a,strong,h1,h2,h3,li,td,th{
/*  font-family: 'opensans';*/
  line-height: 120%;
}
a:hover{
	text-decoration: none !important;
}
.w-100{
  width: 100%;
}
img{
  max-width: 100%;
}
.pt50{
  padding-top: 50px;
}
.pb50{
  padding-bottom: 50px;
}
.pb80{
  padding-bottom: 80px;
}
.mt15{
  margin-top: 15px;
}
.mt20{
  margin-top: 20px;
}
.mt30{
  margin-top: 30px;
}
.mt50{
  margin-top: 50px;
}
.textred{
  color: #cc3333 !important;
}
.textwhite{
  color: #fff; 
}
.title-cm {
  text-align: center;
  margin: 0;
}
.title-cm04 a,
.title-cm03 a,
.title-cm02 a,
.title-cm a{
  font-family: 'roman';  
  text-transform: uppercase;
  color: #333;
  font-weight: bold;
}
.title-cm03 a,
.title-cm a{
  font-size: 22px;
}
.title-cm02 a{
  font-size: 18px;
}
.title-cm02 a:before{
  content: '';
  width: 7px;
  height: 21px;
  background-color: #666666;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.title-cm03 a{
  color: #fff;
  display: inline-block;
}
.title-cm03 a.active{
  color: #cb3807;
}
.title-cm03 li:first-child a:after{
  content: '';
  width: 1px;
  height: 22px;
  background-color: #fff;
  margin-left: 17px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.title-cm04 a{
  font-size: 35px;
}
.title-cm04 a:before{
  content: '';
  width: 19px;
  height: 23px;
  background: url("../images/icon-title.png") no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-right: 10px;
}
.list-inline{
  margin-left: -5px;
  margin-right: -5px;
}
.list-inline li{
  display: inline-block;
  padding-left: 5px; 
  padding-right: 5px;
}
.container{
  width: 1140px !important;
  max-width: 100% !important;
}
.block-mobile,
.block-575{
  display: none;
}
@media(min-width:991px){
   .block-tablet{
    display: none;
  }
}
@media(max-width:991px){
  .hidden-tablet{
    display: none;
  } 
}
@media(max-width:767px){
  .block-mobile{
    display: block;
  }
  .hidden-mobile{
    display: none;
  }
}
@media(max-width:575px){
  .block-575{
    display: block;
  }
  .hidden-575{
    display: none;
  }  
}
/*----------- header----------*/
.nav-mobile{
	display: none;
}
.header-pc{
	width: 100%;
	background-color: #fff;
}
.head-content-01{
  position: relative;
}
.logo{
  padding: 20px 0;
}
.hotline{
  position: absolute;
  top:0;
  right: 0;  
}
.hotline a{
  padding: 10px 40px;
  background: rgb(0,204,102);
  background: -webkit-linear-gradient(rgba(0,204,102,1) 0%, rgba(0,204,102,1) 59%, rgba(0,238,169,1) 100%);
  background: -o-linear-gradient(rgba(0,204,102,1) 0%, rgba(0,204,102,1) 59%, rgba(0,238,169,1) 100%);
  background: linear-gradient(rgba(0,204,102,1) 0%, rgba(0,204,102,1) 59%, rgba(0,238,169,1) 100%);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 36%);
  display: inline-block;
  font-size: 17px;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0;
}
.hotline a:before{
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/icon-phone.png");
  vertical-align: middle;
  margin-right: 10px;
}
.hotline a:hover{
  background-color: #00cc66 !important;
  opacity: 0.8;
}
.nav-top{
  background-color: #00cc99;
}
.nav-top a{
  display: inline-block;
  float: left;
  font-size: 16px;
  color: #333;
  padding: 8px 20px 6px 20px;
  text-transform: uppercase;
  font-family: 'roman';
  font-weight: bold;
}
.nav-top li{
  position: relative;
  display: inline-block;
}
.nav-top nav > ul> li:first-child a{
  padding-left: 0;
}
.nav-top nav > ul> li:last-child a{
  padding-right: 0;
}
.nav-top li.active a{
  color: #fff;
}
.sub02{
  display: none;
  position: absolute;
  top: 35px;
  left: 0;
  width: 200px;
  z-index: 20;
  background-color: #2ed7ad;
}
.sub02 li{
  display: block;
}
.sub02 li a{
  display: block;
  width: 100%;
  font-size: 14px;
  border-top: 1px solid #44f7ca;
  border-bottom: 1px solid #0db78c;
  font-weight: normal;
}
.sub02 li a:hover{
  background-color: #00cc99;
}
.nav-mobile:after,
.nav-top:after{
  content: '';
  display: block;
  clear: both;
}
.nav-top nav > ul> li:hover .sub02{
  display: block;
}
.nav-top ul{
  margin-bottom: 0;
}
@media (max-width: 1024px) {
	.header-pc {
		display: none;
	}
	.nav-mobile {
		display: block;
    padding: 20px 15px;
    position: relative;
	}
	.ico-menu {
		position: absolute;
    right:15px;
    top:6vw;
    width: 35px;  
	}
}
@media(max-width:991px){
  .m-logo{
    max-width: 80%;
  }
}
@media(max-width:767px){
 .ico-menu{
    top: 7vw;
    width: 25px;
  }
}
/*----------- End header----------*/
/*--- marqueebox ---*/
.date-box{
  width: 175px;
  background-color: #14d67a;
  text-align: center;
  padding: 8px 5px;
  float: left;
}
.date-box p{
  color: #fff;
  font-size: 14px;
}
.marquee-content{
  width: calc(100% - 180px);
  float: right;
  margin-top: 5px;
}
.marqueebox:after{
  content: '';
  display: block;
  clear: both;
}
.marquee-content a{
  color: #333;
  margin: 0 10px;
}

/*---------- Main Content -------------*/
.news-box{
  background: url("../images/bg-content.png") repeat-x top left;
  background-size: auto 100%;
}
.wrap-img {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.wrap-img img {
  width: 100%;
  transition: all 0.3s;
  display: block;
  height: auto;
  transform: scale(1);
}
.news-list a:hover img {
	transform: scale(1.05);
}
.row-8{
  margin-left: -8px !important;
  margin-right: -8px !important;
}
.row-8 > li{
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.news-list h3{
  color: #333;
  font-size: 14px;
  font-weight: bold;
  font-family: 'roman';
  text-transform: uppercase;
  text-align: center;
  margin-top: 20px;
}
.news-list li{
  margin-bottom: 30px;
}
.news-list li a{
  color: #333;
}
.news-list li a:hover h3{
  color: #cc3300;
}
.news-list-02 li{
  background: url("../images/icon-list.png") no-repeat left 5px;
  padding-left: 25px;
  margin-bottom: 15px;
}
.news-list-02 li:hover{
  background: url("../images/icon-list.png") no-repeat 3px 5px;
  transition: all ease 0.3s;
}
.news-list-02 li a{
  color: #333;
}

.news-big h3{
  font-size: 18px;
  margin: 15px 0 5px 0;
  font-weight: bold;
}
.news-big h3 a{
  color: #333;
  font-size: 16px;
}
.news-big p{
  margin-top: 5px;
}
.date{  
  font-size: 13px;
}
.pr-list li{
  margin-bottom: 10px;
}
.pr-list li:last-child{
  margin-bottom: 0;
}
.pr-list li img{
  width: 100%;
}
.news-page-content02{
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
}
@media(max-width:991px){
  .pr-list{
    margin-top: 20px;
  }
}
@media(max-width:767px){
  .news-box .news-list-02{
    margin-top: 20px;
  }
}

.intro-content{
  padding-left: 30px;
}
.news-list-03{
  padding-left: 10px;
}
.news-list-03 li{
  background: url("../images/icon-list-02.png") no-repeat left 5px;
  margin-bottom: 10px;
  padding-left: 25px;
}
.news-list-03 li:hover{
  background: url("../images/icon-next-02-hover.png") no-repeat left 5px;
  background-size: 10px;
  transition: all ease 0.3s;
}
.news-list-03 li a{
  color: #333;
}
.btn-view{
  font-size: 14px;
  font-weight: bold;
  background: url("../images/icon-viewmore.png") no-repeat right center;
  padding-right: 25px;
  color: #333;
  display: block;
}
.btn-view:hover{
  background: url("../images/icon-viewmore-red.png") no-repeat right center;
  transition: all ease 0.3s;
}
.bg-gray{
  background-color: #f6f6f6;
}
.bg-gray:after{
  content: '';
  display: block;
  clear: both;
}
.slider-06 .nbs-flexisel-nav-left,.slider-06 .nbs-flexisel-nav-right,
.slider-01 .nbs-flexisel-nav-left,.slider-01 .nbs-flexisel-nav-right{
  width: 43px;
}
.slider-01 .nbs-flexisel-inner{
  width: 90%;
  margin: 0 5%;
}
.slider-01 .nbs-flexisel-item img {
  width: 80%;
}
.slider-06 .nbs-flexisel-inner{
  width: 100%;
  margin: 0;
}
.slider-06 .nbs-flexisel-item img{
  width: 100%;
}
.slider-06 .nbs-flexisel-nav-left{
  left: 15px;
}
.slider-06 .nbs-flexisel-nav-right{
  right: 15px;
}
@media(max-width:991px){
  .slider-01 .nbs-flexisel-nav-left,.slider-01 .nbs-flexisel-nav-right {
    background-size: 30px;
  }
}
@media(max-width:767px){
  .btn-view{
    margin-bottom: 20px;
  }
}

.nav-tabs{
  border-bottom: none !important;
}
.video-box{
  background-color: #bcbcbc;
}
.video-box:after{
  content: '';
  display: block;
  clear: both;
}
.movie {
 position: relative;
 width: 99.9999%;
 margin: 0 auto;
 padding-bottom: 56.28%;
 height: 0;
 overflow: hidden;
}
.video-name{
  font-size: 22px;
}
.slider-02 a{
  color: #333;
}
.slider-02 h3{
  font-size: 18px;
  color: #333;
  padding: 0 10px;
}
.slider-02 .nbs-flexisel-nav-left {
    background: url("../images/preview.png") no-repeat center left;
}
.slider-02 .nbs-flexisel-nav-right {
    background: url("../images/next.png") no-repeat center right;
}
@media(max-width:991px) and (min-width:767px){
  .video-name{
    margin-top: 0;
  }
}

.partner:after{
  content: '';
  display: block;
  clear: both;
}
.slider-03 .nbs-flexisel-nav-left,
.slider-03 .nbs-flexisel-nav-right{
  display: none;
}
.slider-03 .nbs-flexisel-inner{
  width: 100%;
  margin: 0;
}
.slider-03 .nbs-flexisel-item img{
  width: auto;
  margin: 0 auto;
  max-width: 85%;
}

/*--- Footer ---*/
.f-content-01{
  background-color: #83725b;
  padding: 5px 0;
}
.f-content-01:after{
  content: '';
  display: block;
  clear: both;
}
.nav-footer li{
  float: left;
  display: block;
  margin-top: 3px;
}
.nav-footer a{
  font-size: 14px;
  color: #fff;
  padding: 5px 15px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
}
.f-contact ul{
  margin-bottom: 0;
}
.f-contact li{
  font-size: 13px;
  padding: 10px 3px;
}
.f-content-02{
  background: url("../images/bg-footer.jpg") no-repeat center top;
  background-size: auto 100%;
  padding: 20px 0;
}
.f-content-02 h2{
  font-family: 'roman';
  text-transform: uppercase;
  color: #333;
  padding-left: 40px;
  font-size: 20px;
  font-weight: bold;
  margin-top: 15px;
}
.f-list li{  
  margin-bottom: 5px;
  padding: 5px 0 5px 40px;
}
.f-list li a{
  color: #333;
}
.f-list li:nth-child(1){
  background: url("../images/icon-map.png") no-repeat left 5px;
}
.f-list li:nth-child(2){
  background: url("../images/icon-phone-02.png") no-repeat left 5px;
}
.f-list li:nth-child(3){
  background: url("../images/icon-web.png") no-repeat left 5px;
}
.f-list li:nth-child(4){
  background: url("../images/icon-mail.png") no-repeat left 5px;
}
.f-list:after{
  content: '';
  display: block;
  clear: both;
}
.copyright{
  font-size: 13px;
  font-weight: bold;
  margin-top: 15px;
}
.f-content-02 .container{
  position: relative;
}
.f-link{
  margin-top: 10px;
  text-align: center;
}
@media(min-width:1900px){
  .f-content-02{
    background-size: 100% auto;
  }
}
@media(min-width:767px){
  .f-link{
    position: absolute;
    top: 0;
    right:15px;
    margin-top: 0;
  }
  .copyright{
    margin-top: 30px;
  }
}
@media(min-width:575px){
  .f-list li{
    width: 50%;
    margin-bottom: 10px;
  }  
  .f-list li:nth-child(odd){
    clear: both;
    float: left;
    padding-right: 10px;
  }
  .f-list li:nth-child(even){
    float: right;
  }
}
@media(max-width:991px){
  .f-content-02 h2{
    padding-left: 0;
  }
}
/*---News page--*/
.news-big-name{
  text-transform: uppercase;
  font-size: 19px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 10px;
}
.date{
  font-size: 13px;
  color: #8d8d8d;
  display: block;
  text-align: left;
  margin-bottom: 0;
}
.btn-viewmore-blue{
  color: #fff;
  padding: 10px 15px;
  background-color: #3ddfdd;
  display: inline-block;
}
.btn-viewmore-blue:hover{
  opacity: 0.8;
  color: #fff !important;
}
.post-list .nbs-flexisel-nav-left,
.news-page .nbs-flexisel-nav-left{
  background: url(../images/icon-preview-02.png) no-repeat center left;
}
.post-list .nbs-flexisel-nav-left:hover,
.news-page .nbs-flexisel-nav-left:hover{
  background: url("../images/icon-preview-02-hover.png") no-repeat center left;
}
.post-list .nbs-flexisel-nav-right,
.news-page .nbs-flexisel-nav-right{
  background: url("../images/icon-next-02.png") no-repeat center right;
}
.post-list .nbs-flexisel-nav-right:hover,
.news-page .nbs-flexisel-nav-right:hover{
  background: url("../images/icon-next-02-hover.png") no-repeat center right;
}
.post-list .nbs-flexisel-item a{
  display: block;
}
.post-list .date,
.post-list .post-name,
.post-list .nbs-flexisel-item img{
  width: 85%;
}
.post-name {
  font-size: 14px;
  text-align: left;
}
.post-name a{
  font-size: 14px;
  line-height: 120%;
  font-weight: bold;
  color: #333;
  text-align: left;
}
.news-list-04{
  display: block;
  margin-bottom: 20px;
}
.news-list-04 li {  
  margin-bottom: 15px;
  display: block;
  width: 100%;
}
.news-list-04 li > a{
  width: 33%;
  float: left;
}
.news-list-04 li > a img{
  width: 100%;
}
.news-list-04 li > div{
  width: 67%;
  float: right;
  padding-left: 20px;
}
.news-list-04 li a{
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.news-list-04 li a:hover{
  color:#ff0000 !important;
}
.news-list-04 li:after{
  content: '';
  display: block;
  clear: both;
}
.news-list-05 .newsnew{
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.news-list-05 > .newsnew:last-child{
  border-bottom: none;
}
.pr-list li a{
  display: block;
}
.pr-list li{
  margin: 10px 0;
}
@media(max-width:767px){
  .news-list-04 li {
    display: block;
  }
  .news-list-04 li > a{
    width: 33%;
    float: left;
  }
  .news-list-04 li > div{
    width: 67%;
    float: right;
  }
}


/*----- paging -----*/
.paging {
  text-align: right;
}
.paging ul li{
  display: inline-block;
  vertical-align: middle;
}
.paging ul li a{
  font-size: 14px;
  color: #6b6b6b;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.paging ul li.active a{
  color: #cb3807;
  border:1px solid #ccc;
}
.paging ul li a:hover{
  border:1px solid #ccc;
  color: #cb3807 !important;
}
@media(max-width:767px){
  .paging{
    text-align: center;
  }
}
.detail-post-name{
  
  text-transform: uppercase;
  font-size: 26px;
  font-weight: bold;  
}
.detail-name{
  font-size: 17px;
  font-weight: bold;
}
.img-box{
  width: 100%;
  margin: 20px 0;
}
.img-box img{
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.typo-img{
  color: #797979;
  font-style: italic;
  text-align: center;
  margin-top: 10px;
}
.bloger-name{
  margin-top: 20px;
  font-weight: bold;
  text-align: right;
}
.face-box{
  padding: 10px 0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
.tags-list {
  padding-top: 20px;
}
.tags-list li a{
  font-size: 14px;
  color: #797979;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #dfdfdf;
}
.newsnew h3{
  font-weight: bold;
  margin: 15px 0 0 0;
  font-size: 15px;
  color: #333;
}
.newsnew h3 a{
  color: #333;
}
.newsnew-list {
  margin-top: 20px;
}
.newsnew-list li{
  border-top:1px solid #dcdcdc;
  padding: 15px 0;
  display: block;
}
.newsnew-list li:after{
  content: '';
  display: block;
  clear: both;
}
.newsnew-list li > a{
  width: 30%;
  float: left;
}
.newsnew-list li > div{
  width: 70%;
  float: right;
  padding-left: 20px;
}
.newsnew-list li > div a{
  color: #333;
  font-size: 15px;
  font-weight: bold;
  line-height: 120%;
  display: block;
}
.newsnew img,
.newsnew-list img{
  width: 100%;
}
.news-big-box{
  background-color: #f6f6f6;
  padding: 30px 0 30px 0;
}
.news-big-box:after{
  content: '';
  display: block;
  clear: both;
}
.news-big-02 h3{
  font-size: 20px;
  margin-top: 30px;
}
.news-big-02 h3 a{
  color: #333;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;  
}
.btn-view02{
  padding: 5px 10px 7px 10px;
  color: #fff;
  background-color: #cc3300;
  display: inline-block;
}
.btn-view02:hover{
  color: #fff !important;
  opacity: 0.8;
}
.news-big-02 .date{
  color: #8d8d8d;
}
@media(max-width:991px) and (min-width:767px){
  .news-big-02 h3{
    margin-top: 0;
  }
}
@media(max-width:991px){
  .newsnew {
    width: 100%;
    display: block;
  }
  .newsnew > a{
    width: 50%;
    float: left;
  }
  .newsnew > a img{
    width: 100%;
  }
  .newsnew > div{
    width: 50%;
    float: right;
    padding-left: 20px;
  }
  .newsnew:after{
    content: '';
    display: block;
    clear: both;
  }
}
@media(max-width:767px){
  .detail-post-name{
    font-size: 20px;
  }
  .newsnew > a{
    width: 33%;
  }
  .newsnew > div{
    width: 67%;
  }
  .newsnew h3{
    margin-top: 0;
  }
}
.detail-wrap{
  margin-left: -60px;
}
.detail-content{
  padding-left: 60px;
}
.detail-content p{
  font-size: 17px;
  line-height: 140%;
}
div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  display: inline-block;
    float: left;
}
.detail-icon-list{
	width: 60px;
}
.detail-icon-list img{
	margin-bottom: 15px;
}
@media(max-width:1250px){
  .detail-icon-list{
    display: none !important;
  }
}


.dropdownSub{
  display: none;
}
.show{
  display: block;
}
.dropdown__inner h4{
  font-size: 18px;
  text-transform: uppercase;
  padding: 5px 0;
  margin-top: 15px;
  border-bottom: 1px solid #ccc;  
}
.dropdown__inner h4:after{
  content: '';
  width: 20px;
  height: 20px;
  background: url("../images/icon-next-02.png") no-repeat center center;
  background-size: 10px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
.dropdown__inner.dropdown_toggle h4{
  color: #43b063;
}
.dropdown__inner.dropdown_toggle h4:after{
  transform: rotate(90deg);
}
.dropdownSub{
  padding: 15px;
}
.intro-company{
  display: flex;
  align-items: center;
}
@media(max-width:767px){
  .intro-company{
    display: block;
  }
  .intro-company > div{
    width: 100%;
    margin-top: 10px;
  }
}

/*--- Video page ---*/
.videobig h3{
	font-size:20px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:15px;
}
.videohot-list li{
	margin-bottom:15px;
}
.videohot-list span{
	font-weight:bold;
	color:#121212;
}
.videohot-item a{
  display: block;
}
.videohot-item a > img{
  float: left;
  width: 45%;
}
.videohot-item a > span{
  width: 55%;
  float: right;
  padding-left: 15px;
}
.videohot-item a:after{
  content: '';
  display: block;
  clear: both;
}
.video-list-item li{
	margin-top: 30px;
}
.video-list-item span{
	color:#121212;
	font-weight:bold;
}
.videohot-item a:hover span,
.video-list-item a:hover span{
  color: #c83504;
}
.video-list-item img{
	margin-bottom:10px;
	width:100%;
	display:block;
}
@media(max-width:767px){
  .videohot-list{
    margin-top: 30px;
  }
  .videohot-list {
    margin-left: -10px;
    margin-right: -10px;
  }
  .videohot-list li {
    width: 25%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 0 10px;
  }
  .videohot-item a > img,
  .videohot-item a > span{
    width: 100%;
  }
  .videohot-item a > span{
    padding-left: 0;
  }
}
@media(max-width:575px){
  .videohot-list li{
    width: 50%;
  }
}
/*----- Document page -----*/
.search{
	width:100%;
	margin: 0;
}
.search .btn-search{
	padding:5px 10px 3px 10px;
	font-size:13px;
	font-weight:bold;
	background-color: #1f5ecb;
	color:#fff;
	margin-left:5px;
	border:none;
}
.search input{
	height:25px;
	border:1px solid #ccc;
	border-radius: 0;
  margin-left: 10px;
}
.search .form-inline > .form-group:nth-child(1){
  margin-left: 0;
}
.search .form-inline > .form-group:nth-child(1) input{
	width: 190px;
}
.search .form-inline > .form-group:nth-child(3) input,
.search .form-inline > .form-group:nth-child(2) input{
	width: 100px;
  font-size: 13px;
}
.search label{
	font-size: 13px;

	color: #1f5ecb;
}
.search .form-group:nth-child(1) label{
	margin-left: 0;
}


.bg-table{
    background-color: #fafafa;
    padding: 15px;
}
.specifications-table{

/*    border-collapse: separate;*/
}
.specifications-table tr,
.specifications-table th,.specifications-table td {
	border-collapse: collapse;
	padding:10px;
  line-height: 120%;  
}
.specifications-table th,.specifications-table td{
  border-left: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.specifications-table tr:last-child,
.specifications-table tr:last-child td{
  border-bottom: none;
}
.specifications-table tr td:nth-child(1){
  border-left: none;
}
.list-page .title3 a{
	display: block;
}
.document-tabs > ul > li{
	display: inline-block;
	float: left;
	margin-right: 70px;
}
.document-tabs li li a{
	font-size: 13px;
	font-weight: bold;
	color: #1f5ecb;
	text-transform: uppercase;
}
.document-tabs li li{
	background: url(../images/ico-document03.png) no-repeat left center;
	background-size: 15px;
	padding: 5px 0 5px 20px;
	display: block;
}
.document-tabs > ul > li:last-child{
	margin-right: 0;
}
.document-tabs:after{
  content: '';
  display: block;
  clear: both;
}
.dropdown ul{
	position: absolute;
	background-color: #194ca5;
	width: 180px;
	display: none;
}
.dropdown li{
	background: none !important;
	padding: 0 0 0 0 !important;
	border-bottom: 1px solid #ccc;
}
.dropdown li a:hover{
	background-color: #1f5ecb;
}
.dropdown ul a{
	color: #fff !important;
	padding: 7px 15px;
	display: block;
}
@media(max-width:767px){
  .document-tabs > ul > li{
    margin-right: 35px;
  }
  	.search .form-inline .form-group{
		float: left;
	}
    .search .form-inline .form-group{
	    width: 100%;
      float: inherit;
      margin-bottom: 10px;
      text-align: left;
    }
	.search .form-inline .form-group input{
		width: 80% !important;
    float: right;
    margin-left: 0;
	}
	.search .form-inline .form-group label{
		width: 20%;
		float: left;
		padding-right: 20px;
		margin-left: 0;
    text-align: left;
	}
  .search .form-inline .form-group:after{
    content: '';
    display: block;
    clear: both;
  }
	.search .btn-search{
		margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
	}
}

/*----- Library page----*/
.wrap-img-cm{
  width: 100%;
  overflow: hidden;
  position: relative;
}
.wrap-img-cm img {
    width: 100%;
    transition: all 0.3s;
    display: block;
    height: auto;
    transform: scale(1);
}
.library-list li > a:hover .wrap-img-cm img {
	transform: scale(1.05);
}
.library-list li{
  margin-bottom: 20px;
}
.library-list li p{
  color: #000;
  font-weight: bold;
  display: block;
  margin-top: 10px;
  line-height: 130%;  
}
.row-7{
  margin-left: -7px;
  margin-right: -7px;
}
.row-7 > li{
  padding-left: 7px;
  padding-right: 7px;
}

/*--- Cong nghe page -----*/
.technology-page .news-list li{
  margin-bottom: 50px;
}
.detail-page{
  border-bottom: 1px solid #ccc;
}
.bread-crumb a{
  color: #979797;
}
.bread-crumb a:after{
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: inline-block;
  background-color: #979797;
  vertical-align: middle;
  margin-left: 7px;
  margin-right: 5px;
  margin-top: -2px;
}
.bread-crumb a,
.bread-crumb span{
  text-transform: uppercase;
}
.bread-crumb .list-inline {
  margin: 0;
}
.bread-crumb .list-inline li{
  padding: 0;
  font-size: 14px;
}

.technology-name{
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
}
.technology-list li{
  padding-left: 20px;
}
.technology-list li:before{
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #c83504;
  /* padding-left: 20px; */
  margin-left: -20px;
  vertical-align: middle;
  float: left;
  margin-top: 7px;
}
.btn-contact {
  background-color: #c83504;
  padding: 3px;
  display: inline-block;
}
.btn-contact span{
  padding: 5px 15px;
  background-color: #c83504;
  border:1px solid #fff;
  display: inline-block;
  color: #fff;
}
.specifications-title{
  font-size: 20px;
  font-weight: bold;
}
.specifications-title:after,
.specifications-title:before{
  content: '';
  height: 20px;
  width: 2px;
  background-color: #969696;
  display: inline-block;
  margin-top: -2px;  
  vertical-align: middle;
}
.specifications-title:before{
  margin-right: 12px;
}
.specifications-title:after{
  margin-left: 12px;
}
.btn-contact:hover{
  opacity: 0.8;
}
@media(max-width:991px){
  .technology-name{
    margin-top: 0;
  }
}
@media(max-width:767px){
  .technology-name{
    margin-top: 20px;
  }
  .technology-page .news-list p{
    display: none;
  }
  .technology-page .news-list li {
    margin-bottom: 30px;
  }
}
.technology-detail-page .post-name,
.technology-detail-page .nbs-flexisel-item img{
  width: 95%;
}
.technology-detail-page .post-name a{
  text-transform: uppercase;
  text-align: center;
}
.technology-detail-page{
  border-bottom: 1px solid #ccc;
}
.post-list:after{
  content: '';
  display: block;
  clear: both;
}
/* jssor slider loading skin spin css */
    /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider arrow skin 106 css*/
        .jssora106 {display:block;position:absolute;cursor:pointer;}
        .jssora106 .c {fill:#fff;opacity:.3;}
        .jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
        .jssora106:hover .c {opacity:.5;}
        .jssora106:hover .a {opacity:.8;}
        .jssora106.jssora106dn .c {opacity:.2;}
        .jssora106.jssora106dn .a {opacity:1;}
        .jssora106.jssora106ds {opacity:.3;pointer-events:none;}

        /*jssor slider thumbnail skin 101 css*/
        .jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#6b6b6b;}
        .jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;box-sizing:border-box;z-index:1;}
        .jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
        .jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
        .jssort101 .p:hover{padding:2px;}
        .jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
        .jssort101 .p:hover.pdn{padding:0;}
        .jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
        .jssort101 .pav .cv {border-color:#fff;opacity:.35;}
        .jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
        .jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
        .jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}


/*--------*/
.border-bottom-gray{
  border-bottom: 1px solid #ccc;
}
.sidebar-menu li {
  display: block;
  width: 100%;
  padding: 1px;
  border-bottom: 1px solid #ccc;
}
.sidebar-menu li:first-child {
  border-top: 1px solid #ccc;
}
.sidebar-menu li a {
  color: #999;
  text-transform: uppercase;
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #fff;
}
.sidebar-menu li.active a {
  color: #00cc99;
  font-weight: bold;
  position: relative;
}  
.sidebar-menu li.active a:after{
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../images/icon-list-02.png") no-repeat;
  background-size: 100%;
  position: absolute;
  right:0;
  top:12px;
}
.list-page .news-list h3{
  text-align: left;
  text-transform: none;
  margin-top: 10px;
  font-size: 16px;
}


.picture-page .news-list h3{
  text-transform: none;
  text-align: left;
  margin-top: 10px;
  font-size:15px;
}

/*---- Contant page -----*/
.contact-item{
  border:1px solid #ccc;
  border-radius: 10px;
  padding: 20px;
  position: relative;  
  background-color: rgb(241 241 241 / 18%);
  margin-bottom: 10px;  
}
.contact-item:before{
  font-family: FontAwesome;
  display: block;  
  color: #0c9;
  font-size: 30px;  
}
.contact-list >div:nth-child(1) .contact-item:before{
  content: '\f015';
}
.contact-list >div:nth-child(2) .contact-item:before{
  content: '\f095';
  transform: rotate(90deg);
}
.contact-list >div:nth-child(3) .contact-item:before{
  content: '\f0ac';
}
.contact-list >div:nth-child(4) .contact-item:before{
  content: '\f0e0';
}
.contact-item a,
.contact-item p{
  font-weight: bold;
  font-size: 18px;  
  color: #333;
}
.contact-list >div:nth-child(4) .contact-item a,
.contact-list >div:nth-child(3) .contact-item p{
  word-break: break-all;
}

@media(min-width:767px){
  .contact-item:before{
    text-align: center;
    margin-bottom: 15px;
  }
  .contact-item{
    text-align: center;
  }
}
@media(min-width:991px){
  .contact-item{
    padding-left: 67px;
    text-align: left;
  }
  .contact-item:before{
    position: absolute;
    left: 20px;
    top: 40%;
  }
  .contact-list >div:nth-child(4) .contact-item a,
  .contact-list >div:nth-child(3) .contact-item p,
  .contact-list >div:nth-child(2) .contact-item p{
    position: absolute;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  }
}
@media(max-width:767px){
  .contact-item{
    padding-left: 70px;
  }
  .contact-item:before{
    float: left;
    margin-left: -50px;
    margin-top: 3px;
  }
}