/**
 * @author: Jicc(103698177)
 * @date: 2026-02-07
 * @phone: 13790890981
 * ==== 小黄鸭调试法，永无BUG ====
 *                            ||
 *      .-"O"-.               ||
 *   _/ a      -._._._.-';    ||
 *  '-.                ,/     ||
 *     )     \_////>  ';      ||
 *     \                |     ||
 *      '--------------'      ||
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~ ||
 */
/* newlist */
.page-wrapper{
    width: 1080px;
    margin: 0 auto;
    padding: 40px 0;
    display: flex;
}
.page-container{
    width: 720px;
}
.crumb-box{
  width: 100%;
  margin-bottom: 20px;
}
.crumb-box a{
  color: #999;
  font-size: 14px;
}
.crumb-box a:hover{
  text-decoration: underline;
}
.crumb-box span{
  color: #999;
  font-size: 14px;
}
.news-detail-box{}
.news-detail-item{
  border-top: 1px solid #E6E6E6;
  padding: 40px 0;
}
.news-detail-item:first-child{
  border-top: none;
  padding-top: 0;
}
.news-title{
  color: #333;
  font-size: 28px;
  font-weight: 700;
}
.news-date{
  color: #999;
  font-size: 12px;
  margin-top: 16px;
}
.news-content{
  padding-top: 14px;
  color: #333;
  font-size: 16px;
  line-height: 150%;
}
.news-content p{
  color: #333;
  font-size: 16px;
  line-height: 150%;
}
.news-content p img{
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.news-content-en p, .news-content-vi p, .news-content-th p{
  padding: 12px 0;
}

/* side */
.page-side{
    width: 360px;
    padding-left: 40px;
}
.news-list{
  width: 100%;
  border: 1px solid #E6E6E6;
  position: sticky;
  top: 60px;
}
.news-list li{
  padding: 20px;
  border-bottom: 1px solid #E6E6E6;
}
.news-list li:last-child{
  border-bottom: none;
}
.news-list li a{
  color: #666;
  font-size: 14px;
}
.news-list li a:hover{
  text-decoration: underline;
}
.news-list li.active{
  border-left: 4px solid #333;
  padding-left: 16px;
}
.news-list li.active a{
  color: #333;
}

@media screen and (max-width: 767px) {
  /* newlist */
  .page-wrapper{
      width: 100%;
      margin: 0 auto;
      padding: 0.2rem 0.16rem;
      display: flex;
  }
  .page-container{
      width: 100%;
  }
  .crumb-box{
    width: 100%;
    margin-bottom: 0.2rem;
  }
  .crumb-box a{
    font-size: 0.12rem;
  }
  .crumb-box a:hover{
    text-decoration: underline;
  }
  .crumb-box span{
    font-size: 0.12rem;
  }
  .news-detail-box{}
  .news-detail-item{
    padding: 0.4rem 0;
  }
  .news-detail-item:first-child{
    border-top: none;
    padding-top: 0;
  }
  .news-title{
    font-size: 0.22rem;
  }
  .news-date{
    font-size: 0.12rem;
    margin-top: 0.16rem;
  }
  .news-content{
    padding-top: 0.14rem;
    font-size: 0.16rem;
    line-height: 150%;
  }
  .news-content p{
    font-size: 0.16rem;
    line-height: 150%;
    padding: 0.1rem 0;
    text-indent: 2em;
  }
  .news-content p img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }

  /* side */
  .page-side{
      display: none;
  }
}