/*
========
========
========
這支檔案是專門控制新聞頁下方，作者區塊的CSS，是獨立檔案，跟本資料夾其它的檔案不混用 ========== 
========
========
========
*/
/*新聞內頁-作者區塊(通用) ========== */
.et_editor{ clear: both; font-size:15px; line-height: 1.5; background: #fff; padding: 20px; margin-top:20px; margin-bottom: 40px; margin-left: unset; margin-right: unset; border-radius: 15px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);}
.et_editor .box_1{ display: flex; align-items: center; gap: 15px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; margin-bottom: 10px;}
.et_editor .box_1 p.title{ font-size:15px; color:#333; margin:0px; font-weight:400;}
.et_editor .box_1 p.name{ font-size: 18px; font-weight: 500; color: #2e266f; padding-right:10px; margin:0px; margin-bottom:0px;}            
.et_editor .box_1 .link{ font-size: 14px; border-radius: 5px; padding: 2px 8px; margin-left: auto;}
.et_editor .box_1 a.link:link, .et_editor .box_1 a.link:visited{  background: #218cff; color: #fff; text-decoration:none;}
/*.et_editor .box_1 a.a:hover, .et_editor .box_1 a.a:active { color:#ed6d1e;}*/
.et_editor .box_1 .link:hover{ transform: scale(1.05);}  
.et_editor .box_2 p.title{ font-weight: 400; padding: 5px 0; margin:0px; margin-bottom: 5px; font-size:15px; color:#333;}
.et_editor .box_2 .list > li{ padding-left: 10px; position: relative; list-style:none;}
.et_editor .box_2 .list > li + li{ margin-top: 10px;}
.et_editor .box_2 .list > li::before{ content: ""; display: block; width: 3px; height: 12px; background-color: #bbb; position: absolute; left: 0; top: 4px; transform: skewX(-15deg);}
.et_editor .box_2 .list > li a{ color:#51adde; text-decoration:none;}

/*768px*/
@media only screen and (min-width:768px){
  .et_editor{ display: flex; margin-left: unset; margin-right: unset; border-radius: unset;}
  .et_editor .box_1{ gap: unset; flex-direction: column; align-items: flex-start; width: 200px; padding-bottom: unset; border-bottom: unset; margin-bottom: unset;} 
  .et_editor .box_1 p.title{ margin-bottom:10px;}
  .et_editor .box_1 p.name{ margin:0px; margin-bottom:10px;}            
  .et_editor .box_1 .link{ margin-left: unset; margin-top: auto;}
  .et_editor .box_2{ flex-grow: 1;}
  .et_editor .box_2 p.title{ padding: 0px 0px 10px 0px; margin-bottom: 10px; border-bottom: 1px solid #e2e2e2;}
}

html[data-current-theme="dark"]{
	.et_editor .box_1 p.title{ color:#fff;}
	.et_editor .box_2 p.title{ color:#fff;}
}