.content_panel {

}
.category_panel {
  /* background: yellow; */
}
.wrapper_aticle {
  /* width: 100%; */
  cursor: pointer;
  padding: 20px 15px;
  border-radius: 6px;
  background: #f4f4f5;
  margin-bottom: 20px;
}
.blog_img_box {

  border: 1px solid #eee;
  margin: 0 auto;
  margin-bottom: 20px;
}

em.black {
  color: black !important;
}
article li {
  font-size : 14px;
}
.blog_img_box img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  object-position: top;
  /* border-radius: 10px; */
}
.content_panel a.blog_link {
  text-decoration: none !important;
  color: black !important;
}
.wrapper_aticle .category {
  color : #b7b7b7;
  font-size: 12px;
  font-family : Roboto-Bold;
  letter-spacing: 1.4px;
}
.wrapper_aticle .title {
   margin-top: 0;
   height: 70px;
   line-height: 1.2 !important;
   letter-spacing : 1.2px !important;
   overflow: hidden;
   font-size: 21px;
}
.blog_text_box {
  /* width: 600px; */
  width: calc(100% - 220px);
  height: 140px;
}
.article_text_box {
  /* width: 600px; */
  width: 100%;
  height: auto;
}
.content_panel  h4 {
  font-size: 13px;
  font-family: Roboto-Bold;
  line-height: 13px;
  letter-spacing: 1px;
  margin: 0;
}

.content_panel .date {
  margin-top: 5px;
  font-size: 13px;
}
.content_panel .article {

  font-size: 18px;
  margin-top: 40px;
  line-height: 26px;
  letter-spacing: 0.5px;
  word-spacing: 2px;
  /* word-break:break-all; */
  word-wrap :break-word;
  font-family: Roboto-Light;
}
.content_panel .article strong {
  font-family: Roboto-Regular;
}
.content_panel a {
  color: #337ab7 !important;
  text-decoration: underline !important;
  margin-top: 10px;
  cursor: pointer;
}
em {
  color : #b7b7b7;
}
.article a {
  text-decoration: none;
}
.clearfix {display: block;content: '';clear: both;}
.float-left {float: left;}
.float-right {float: right;}
.block-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 50px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog .contents .category_panel {
  position: relative;
}
.blog .contents .category_panel h3 {
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 1.1px;
  margin: 0;
  margin-bottom: 10px;
}
.blog .contents .category_panel ul {
  list-style-type: none;
  margin:0;
  padding:0;
 }
 .blog h2 {
   margin-top: 50px;
   margin-bottom: 30px;
 }
.blog .contents .category_panel li {
  padding-top: 5px;
  padding-bottom: 7px;
  border-bottom: 1px solid #b7b7b7;
  font-size: 14px;
  color: #b7b7b7;
  cursor: pointer;
}
.blog .contents .category_panel li.active {
  color: #4a4a4a;
}
.blog .contents .category_panel li:hover {
  color: #4a4a4a;

}
.blog .contents .category_panel .category_box {
  width: 130px;
  margin-left: 50px;
}

.blog .contents .category_panel .banner_box {

  width: 130px;
  margin-top: 50px;
  margin-left: 50px;
}
.banner_box img {
  width: 50px;
  height: auto;
  object-fit: contain;
}
h1 a {
  text-decoration: none;
  color: white;
}
h1 a:hover {
  text-decoration: none;
  color: #777;
}
#subLink {
  font-size: 15px;
  padding-left: 0;
  color: #eee;
  text-transform: uppercase;
  display: none;
}
.blog .contents .category_panel .banner_box a {
  text-decoration: none;
  color: #b7b7b7;
}
.blog .contents .category_panel .banner_box a:hover {
  color: #777;
}
.blog .contents .category_panel .banner_box li {
  border-bottom: none;
}
.article_main_img_box {
  width: 100%;
  height: auto;

}
.article_main_img_box img {
  width: 100%;
  object-fit: cover;
}
article {display: none;}
article h2 {
  letter-spacing : 1.4px !important;
}
.cc {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .category_panel {display: none;}
}

@media screen and (max-width: 414px) {
  .blog_img_box {
    width: 100%;
    height: auto;
  }
  .blog_img_box img {
    height: 180px;
  }
  .blog_text_box {

    width: 100%;
    height: 140px;
  }
  .wrapper_aticle {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .wrapper_aticle .title {
    font-size: 20px;
    height: 50px;
  }
}