/* CSS Document */
.newsInfoBox {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 padding-bottom: 10px;
}

.date {
 font-size: 20px;
 font-weight: 600;
 color: #000;
}

.classTitle {
 font-size: 14px;
 line-height: 2.75;
 font-weight: 700;
 color: #86744c;
 padding: 0 30px;
 border: 1px solid #86744c;
 border-radius: 20px;
 -webkit-transition: all 0.4s ease;
 transition: all 0.4s ease;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
@media (max-width: 480px) {
 .classTitle {
  padding: 0 20px;
  line-height: 2.5;
 }
}

.newsList {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 margin: 0 -15px;
}
.newsList .newsItem {
 width: 33.3333333333%;
 padding: 0 15px 50px;
}
@media (max-width: 1180px) {
 .newsList .newsItem {
  width: 50%;
 }
}
@media (max-width: 640px) {
 .newsList .newsItem {
  width: 100%;
 }
}
@media (min-width: 1181px) {
 .newsList .item:hover .Img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
 }
 .newsList .item:hover .classTitle {
  border-color: #86744c;
  background-color: #86744c;
 }
 .newsList .item:hover .arrow {
  border-color: #86744c;
  background-color: #86744c;
 }
 .newsList .item:hover .title a {
  color: #86744c;
 }
}
.newsList .Img {
 width: 100%;
 overflow: hidden;
}
.newsList .Img img {
 width: 100%;
 height: auto;
 display: block;
 -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
 -webkit-transition: all 0.5s;
 transition: all 0.5s;
}
.newsList .Img .infoBox {
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: end;
     -ms-flex-align: end;
         align-items: flex-end;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 position: absolute;
 bottom: 0;
 left: 0;
 padding: 20px 25px;
 pointer-events: none;
}
@media (max-width: 480px) {
 .newsList .Img .infoBox {
  padding: 15px;
 }
}
.newsList .Img .classTitle {
 border: 1px solid #fff;
 color: #fff;
}
.newsList .Img .arrow {
 -ms-flex-negative: 0;
     flex-shrink: 0;
 position: relative;
 display: inline-block;
 width: 40px;
 height: 40px;
 border: 1px solid #fff;
 border-radius: 50%;
 -webkit-transition: all 0.4s ease;
 transition: all 0.4s ease;
}
.newsList .Img .arrow::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 width: 10px;
 height: 10px;
 border-top: 2px solid #fff;
 border-right: 2px solid #fff;
 -webkit-transform: translate(-54%, -50%) rotate(45deg);
         transform: translate(-54%, -50%) rotate(45deg);
}
@media (max-width: 400px) {
 .newsList .Img .arrow {
  display: none;
 }
}
.newsList .Txt {
 padding-top: 20px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
.newsList .Txt .date {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
.newsList .Txt .date .line {
 display: inline-block;
 margin: 5px 0;
 width: 1px;
 height: 25px;
 background-color: #000;
}
.newsList .Txt .textBox {
 padding-left: 20px;
 width: calc(100% - 26px);
}
.newsList .Txt .title {
 font-size: 25px;
 font-weight: 700;
 color: #1d1d1d;
 line-height: 1.4;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
@media (max-width: 1180px) {
 .newsList .Txt .title {
  font-size: 24px;
 }
}
@media (max-width: 768px) {
 .newsList .Txt .title {
  font-size: 20px;
 }
}
.newsList .Txt .title a {
 display: block;
 color: #1d1d1d;
}
.newsList .Txt .text {
 font-size: 16px;
 font-weight: 400;
 color: rgba(0, 0, 0, 0.5);
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 margin-top: 8px;
}
@media (max-width: 400px) {
 .newsList .Txt {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
 }
 .newsList .Txt .date {
  width: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
 }
 .newsList .Txt .date .line {
  width: 25px;
  height: 1px;
  margin: 0 5px;
 }
 .newsList .Txt .textBox {
  padding-left: 0;
  width: 100%;
 }
}

.insPage {
 margin-top: 40px;
}

.shareBox {
 float: right;
}
.shareBox .btn-fb {
 display: inline-block;
 vertical-align: middle;
 margin-right: 5px;
}
.shareBox .back {
 display: inline-block;
 vertical-align: middle;
 padding: 3px 5px;
 border-radius: 3px;
 font-size: 12px;
 color: #fff;
 background: rgb(174, 66, 51);
 /* Old browsers */
 /* FF3.6+ */
 /* Chrome,Safari4+ */
 /* Chrome10+,Safari5.1+ */
 /* Opera 11.10+ */
 /* IE10+ */
 background: -webkit-gradient(linear, left top, left bottom, from(rgb(174, 66, 51)), to(rgb(196, 76, 76)));
 background: linear-gradient(to bottom, rgb(174, 66, 51) 0%, rgb(196, 76, 76) 100%);
 /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ae4233", endColorstr="#c44c4c", GradientType=0);
 /* IE6-9 */
 cursor: pointer;
}
@media (min-width: 1181px) {
 .shareBox .back:hover {
  background: #398cb1;
 }
}

.sideDataList .item {
 padding: 20px 0px;
}
@media (min-width: 1181px) {
 .sideDataList .item:hover .Img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
 }
 .sideDataList .item:hover .classTitle {
  border-color: #86744c;
  background-color: #86744c;
 }
 .sideDataList .item:hover .arrow {
  border-color: #86744c;
  background-color: #86744c;
 }
 .sideDataList .item:hover .title a {
  color: #86744c;
 }
}
.sideDataList .Img {
 width: 100%;
 overflow: hidden;
}
.sideDataList .Img img {
 width: 100%;
 height: auto;
 display: block;
 -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
 -webkit-transition: all 0.5s;
 transition: all 0.5s;
}
.sideDataList .Img .infoBox {
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: end;
     -ms-flex-align: end;
         align-items: flex-end;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 position: absolute;
 bottom: 0;
 left: 0;
 padding: 20px 25px;
 pointer-events: none;
}
@media (max-width: 480px) {
 .sideDataList .Img .infoBox {
  padding: 15px;
 }
}
.sideDataList .Img .classTitle {
 border: 1px solid #fff;
 color: #fff;
}
.sideDataList .Img .arrow {
 -ms-flex-negative: 0;
     flex-shrink: 0;
 position: relative;
 display: inline-block;
 width: 40px;
 height: 40px;
 border: 1px solid #fff;
 border-radius: 50%;
 -webkit-transition: all 0.4s ease;
 transition: all 0.4s ease;
}
.sideDataList .Img .arrow::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 width: 10px;
 height: 10px;
 border-top: 2px solid #fff;
 border-right: 2px solid #fff;
 -webkit-transform: translate(-54%, -50%) rotate(45deg);
         transform: translate(-54%, -50%) rotate(45deg);
}
@media (max-width: 400px) {
 .sideDataList .Img .arrow {
  display: none;
 }
}
.sideDataList .Txt {
 padding-top: 20px;
 padding-bottom: 55px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
.sideDataList .Txt .date {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
.sideDataList .Txt .date .line {
 display: inline-block;
 margin: 5px 0;
 width: 1px;
 height: 25px;
 background-color: #000;
}
.sideDataList .Txt .textBox {
 padding-left: 20px;
 width: calc(100% - 26px);
}
.sideDataList .Txt .title {
 font-size: 25px;
 font-weight: 700;
 color: #1d1d1d;
 line-height: 1.4;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
@media (max-width: 1180px) {
 .sideDataList .Txt .title {
  font-size: 24px;
 }
}
@media (max-width: 768px) {
 .sideDataList .Txt .title {
  font-size: 20px;
 }
}
.sideDataList .Txt .title a {
 display: block;
 color: #1d1d1d;
}
.sideDataList .Txt .text {
 font-size: 16px;
 font-weight: 400;
 color: rgba(0, 0, 0, 0.5);
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 margin-top: 8px;
}
@media (max-width: 400px) {
 .sideDataList .Txt {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
 }
 .sideDataList .Txt .date {
  width: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
 }
 .sideDataList .Txt .date .line {
  width: 25px;
  height: 1px;
  margin: 0 5px;
 }
 .sideDataList .Txt .textBox {
  padding-left: 0;
  width: 100%;
 }
}
/*# sourceMappingURL=ib_news_002.css.map */