hr{
  border-color: #C1A791;
  margin-left:15px;
  margin-right: 15px;
}
hr.article--cc01{
  border-color: #C1A791;
}
hr.article--cc02{
  border-color: #978F81;
}
hr.article--cc03{
  border-color: #8B8F90;
}
hr.article--cc04{
  border-color: #CEE4EB;
}
hr.article--cc05{
  border-color: #677264;
}
hr.article--cc06{
  border-color: #6E6E6E;
}
hr.article--cc07{
  border-color: #ABC6B1;
}
hr.article--cc08{
  border-color: #F7DED0;
}

/*-- article page --*/
.article_title{
  padding-left: 5px;
}
.article_title.cc01 {
  border-left: 3px solid #C1A791;
}
.article_title.cc02 {
  border-left: 3px solid #978F81;
}
.article_title.cc03 {
  border-left: 3px solid #8B8F90;
}
.article_title.cc04 {
  border-left: 3px solid #CEE4EB;
}
.article_title.cc05 {
  border-left: 3px solid #677264;
}
.article_title.cc06 {
  border-left: 3px solid #6E6E6E;
}
.article_title.cc07 {
  border-left: 3px solid #ABC6B1;
}
.article_title.cc08 {
  border-left: 3px solid #F7DED0;
}


.article_author-bar{
  padding:10px 0;
  z-index: 1;
  position: relative;
}

.article_author_bar_author_div{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 15px;
  gap: 15px;
}

.article_author{
  font-size: 16px;
  flex-grow: 1;
}

.article_author-bar .author_name{
  /* font-size: 20px; */
  margin-right: 15px;
}

.article_size-op{
  /* float: right;
  position: relative;
  top: -10px; */
}

.article_size-op button{
  border: none;
  background: #C1A791;
  color: white;
  margin-left: 2px;
}
.article_size-op.cc01 button{
  background: #C1A791;
}
.article_size-op.cc02 button{
  background: #978F81;
}
.article_size-op.cc03 button{
  background: #8B8F90;
}
.article_size-op.cc04 button{
  background: #CEE4EB;
}
.article_size-op.cc05 button{
  background: #677264;
}
.article_size-op.cc07 button{
  background: #ABC6B1;
}
.article_size-op.cc08 button{
  background: #FCBAA2;
}


.article_size-op button:hover,.article_size-op button.active{
  opacity: 0.8;
}

.article_mainimg{
  clear: both;
}

.article_mainimg .article_pic{
  width: 100%;
  box-shadow: -10px 0 20px #bbb;
  padding-bottom: 66.66%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media screen and (max-width: 600px) {
  .article_mainimg .article_pic {
    width: 100vw;
    padding-bottom: 66.66vw;
    position: relative;
    left: -30px;
  }
}

.article_mainimg .article_remark{
  font-size: 16px;
  padding: 20px;
  margin: 10px 0 10px 30px;
  border-left: 4px solid;
  border-bottom: 1px solid;
}
.article_mainimg .article_remark.cc01{
  color:#C1A791;
  border-color: #C1A791;
}
.article_mainimg .article_remark.cc02{
  color:#978F81;
  border-color: #978F81;
}
.article_mainimg .article_remark.cc03{
  color:#8B8F90;
  border-color: #8B8F90;
}
.article_mainimg .article_remark.cc04{
  color:#CEE4EB;
  border-color: #CEE4EB;
}
.article_mainimg .article_remark.cc05{
  color:#677264;
  border-color: #677264;
}
.article_mainimg .article_remark.cc07{
  color:#ABC6B1;
  border-color: #ABC6B1;
}
.article_mainimg .article_remark.cc08{
  color: #FCBAA2;
  border-color: #F7DED0;
}


.article_content {
  font-family: Microsoft JhengHei, STHeiti, LiHei Pro, SimHei, Microsoft YaHei, sans-serif;
}

.article_content p{
  line-height: 2;
}

.article_content strong{
  font-weight: bold;
}

.article_content ul{
  padding-left: 30px;
}

.article_content ul>li::before{
  content: ' ';
  width: 5px;
  height:5px;
  position: absolute;
  margin-left:-14px;
  margin-top: 7px;
  border-top: 5px solid #C1A791;
  border-left: 5px solid #C1A791;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
}
.article_content.cc01 ul>li::before{
  border-top: 5px solid #C1A791;
  border-left: 5px solid #C1A791;
}
.article_content.cc02 ul>li::before{
  border-top: 5px solid #978F81;
  border-left: 5px solid #978F81;
}
.article_content.cc03 ul>li::before{
  border-top: 5px solid #8B8F90;
  border-left: 5px solid #8B8F90;
}
.article_content.cc04 ul>li::before{
  border-top: 5px solid #CEE4EB;
  border-left: 5px solid #CEE4EB;
}
.article_content.cc05 ul>li::before{
  border-top: 5px solid #677264;
  border-left: 5px solid #677264;
}
.article_content.cc07 ul>li::before{
  border-top: 5px solid #ABC6B1;
  border-left: 5px solid #ABC6B1;
}
.article_content.cc08 ul>li::before{
  border-top: 5px solid #FCBAA2;
  border-left: 5px solid #FCBAA2;
}


.article_content a{
  color: #C1A791;
}
.article_content.cc01 a{
  color: #C1A791;
}
.article_content.cc02 a{
  color: #978F81;
}
.article_content.cc03 a{
  color: #8B8F90;
}
.article_content.cc04 a{
  color: #CEE4EB;
}
.article_content.cc05 a{
  color: #677264;
}
.article_content.cc07 a{
  color: #ABC6B1;
}
.article_content.cc08 a{
  color: #FCBAA2;
}

.article_content a:hover{
  text-decoration: underline;
}

.article_content img {
  max-width: 100%;
}

.plyr--video {
  width: 100%;
}

.plyr .plyr__poster {
  background-size: cover;
}


/* 2022 */
h1.article_title
{
    font-size: 2.28rem;
    line-height: 110%;
    margin: 1.2rem 0 0.9rem 0; 
    font-weight: 400;
}

a.author{
  color: #C1A791;
}
a.author.cc01{
  color: #C1A791;
}
a.author.cc02{
  color: #978F81;
}
a.author.cc03{
  color: #8B8F90;
}
a.author.cc04{
  color: #CEE4EB;
}
a.author.cc05{
  color: #677264;
}
a.author.cc07{
  color: #ABC6B1;
}
a.author.cc08{
  color: #FCBAA2;
}