/* a{-webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;}
a:hover, a:active, a:focus {
    outline: none;
    text-decoration: none;
    color: #72afd2;
} */

/* .xg-mt-2{margin-top:3px;}

.xg-mtb-2-5{
  margin-top:2px;
  margin-bottom:5px;
} */

.xg-color-white {
  color: white !important;
  /* color: #F56600 !important; */
}


/* .mt0{margin-top: 0 !important}
.mt10{margin-top:10px;}
.mt40{margin-top:40px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.relative{position: relative;}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.pt20{padding-top: 20px;}
.pb20{padding-bottom: 20px;}
.around10{padding: 10px;}
.around40{padding: 40px;}
.spaceb10{padding-bottom: 10px;}
.spaceb40{padding-bottom: 40px;}
.spacet40{padding-top: 40px;}
.spaceb60{padding-bottom: 60px;}
.spacet60{padding-top: 60px;}
.spacet50{padding-top: 50px;}
.spaceb50{padding-bottom: 50px;}

.spacet140{padding-top: 140px;}
.bg-orange{background: rgb(245, 130, 32);}
.fullwidthinner,
.fullwidth{ width: 100vw;position: relative; left: 50%;margin-left: -50vw;}
.bggray{background: #f8f8f8;}
.fontbold{font-weight: bold;} */

/* header {
    padding: 10px 0 0;
    transition: all 0.1s;
    position: relative;
    top: 70px;
    z-index: 99;
    background: #fff;
    width: 100%;
}

.toparea{border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding: 5px 0; background: #bd0745;transition: all 3s ease 0s;} 

.red {background: red;}
.blue {background: blue;}
.green {background: green;}
.yellow {background: yellow;}   

.btnorange{color: #fff;background-color: #f58220;border-color: #f58220;}
.mr-4{margin-right: 1.5rem;}
.mt-4{margin-top: 1.5rem;}
.btn-secondary {
    color: #fff;
    background-color: #202c45;
    border-color: #202c45;
}
.btnorange:hover, .btn-secondary:hover{background: #000; color: #fff;} */


.newstab{
    background: #bd0745;
    color: #fff;

    /* xg: Codes */
    padding: 5px 15px;
    /* padding: 9px 15px; */

    /* margin: 2px; */

    font-size: 15px;
    position: absolute;
    z-index: 1;
    margin-left: 118px;
    left: 16px;
}

@media print, screen and (max-width: 64em) {
  .newstab{
      margin-left: 0px;
  }
}

@media print, screen and (min-width: 36.25em) {
  /* .msmall-text-left {
    text-align: left;
  }
  .msmall-text-right {
    text-align: right;
  }
  .msmall-text-center {
    text-align: center;
  }
  .msmall-text-justify {
    text-align: justify;
  } */
}
@media print, screen and (min-width: 48em) {
  /* .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  } */
}
@media print, screen and (min-width: 60em) {
  /* .mlarge-text-left {
    text-align: left;
  }
  .mlarge-text-right {
    text-align: right;
  }
  .mlarge-text-center {
    text-align: center;
  }
  .mlarge-text-justify {
    text-align: justify;
  } */
}
@media print, screen and (min-width: 64em) {
  /* .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  } */
}
@media screen and (min-width: 80em) {
  /* .xlarge-text-left {
    text-align: left;
  }
  .xlarge-text-right {
    text-align: right;
  }
  .xlarge-text-center {
    text-align: center;
  }
  .xlarge-text-justify {
    text-align: justify;
  } */
}
@media screen and (min-width: 85.375em) {
  /* .xxlarge-text-left {
    text-align: left;
  }
  .xxlarge-text-right {
    text-align: right;
  }
  .xxlarge-text-center {
    text-align: center;
  }
  .xxlarge-text-justify {
    text-align: justify;
  } */
}
@media screen and (min-width: 100em) {
  /* .xxxlarge-text-left {
    text-align: left;
  }
  .xxxlarge-text-right {
    text-align: right;
  }
  .xxxlarge-text-center {
    text-align: center;
  }
  .xxxlarge-text-justify {
    text-align: justify;
  } */
}





.catetab{
    background:#bd0745;
    color: #fff;
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 4px 4px 0px 0;
}
.newsborder{border:1px solid #ddd; padding: 10px 10px 0;}
.newsbox{width: 100%;clear: both;overflow: hidden;padding-bottom: 10px;
    margin-bottom: 10px; border-bottom: 1px solid #ddd;}

.date_item span{display: block; width: 100%;overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;}
.date_item{width: 60px; border-radius: 2px;padding-top: 5px; background: #1da0e1;color: #fff;  border:1px solid #000; 
  height: 50px;  position: absolute; left: 0;  text-align: center;}

.datenews{font-family:'Roboto-Bold';display:inline-block;color: #FFEB3B;}   

/* .newsarea{background: #202c45;transition: all 3s ease 0s;} */
.newsarea{background: #54648D;transition: all 3s ease 0s;}

.newscontent {height: 33px;}
.newscontent .mask {
  position: relative;
  width:100%;
  overflow: hidden;
}
.newscontent ul {
  list-style:none;
  margin:0;
  padding:0;
  position: relative;
}
.newscontent ul li span{font-weight: bold;padding-right: 5px;color: #6b0f11;}
.newscontent ul li:last-child{border-bottom: 0;}

.newscontent li{min-height: 80px;}
.newscontent ul li {
  /* xg: Codes */
  /* padding: 8px 10px 0; */

  padding: 4px 10px 0;

  display: inline-block;
  margin-left: 10px;
  padding-left: 60px;
  overflow: hidden;
}
.newscontent ul li a {text-decoration:none;color: #fff;}
.newscontent ul li a:hover{color: #FFEB3B; text-decoration: none;}
.newscontent marquee{margin-left: 120px;}

.newsh250{height: 250px; overflow:hidden;}