Skip to content

Instantly share code, notes, and snippets.

@kklai

kklai/index.html

Last active March 10, 2021 10:16
Show Gist options
  • Save kklai/0230bf994fa1241ac8803e4aefd28a52 to your computer and use it in GitHub Desktop.
Save kklai/0230bf994fa1241ac8803e4aefd28a52 to your computer and use it in GitHub Desktop.
Download ZIP
sn code block
Raw
index.html
<style>
.g-body {
max-width: 1200px;
margin: 0 auto;
padding: 0;
width: 100%;
font-family: droid sans, helvetica neue, Helvetica, Arial, sans-serif;
color: #444;
}
.g-kicker {
text-align: center;
margin-bottom: 20px;
}
.g-kicker .g-inner {
display: inline;
padding: 0 2px 5px 2px;
border-bottom: 1px solid #d3d3d3;
}
.g-header .g-headline {
font-family: droid sans, helvetica neue, Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 0 auto 25px auto;
font-size: 32px;
line-height: 1.8;
max-width: 720px;
}
.g-subhed {
font-family: droid sans, helvetica neue, Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 60px auto 25px auto;
font-size: 24px;
max-width: 600px;
}
.g-text {
font-family: droid sans, helvetica neue, Helvetica, Arial, sans-serif;
max-width: 600px;
margin: 16px auto;
font-size: 16px;
line-height: 1.8;
color: #444;
}
.g-bold {
font-weight: 700;
}
.g-graphic {
margin: 25px auto;
}
.g-graphic-text {
font-family: droid sans, helvetica neue, Helvetica, Arial, sans-serif;
}
.g-image {
margin: 35px auto;
}
.g-image img {
width: 100%;
display: block;
margin: 0 auto;
}
.g-image .g-credit {
margin-top: 10px;
font-size: 13px;
text-align: center;
color: #999;
display: block;
}
.g-refer {
border: 1px solid #ececec;
border-radius: 5px;
background: rgba(253, 232, 0, 0.05);
padding: 10px 20px;
max-width: 460px;
margin: 35px auto;
}
.g-refer .g-text {
font-size: 12px;
margin: 0;
line-height: 1.5;
}
.g-refer .g-text:first-child {
margin-bottom: 5px;
font-weight: 700;
}
.g-refer .g-bullet:before {
content: "•";
position: absolute;
margin-left: -10px;
}
.g-break {
margin: 50px auto;
text-align: center;
}
.g-break em {
margin-right: 40px;
text-align: center;
}
.g-break em:last-child {
margin-right: 0;
}
.cover-image-wrapper.mobile,
.author-wrapper {
display: none !important;
}
.g-promo {
max-width: 600px;
margin: 25px auto;
padding: 25px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.g-promo a {
color: #444;
text-decoration: none;
transition: opacity 0.2s;
}
.g-promo a:hover {
opacity: 0.6;
}
.g-promo .g-promo-asset-cont,
.g-promo .g-promo-text-cont {
display: inline-block;
width: 100%;
vertical-align: top;
}
@media screen and (min-width: 600px) {
.g-promo .g-promo-asset-cont {
width: calc(68% - 10px);
}
}
@media screen and (min-width: 600px) {
.g-promo .g-promo-text-cont {
width: calc(32% - 10px);
}
}
.g-promo .g-promo-text-cont {
margin-right: 10px;
}
.g-promo .g-promo-tag {
font-weight: 700;
margin-bottom: 3px;
}
.g-promo .g-promo-hed {
font-weight: 700;
margin-bottom: 10px;
}
@media screen and (min-width: 460px) {
.g-promo .g-promo-hed {
max-width: none;
}
}
.g-promo .g-promo-text {
margin-bottom: 10px;
font-size: 15px;
padding: 0 16px;
}
@media screen and (min-width: 460px) {
.g-promo .g-promo-text {
padding: 0;
}
}
.g-promo .g-youtube-cont {
width: 100%;
padding-bottom: 56%;
position: relative;
}
.g-promo .g-youtube-cont iframe {
position: absolute;
top: 0;
left: 0;
}
.g-promo .g-img-cont img {
width: 100%;
}
.g-promo .g-mobile-hed {
display: inline;
}
@media screen and (min-width: 460px) {
.g-promo .g-mobile-hed {
display: none;
}
}
.g-promo .g-desktop-hed {
display: none;
}
@media screen and (min-width: 460px) {
.g-promo .g-desktop-hed {
display: block;
}
}
.g-note {
font-size: 13px;
text-align: center;
color: #999;
}
.g-text {
line-height: 1.4;
}
.social-wrap.hidden-print,
.mobile-ad.article-top-ad.center {
display: none !important;
}
.article-blog-page .related-articles {
width: 100%;
}
.header-wrap.container {
display: none !important;
}
.articles {
padding: 0 !important;
}
.col-xs-12 {
padding: 0;
}
.container.blog-container {
width: 100%;
}
.page-content {
padding: 0 !important;
}
.today-articles-outer-wrapper {
display: none !important;
}
.article-page .article-content-wrap {
padding-top: 0 !important;
margin-top: -5px;
overflow: visible;
}
.article-page .article-content-wrap .date,
.article-page .article-content-wrap .article-name {
display: none !important;
}
@media screen and (max-width: 767px) {
.article-page .article-content-wrap .date,
.article-page .article-content-wrap .article-name {
display: none !important;
}
}
.article-photo.article-media {
display: none !important;
}
.article-page .article-ad {
padding: 0 !important;
width: 100% !important;
overflow: hidden !important;
}
body,
html {
margin: 0;
background: #000;
}
.g-h1 {
font-size: 100px;
font-style: italic;
font-family: serif;
line-height: 1;
color: #9dabad;
}
.g-h1 b {
font-weight: normal;
font-size: 120px;
margin-right: -20px;
display: inline-block;
vertical-align: middle;
}
.g-h1 div {
display: inline-block;
margin-top: 0px;
font-size: 95px;
vertical-align: middle;
}
.g-top {
margin-top: 60px;
}
.g-top .g-h2,
.g-top .g-h3 {
color: #afafaf;
font-family: serif;
font-size: 20px;
}
.g-top .g-h3 {
letter-spacing: 24.8px;
}
.g-top .g-grid {
margin-top: 10px;
}
.g-top .g-top-text {
max-width: 600px;
margin: 0 auto 25px auto;
}
.g-body-en .g-top .g-h3 {
letter-spacing: 1px;
}
.g-sprite-img {
background-image: url(https://interactive.thestandnews.com/2021/03/47-case/people.jpg);
background-repeat: no-repeat;
background-size: 1000%;
width: 100%;
height: 100%;
}
.g-sprite-img-cont {
width: 55px;
height: 55px;
display: inline-block;
vertical-align: top;
position: relative;
margin-bottom: 1px;
opacity: 0;
}
@media screen and (min-width: 600px) {
.g-sprite-img-cont {
width: 90px;
height: 90px;
}
}
.g-border {
width: calc(100% - 1px);
height: calc(100% - 1px);
border: 3px solid #000;
position: absolute;
top: 0;
left: 0;
}
.g-text {
color: #afafaf;
}
.g-grouped {
max-width: 600px;
margin: 50px auto;
}
.g-grouped .g-sprite-img-cont {
padding-bottom: 150px;
}
@media screen and (min-width: 600px) {
.g-grouped .g-sprite-img-cont {
padding-bottom: 170px;
}
}
.g-grouped .g-group-each {
margin-bottom: 40px;
}
.g-grouped .g-text {
margin: 0;
line-height: 1.3;
}
.g-grouped .g-name {
margin: 3px 0 1px 0;
font-size: 16px;
}
.g-grouped .g-title,
.g-grouped .g-age {
font-size: 10px;
opacity: 0.7;
}
.g-grouped .g-h1 {
line-height: 0.6 !important;
margin-bottom: 6px;
}
.g-grouped .g-h1 b {
font-size: 52px;
margin-right: 0;
}
.g-grouped .g-h1 div {
font-size: 38px;
margin-top: -3px;
}
.g-grouped .g-grid {
margin-top: 10px;
}
.g-grouped .g-has-bail {
width: 100% !important;
height: auto !important;
padding-bottom: 0;
margin-bottom: 3px;
}
@media screen and (min-width: 1050px) {
.g-grouped .g-has-bail {
width: 49% !important;
}
}
.g-grouped .g-has-bail .g-text-cont {
margin-left: 4px;
margin-top: 5px;
}
.g-grouped .g-sprite-img,
.g-grouped .g-text-cont {
display: inline-block;
vertical-align: top;
}
@media screen and (min-width: 1050px) {
.g-grouped .g-sprite-img,
.g-grouped .g-text-cont {
vertical-align: middle;
}
}
.g-grouped .g-bail {
font-size: 12px;
margin-top: 5px;
}
.g-grouped .g-group-each-已保釋 .g-h1 {
color: #ffffe0;
}
.g-grouped .g-group-each-獲准保釋 .g-h1 {
color: #a5d5d8;
}
.g-grouped .g-group-each-保釋覆核 .g-h1 {
color: #73a2c6;
}
.g-grouped .g-group-each-放棄保釋 .g-h1 {
color: #4771b2;
}
.g-grouped .g-group-each-其他案件還押 .g-h1 {
color: #00429d;
}
.g-body-en .g-grouped .g-name {
font-size: 12px;
}
.g-body-en .g-grouped .g-title,
.g-body-en .g-grouped .g-age {
font-size: 9px;
}
.g-body-en .g-grouped .g-bail {
font-size: 11px;
}
.g-summary-timeline {
max-width: 600px;
margin: 0 auto;
}
.g-summary-timeline .g-tl-each {
padding-bottom: 10px;
position: relative;
}
.g-summary-timeline .g-tl-each:before {
content: "";
display: block;
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 6px;
border-left: 1px solid #afafaf;
}
.g-summary-timeline .g-tl-each:first-child:before {
top: 12px;
}
.g-summary-timeline .g-tl-each:last-child:before {
height: 10px;
}
.g-summary-timeline .g-tl-each:nth-child(n+6):before {
border-left: 1px dashed #afafaf;
}
.g-summary-timeline .g-tl-each .g-text {
margin: 0;
}
.g-summary-timeline .g-tl-each .g-date,
.g-summary-timeline .g-tl-each .g-text-text {
display: inline-block;
vertical-align: top;
line-height: 1.5;
}
.g-summary-timeline .g-tl-each .g-date {
width: 56px;
position: relative;
padding-left: 15px;
margin-right: 8px;
}
.g-summary-timeline .g-tl-each .g-date .g-date-inner {
background: #afafaf;
color: #000;
padding-left: 4px;
line-height: 1.5;
font-size: 15px;
}
.g-summary-timeline .g-tl-each .g-date:before {
content: "";
display: block;
position: absolute;
left: 4.3px;
top: 11px;
border-radius: 100%;
width: 5px;
height: 5px;
border: 1px solid #afafaf;
background: #000;
}
.g-summary-timeline .g-tl-each:nth-child(n+6) .g-date .g-date-inner {
background: none;
color: #afafaf;
border: 1px solid #333;
}
.g-summary-timeline .g-tl-each .g-text-text {
width: calc(100% - 65px);
}
.g-paragraph {
padding: 0 10px;
}
.g-graphic,
.g-subhed {
padding: 0 10px;
}
.g-subhed,
.g-promo-hed,
.g-promo-tag {
color: #afafaf;
}
.g-promo {
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-left: 10px;
padding-right: 10px;
transition: opacity 0.5s;
}
.g-promo a:hover {
opacity: 0.8;
}
.g-promo .g-promo-tag {
font-size: 14px;
}
.g-text a,
.g-promo a,
.g-text a:visited,
.g-promo a:visited {
color: #afafaf;
}
.g-promo .g-promo-hed {
font-weight: normal;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<div class="g-body">
<div class="g-graphic g-graphic-top">
<div class="g-top">
<div class="g-top-text">
<div class="g-h1"><b>47</b><div> 人</div></div>
<div class="g-h2">被控國安法「串謀顛覆國家政權」</div>
<div class="g-h3">法庭過程全記錄</div>
</div>
<div class="g-grid">
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 77.77777777777777% 25%" data-name="戴耀廷"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 77.77777777777777% 0%" data-name="區諾軒"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 77.77777777777777% 75%" data-name="趙家賢"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 11.11111111111111% 100%" data-name="鍾錦麟"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 88.88888888888889% 0%" data-name="吳政亨"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 33.33333333333333% 75%" data-name="袁嘉蔚"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 66.66666666666666% 50%" data-name="梁晃維"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 0% 100%" data-name="鄭達鴻"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 66.66666666666666% 25%" data-name="徐子見"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 88.88888888888889% 50%" data-name="楊雪盈"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 55.55555555555556% 25%" data-name="彭卓棋"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 22.22222222222222% 25%" data-name="岑子杰"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 100% 50%" data-name="毛孟靜"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 11.11111111111111% 0%" data-name="何啟明"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 33.33333333333333% 100%" data-name="馮達浚"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 44.44444444444444% 0%" data-name="劉偉聰"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 66.66666666666666% 100%" data-name="黃碧雲"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 55.55555555555556% 0%" data-name="劉澤鋒"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 44.44444444444444% 100%" data-name="黃之鋒"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 66.66666666666666% 75%" data-name="譚文豪"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 11.11111111111111% 50%" data-name="李嘉達"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 55.55555555555556% 75%" data-name="譚得志"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 11.11111111111111% 75%" data-name="胡志偉"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 88.88888888888889% 25%" data-name="施德來"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 100% 25%" data-name="朱凱廸"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 44.44444444444444% 25%" data-name="張可森"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 55.55555555555556% 100%" data-name="黃子悅"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 0% 0%" data-name="伍健偉"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 11.11111111111111% 25%" data-name="尹兆堅"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 88.88888888888889% 75%" data-name="郭家麒"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 100% 0%" data-name="吳敏兒"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 44.44444444444444% 75%" data-name="譚凱邦"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 22.22222222222222% 0%" data-name="何桂藍"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 66.66666666666666% 0%" data-name="劉頴匡"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 77.77777777777777% 50%" data-name="楊岳橋"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 22.22222222222222% 100%" data-name="陳志全"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 100% 75%" data-name="鄒家成"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 22.22222222222222% 50%" data-name="林卓廷"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 22.22222222222222% 75%" data-name="范國威"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 0% 25%" data-name="呂智恆"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 55.55555555555556% 50%" data-name="梁國雄"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 33.33333333333333% 50%" data-name="林景楠"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 44.44444444444444% 50%" data-name="柯耀林"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 33.33333333333333% 25%" data-name="岑敖暉"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 0% 75%" data-name="王百羽"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 0% 50%" data-name="李予信"></div><div class="g-border"></div></div>
<div class="g-sprite-img-cont g-sprite-img-cont-top"><div class="g-sprite-img" style="background-position: 33.33333333333333% 0%" data-name="余慧明"></div><div class="g-border"></div></div>
</div>
</div>
</div>
<div class="g-text g-paragraph">47 名參與或組織初選的民主派人士在 2 月 28 日被落案起訴「串謀顛覆國家政權」，一旦罪成，可判終身監禁。經過一星期「馬拉松式」的保釋聆訊後，47 人當中，僅有<a href='https://www.thestandnews.com/politics/47-%E4%BA%BA%E6%A1%88-%E9%82%84%E6%8A%BC%E8%BF%91%E6%B3%81%E6%9B%B4%E6%96%B0-%E7%9C%BE%E8%A2%AB%E5%91%8A%E5%9B%9A%E8%BB%8A%E4%B8%8A%E6%84%9F%E5%8B%95%E8%90%BD%E6%B7%9A-%E7%B2%BE%E7%A5%9E%E4%B8%8D%E4%BF%97-%E5%B2%91%E6%95%96%E6%9A%89%E5%A4%AB%E5%A6%BB%E9%9A%94%E7%8E%BB%E7%92%83%E7%95%AB%E5%BF%83/?fbclid=IwAR056Lo5aypWMH-tqY6JvBPyVor49LaqzgxDxUon3w5evYJEDyMotd5p3gA'> 4 人暫獲自由</a>。</div>
<div class="g-graphic g-graphic-summary-timeline">
<div class="g-summary-timeline">
<div class="g-tl-each">
<div class="g-text g-date"><div class="g-text g-date-inner">2.28</div></div>
<div class="g-text g-text-text">落案起訴</div>
</div>
<div class="g-tl-each">
<div class="g-text g-date"><div class="g-text g-date-inner">3.1</div></div>
<div class="g-text g-text-text">提堂</div>
</div>
<div class="g-tl-each">
<div class="g-text g-date"><div class="g-text g-date-inner">3.4</div></div>
<div class="g-text g-text-text">15 人獲指定法官批准保釋，但律政司即時申請覆核，所有人須繼續還押</div>
</div>
<div class="g-tl-each">
<div class="g-text g-date"><div class="g-text g-date-inner">3.5</div></div>
<div class="g-text g-text-text">律政司撤銷覆核，4 人暫重獲自由</div>
</div>
<div class="g-tl-each">
<div class="g-text g-date"><div class="g-text g-date-inner">3.6</div></div>
<div class="g-text g-text-text">律政司針對獲保釋 11 人的覆核，押後至 3 月 11 日、13 日及 15 日聆訊</div>
</div>
<div class="g-tl-each">
<div class="g-text g-date"><div class="g-text g-date-inner">3.11</div></div>
<div class="g-text g-text-text">黃碧雲、伍健偉保釋覆核聆訊</div>
</div>
<div class="g-tl-each">
<div class="g-text g-date"><div class="g-text g-date-inner">3.12</div></div>
<div class="g-text g-text-text">被拒保釋的 31 人中，有 24 人提出覆核</div>
</div>
<div class="g-tl-each">
<div class="g-text g-date"><div class="g-text g-date-inner">3.13</div></div>
<div class="g-text g-text-text">鄭達鴻、譚文豪、郭家麒、彭卓棋、柯耀林保釋覆核聆訊</div>
</div>
<div class="g-tl-each">
<div class="g-text g-date"><div class="g-text g-date-inner">3.15</div></div>
<div class="g-text g-text-text">張可森、何啟明、施德來、李予信保釋覆核聆訊</div>
</div>
<div class="g-tl-each">
<div class="g-text g-date"><div class="g-text g-date-inner">5.31</div></div>
<div class="g-text g-text-text">案件再訊</div>
</div>
</div>
</div>
<div class="g-text g-paragraph">眾人的情況，可歸納為五組。</div>
<div class="g-graphic g-graphic-grouped">
<div class="g-grouped">
<div class="g-group-each g-group-each-已保釋">
<div class="g-text g-h1"><b>4</b><div>人</div></div>
<div class="g-text g-intro">3 月 5 日獲准保釋</div>
<div class="g-grid">
<div class="g-sprite-img-cont g-has-bail">
<div class="g-sprite-img" style="background-position: 88.88888888888889% 50%" data-name="楊雪盈"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">楊雪盈</div>
<div class="g-text g-age">34 歲</div>
<div class="g-text g-title">灣仔區議員</div>
<div class="g-text g-bail">8 萬元現金及 8 萬元人事擔保</div>
</div>
</div>
<div class="g-sprite-img-cont g-has-bail">
<div class="g-sprite-img" style="background-position: 44.44444444444444% 0%" data-name="劉偉聰"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">劉偉聰</div>
<div class="g-text g-age">53 歲</div>
<div class="g-text g-title">律師</div>
<div class="g-text g-bail">50 萬元現金擔保，沒有人事擔保</div>
</div>
</div>
<div class="g-sprite-img-cont g-has-bail">
<div class="g-sprite-img" style="background-position: 0% 25%" data-name="呂智恆"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">呂智恆</div>
<div class="g-text g-age">38 歲</div>
<div class="g-text g-title">社工</div>
<div class="g-text g-bail">10 萬元現金及 10 萬元人事擔保</div>
</div>
</div>
<div class="g-sprite-img-cont g-has-bail">
<div class="g-sprite-img" style="background-position: 33.33333333333333% 50%" data-name="林景楠"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">林景楠</div>
<div class="g-text g-age">32 歲</div>
<div class="g-text g-title">阿布泰國生活百貨創辦人</div>
<div class="g-text g-bail">100 萬元現金及 20 萬元人事擔保</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="g-text g-paragraph">獲准保釋的被告除了現金擔保及人事擔保外，還有 8 項保釋條件要遵守。</div>
<div class="g-text g-paragraph">1) 不得直接或間接組織、安排、參與或協調任何級別的選舉（投票除外），不論政府或非政府舉辦的任何選舉；</div>
<div class="g-text g-paragraph">2) 不得在傳統實體 / 電子媒體 / 任何公眾平台)，作出、發放或轉載任何可能有合理理由被視為違反國安法或法例中危害國安罪行的言論，或 </div>
<div class="g-text g-paragraph">3) 作出相關行為等；</div>
<div class="g-text g-paragraph">4) 不得以任何方式聯絡任何外國官員、議員；</div>
<div class="g-text g-paragraph">5) 每天守晚 12 朝 7 的宵禁；</div>
<div class="g-text g-paragraph">6) 所有人不准離港，交出所有旅行證件及BNO；</div>
<div class="g-text g-paragraph">7) 每週報到 3 至 4 次；</div>
<div class="g-text g-paragraph">8) 居於報稱地址</div>
<div class="g-graphic g-graphic-grouped">
<div class="g-grouped">
<div class="g-group-each g-group-each-獲准保釋">
<div class="g-text g-h1"><b>11</b><div>人</div></div>
<div class="g-text g-intro">獲准保釋，但律政司提出覆核，須繼續還押，3 月 11、13 及 15 日進行聆訊</div>
<div class="g-grid">
<div class="g-sprite-img-cont g-has-bail">
<div class="g-sprite-img" style="background-position: 0% 100%" data-name="鄭達鴻"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">鄭達鴻</div>
<div class="g-text g-age">32 歲</div>
<div class="g-text g-title">東區區議員</div>
<div class="g-text g-bail">10 萬元現金及 100 萬元人事擔保</div>
</div>
</div>
<div class="g-sprite-img-cont g-has-bail">
<div class="g-sprite-img" style="background-position: 55.55555555555556% 25%" data-name="彭卓棋"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">彭卓棋</div>
<div class="g-text g-age">26 歲</div>
<div class="g-text g-title">南區區議員</div>
<div class="g-text g-bail">10 萬元現金及 10 萬元人事擔保</div>
</div>
</div>
<div class="g-sprite-img-cont g-has-bail">
<div class="g-sprite-img" style="background-position: 11.11111111111111% 0%" data-name="何啟明"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">何啟明</div>
<div class="g-text g-age">32 歲</div>
<div class="g-text g-title">深水埗區議員</div>
<div class="g-text g-bail">3 萬元現金及 10 萬元人事擔保</div>
</div>
</div>
<div class="g-sprite-img-cont g-has-bail">
<div class="g-sprite-img" style="background-position: 66.66666666666666% 100%" data-name="黃碧雲"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">黃碧雲</div>
<div class="g-text g-age">61 歲</div>
<div class="g-text g-title">前立法會議員</div>
<div class="g-text g-bail">10 萬元現金及 10 萬元人事擔保</div>
</div>
</div>
<div class="g-sprite-img-cont g-has-bail">
<div class="g-sprite-img" style="background-position: 66.66666666666666% 75%" data-name="譚文豪"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">譚文豪</div>
<div class="g-text g-age">45 歲</div>
<div class="g-text g-title">前立法會議員</div>
<div class="g-text g-bail">10 萬元現金及 10 萬元人事擔保</div>
</div>
</div>
<div class="g-sprite-img-cont g-has-bail">
<div class="g-sprite-img" style="background-position: 88.88888888888889% 25%" data-name="施德來"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">施德來</div>
<div class="g-text g-age">38 歲</div>
<div class="g-text g-title">黃大仙區議員</div>
<div class="g-text g-bail">10 萬元現金及 10 萬元人事擔保</div>
</div>
</div>
<div class="g-sprite-img-cont g-has-bail">
<div class="g-sprite-img" style="background-position: 44.44444444444444% 25%" data-name="張可森"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">張可森</div>
<div class="g-text g-age">27 歲</div>
<div class="g-text g-title">屯門區議員</div>
<div class="g-text g-bail">10 萬元現金及 10 萬元人事擔保</div>
</div>
</div>
<div class="g-sprite-img-cont g-has-bail">
<div class="g-sprite-img" style="background-position: 0% 0%" data-name="伍健偉"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">伍健偉</div>
<div class="g-text g-age">25 歲</div>
<div class="g-text g-title">元朗區議員</div>
<div class="g-text g-bail">5 萬元現金及 5 萬元人事擔保</div>
</div>
</div>
<div class="g-sprite-img-cont g-has-bail">
<div class="g-sprite-img" style="background-position: 88.88888888888889% 75%" data-name="郭家麒"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">郭家麒</div>
<div class="g-text g-age">59 歲</div>
<div class="g-text g-title">前立法會議員</div>
<div class="g-text g-bail">10 萬元現金及 10 萬元人事擔保</div>
</div>
</div>
<div class="g-sprite-img-cont g-has-bail">
<div class="g-sprite-img" style="background-position: 44.44444444444444% 50%" data-name="柯耀林"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">柯耀林</div>
<div class="g-text g-age">49 歲</div>
<div class="g-text g-title">西貢區議員</div>
<div class="g-text g-bail">5 萬元現金及 10 萬元人事擔保</div>
</div>
</div>
<div class="g-sprite-img-cont g-has-bail">
<div class="g-sprite-img" style="background-position: 0% 50%" data-name="李予信"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">李予信</div>
<div class="g-text g-age">27 歲</div>
<div class="g-text g-title">東區區議員</div>
<div class="g-text g-bail">10 萬元現金及 10 萬元人事擔保</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="g-graphic g-graphic-grouped">
<div class="g-grouped">
<div class="g-group-each g-group-each-保釋覆核">
<div class="g-text g-h1"><b>24</b><div>人</div></div>
<div class="g-text g-intro">不獲保釋，行使每 8 日可覆核的權利，3 月 12 日進行保釋覆核聆訊</div>
<div class="g-grid">
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 77.77777777777777% 0%" data-name="區諾軒"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">區諾軒</div>
<div class="g-text g-age">33 歲</div>
<div class="g-text g-title">前立法會議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 88.88888888888889% 0%" data-name="吳政亨"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">吳政亨</div>
<div class="g-text g-age">42 歲</div>
<div class="g-text g-title">無業</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 33.33333333333333% 75%" data-name="袁嘉蔚"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">袁嘉蔚</div>
<div class="g-text g-age">27 歲</div>
<div class="g-text g-title">南區區議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 66.66666666666666% 50%" data-name="梁晃維"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">梁晃維</div>
<div class="g-text g-age">23 歲</div>
<div class="g-text g-title">中西區區議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 66.66666666666666% 25%" data-name="徐子見"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">徐子見</div>
<div class="g-text g-age">53 歲</div>
<div class="g-text g-title">東區區議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 22.22222222222222% 25%" data-name="岑子杰"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">岑子杰</div>
<div class="g-text g-age">33 歲</div>
<div class="g-text g-title">沙田區議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 100% 50%" data-name="毛孟靜"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">毛孟靜</div>
<div class="g-text g-age">64 歲</div>
<div class="g-text g-title">前立法會議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 33.33333333333333% 100%" data-name="馮達浚"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">馮達浚</div>
<div class="g-text g-age">25 歲</div>
<div class="g-text g-title">數碼營銷</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 44.44444444444444% 100%" data-name="黃之鋒"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">黃之鋒</div>
<div class="g-text g-age">24 歲</div>
<div class="g-text g-title">前香港眾志秘書長</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 55.55555555555556% 75%" data-name="譚得志"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">譚得志</div>
<div class="g-text g-age">49 歲</div>
<div class="g-text g-title">人民力量副主席</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 11.11111111111111% 75%" data-name="胡志偉"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">胡志偉</div>
<div class="g-text g-age">58 歲</div>
<div class="g-text g-title">前立法會議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 100% 25%" data-name="朱凱廸"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">朱凱廸</div>
<div class="g-text g-age">43 歲</div>
<div class="g-text g-title">前立法會議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 55.55555555555556% 100%" data-name="黃子悅"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">黃子悅</div>
<div class="g-text g-age">23 歲</div>
<div class="g-text g-title">學生</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 11.11111111111111% 25%" data-name="尹兆堅"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">尹兆堅</div>
<div class="g-text g-age">51 歲</div>
<div class="g-text g-title">前立法會議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 100% 0%" data-name="吳敏兒"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">吳敏兒</div>
<div class="g-text g-age">50 歲</div>
<div class="g-text g-title">職工盟前主席</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 22.22222222222222% 0%" data-name="何桂藍"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">何桂藍</div>
<div class="g-text g-age">30 歲</div>
<div class="g-text g-title">前記者</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 77.77777777777777% 50%" data-name="楊岳橋"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">楊岳橋</div>
<div class="g-text g-age">39 歲</div>
<div class="g-text g-title">前立法會議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 22.22222222222222% 100%" data-name="陳志全"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">陳志全</div>
<div class="g-text g-age">48 歲</div>
<div class="g-text g-title">前立法會議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 100% 75%" data-name="鄒家成"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">鄒家成</div>
<div class="g-text g-age">24 歲</div>
<div class="g-text g-title">學生</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 22.22222222222222% 50%" data-name="林卓廷"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">林卓廷</div>
<div class="g-text g-age">43 歲</div>
<div class="g-text g-title">前立法會議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 55.55555555555556% 50%" data-name="梁國雄"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">梁國雄</div>
<div class="g-text g-age">64 歲</div>
<div class="g-text g-title">社民連成員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 33.33333333333333% 25%" data-name="岑敖暉"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">岑敖暉</div>
<div class="g-text g-age">27 歲</div>
<div class="g-text g-title">荃灣區議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 0% 75%" data-name="王百羽"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">王百羽</div>
<div class="g-text g-age">30 歲</div>
<div class="g-text g-title">元朗區議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 33.33333333333333% 0%" data-name="余慧明"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">余慧明</div>
<div class="g-text g-age">33 歲</div>
<div class="g-text g-title">醫管局員工陣線前主席</div>
<div class="g-text g-bail"></div>
</div>
</div>
</div>
</div>
<div class="g-group-each g-group-each-放棄保釋">
<div class="g-text g-h1"><b>7</b><div>人</div></div>
<div class="g-text g-intro">不獲保釋，放棄覆核的權利，還押至 5 月 31 日再提堂</div>
<div class="g-grid">
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 77.77777777777777% 75%" data-name="趙家賢"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">趙家賢</div>
<div class="g-text g-age">35 歲</div>
<div class="g-text g-title">東區區議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 11.11111111111111% 100%" data-name="鍾錦麟"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">鍾錦麟</div>
<div class="g-text g-age">32 歲</div>
<div class="g-text g-title">西貢區議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 55.55555555555556% 0%" data-name="劉澤鋒"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">劉澤鋒</div>
<div class="g-text g-age">24 歲</div>
<div class="g-text g-title">議員助理</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 11.11111111111111% 50%" data-name="李嘉達"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">李嘉達</div>
<div class="g-text g-age">29 歲</div>
<div class="g-text g-title">觀塘區區議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 44.44444444444444% 75%" data-name="譚凱邦"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">譚凱邦</div>
<div class="g-text g-age">40 歲</div>
<div class="g-text g-title">荃灣區議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 66.66666666666666% 0%" data-name="劉頴匡"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">劉頴匡</div>
<div class="g-text g-age">27 歲</div>
<div class="g-text g-title">辦公室助理</div>
<div class="g-text g-bail"></div>
</div>
</div>
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 22.22222222222222% 75%" data-name="范國威"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">范國威</div>
<div class="g-text g-age">54 歲</div>
<div class="g-text g-title">西貢區議員</div>
<div class="g-text g-bail"></div>
</div>
</div>
</div>
</div>
<div class="g-group-each g-group-each-撤回保釋">
<div class="g-text g-h1"><b>1</b><div>人</div></div>
<div class="g-text g-intro">佔中案上訴押後宣判遭撤保釋，戴同日撤銷本案保釋申請</div>
<div class="g-grid">
<div class="g-sprite-img-cont ">
<div class="g-sprite-img" style="background-position: 77.77777777777777% 25%" data-name="戴耀廷"></div>
<div class="g-border"></div>
<div class="g-text-cont">
<div class="g-text g-name">戴耀廷</div>
<div class="g-text g-age">56 歲</div>
<div class="g-text g-title">港大法律系前副教授</div>
<div class="g-text g-bail"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="g-subhed">延申閱讀</div>
<div class="g-promo">
<div class="g-promo-text-cont">
<div class="g-promo-hed">假如這是最後的自由　因初選​ 或被起訴還柙　九個被告的「最後一天」</div> </div>
<div class="g-promo-asset-cont">
<div class="g-youtube-cont">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/xGBjGGKuvPI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="g-promo">
<div class="g-promo-text-cont">
<div class="g-promo-hed">庭外摯親的淚言慟語　當律政司「趕盡殺絕」　他們如何對抗絕望？</div> </div>
<div class="g-promo-asset-cont">
<div class="g-youtube-cont">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/DBnhVlohHxc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="g-promo">
<a href="https://www.thestandnews.com/politics/47-%E4%BA%BA%E6%A1%88-%E5%9B%9B%E5%95%8F%E5%9B%9B%E7%AD%94-%E8%A2%AB%E5%91%8A%E6%AC%84%E5%85%A7%E6%98%AF%E8%AA%B0-%E5%9C%8B%E5%AE%89%E6%A1%88%E4%BB%B6%E5%AF%A9%E8%A8%8A%E6%9C%89%E5%A4%9A%E5%85%AC%E6%AD%A3-%E4%BF%9D%E9%87%8B%E8%81%86%E8%A8%8A%E7%82%BA%E4%BD%95%E6%AD%B7%E6%99%82-4-%E6%97%A5/" target="_blank"> <div class="g-promo-text-cont">
<div class="g-promo-tag">【47 人案．四問四答】</div> <div class="g-promo-hed">被告欄內是誰？國安案件審訊有多公正？保釋聆訊為何歷時 4 日？</div> </div>
<div class="g-promo-asset-cont">
<div class="g-img-cont">
<img src="https://cdn.thestandnews.com/media/photos/cache/20210305-0120copy_gtp8g_1200x0.png">
</div>
</div>
</a> </div>
<div class="g-promo">
<a href="https://www.thestandnews.com/politics/%E7%89%B9%E5%AF%AB-47-%E4%BA%BA%E5%92%8C%E5%AE%B6%E5%B1%AC%E7%9A%84%E5%9B%9B%E6%97%A5%E4%B8%89%E5%A4%9C-%E8%90%BD%E7%A9%BA%E7%9A%84%E5%B8%8C%E6%9C%9B-%E8%88%87%E4%B8%8D%E8%83%BD%E8%A8%80%E8%A9%AE%E7%9A%84%E6%B3%95%E5%BA%AD%E9%A2%A8%E6%9A%B4/" target="_blank"> <div class="g-promo-text-cont">
<div class="g-promo-tag">【特寫】</div> <div class="g-promo-hed">47 人和家屬的四日三夜 — 落空的希望，與不能言詮的法庭風暴</div> </div>
<div class="g-promo-asset-cont">
<div class="g-img-cont">
<img src="https://cdn.thestandnews.com/media/photos/cache/155086566_10222732605337886_6965647398393123683_o_e99CT_1200x0.jpg">
</div>
</div>
</a> </div>
</div>
<script src="https://interactive.thestandnews.com/scripts/d3_.js"></script>
<script>
window.stopit = d3.timer(function(){
d3.selectAll(".article-content-wrap:not(:first-child)").remove();
d3.selectAll(".likecoin-embed:nth-child(n+3)").remove();
d3.selectAll(".related-articles:nth-child(n+4)").remove();
})
function sizeBox() {
var w = innerWidth < 460 ? d3.select(".g-grid").node().getBoundingClientRect().width/4 : d3.select(".g-grid").node().getBoundingClientRect().width/12;
d3.selectAll(".g-sprite-img-cont").each(function(el,i){
var el = d3.select(this);
var elw = el.node().getBoundingClientRect().width;
el.style("width", w-5 + "px")
el.style("height", w-5 + "px")
el.select(".g-sprite-img").style("width", (w-5) + "px").style("height", (w-5) + "px")
el.select(".g-border").style("width", (w-5) + "px").style("height", (w-5) + "px")
if (el.attr("class").indexOf("top") > -1) {
el.transition().delay(i*100).duration(1000).style("opacity", 1)
} else {
el.transition().style("opacity", 1)
}
// ("g-active", true);
// el.select(".g-text-cont").style("width", elw - w + "px")
})
}
var containerWidthChanged = false;
var ow = innerWidth;
sizeBox();
window.addEventListener("resize", function(){
if (innerWidth != ow) {
containerWidthChanged = true;
ow = innerWidth;
sizeBox();
}
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment