style: 下方新增區套用 ebook-intro 欄位
This commit is contained in:
+132
-156
@@ -130,7 +130,11 @@
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container22 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container31 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container32 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container33 section.ebook-intro.section {
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container33 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container41 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container42 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container43 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container44 section.ebook-intro.section {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
float: none;
|
||||
@@ -146,7 +150,11 @@
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container22 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container31 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container32 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container33 section.ebook-intro.section p.ebook-intro-lead {
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container33 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container41 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container42 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container43 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container44 section.ebook-intro.section p.ebook-intro-lead {
|
||||
max-width: none;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
@@ -160,7 +168,11 @@
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container22 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container31 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container32 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container33 section.ebook-intro.section h3 {
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container33 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container41 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container42 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container43 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container44 section.ebook-intro.section h3 {
|
||||
max-width: none;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
@@ -410,167 +422,131 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="readable-homework-block">
|
||||
<div class="container" style="height: 22vh;">
|
||||
<div class="container11 readable-col-1">
|
||||
<div class="box-content">
|
||||
<h3>魔性魅力－李宰鎮</h3>
|
||||
<p style="margin-top: 10px; font-size: 1.1rem;">
|
||||
節目剛開始時，大家高興地彼此問候，唯獨被嚇壞的李宰鎮問為什麼要這樣歡迎，性格似乎有點與眾不同。訪問輪到他時，就連劉在錫和 HAHA
|
||||
都緊張這座必須要跨越的喜馬拉雅山。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container11 readable-col-1">
|
||||
<section class="ebook-intro section">
|
||||
<h3>魔性魅力－李宰鎮</h3>
|
||||
<p class="ebook-intro-lead">節目剛開始時，大家高興地彼此問候，唯獨被嚇壞的李宰鎮問為什麼要這樣歡迎，性格似乎有點與眾不同。訪問輪到他時，就連劉在錫和 HAHA
|
||||
都緊張這座必須要跨越的喜馬拉雅山。</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container" style="height: 30vh;">
|
||||
<div class="container31 readable-col-3 readable-col-3--left">
|
||||
<div class="box-content" style="padding: 0;">
|
||||
<img src="readable/11-2_無法輕易征服的高山 宰鎮.jpeg" alt="無法輕易征服的高山">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container32 readable-col-3 readable-col-3--left">
|
||||
<div class="box-content">
|
||||
<h3>無法輕易征服的高山</h3>
|
||||
<p style="font-size: 0.95rem;">面對這座高山，主持人們頻頻在李宰鎮獨特的思考迴路中迷失方向。他是必須要「清楚表達才聽得懂的極端 O
|
||||
型」人格，不按綜藝套路出牌，讓劉在錫讚嘆這絕對是自己「生平第一次看到的角色」！</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container33 readable-col-3 readable-col-3--right">
|
||||
<div class="box-content" style="padding: 0;">
|
||||
<img src="readable/11-3_160416_0_03.jpg" alt="初登場畫面">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container31 readable-col-3 readable-col-3--left">
|
||||
<img src="/totoga2/readable/11-2_無法輕易征服的高山 宰鎮.jpeg" alt="無法輕易征服的高山">
|
||||
</div>
|
||||
<div class="container32 readable-col-3 readable-col-3--left">
|
||||
<section class="ebook-intro section">
|
||||
<h3>無法輕易征服的高山</h3>
|
||||
<p class="ebook-intro-lead">面對這座高山，主持人們頻頻在李宰鎮獨特的思考迴路中迷失方向。他是必須要「清楚表達才聽得懂的極端 O
|
||||
型」人格，不按綜藝套路出牌，讓劉在錫讚嘆這絕對是自己「生平第一次看到的角色」！</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container33 readable-col-3 readable-col-3--right">
|
||||
<img src="/totoga2/readable/11-3_160416_0_03.png" alt="初登場畫面">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container" style="height: 30vh;">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<div class="box-content" style="padding: 0;">
|
||||
<img src="readable/11-4_160416_0_08.jpg" alt="主持人群感到緊張">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container21 readable-col-2 readable-col-2--right">
|
||||
<div class="box-content">
|
||||
<h3>見過大風大浪也緊張</h3>
|
||||
<p>隨著訪問推進，李宰鎮那具有個人特色的綜藝感漸漸展露。他的耿直反應和新穎回答，讓採訪過無數來賓的劉在錫和 HAHA
|
||||
從一開始就繃緊了神經，完全無法預測接下來的局勢發展。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<img src="/totoga2/readable/11-4_160416_0_08.jpeg" alt="主持人群感到緊張">
|
||||
</div>
|
||||
<div class="container21 readable-col-2 readable-col-2--right">
|
||||
<section class="ebook-intro section">
|
||||
<h3>見過大風大浪也緊張</h3>
|
||||
<p class="ebook-intro-lead">隨著訪問推進，李宰鎮那具有個人特色的綜藝感漸漸展露。他的耿直反應和新穎回答，讓採訪過無數來賓的劉在錫和 HAHA
|
||||
從一開始就繃緊了神經，完全無法預測接下來的局勢發展。</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container" style="height: 32vh;">
|
||||
<div class="container31 readable-col-3 readable-col-3--left">
|
||||
<div class="box-content" style="padding: 0;">
|
||||
<img src="readable/12-1_160416_0_06.jpg" alt="宰鎮突然大笑">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container32 readable-col-3 readable-col-3--left">
|
||||
<div class="box-content" style="padding: 0;">
|
||||
<img src="readable/12-2_160416_0_07.jpg" alt="HAHA被嚇到">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container33 readable-col-3 readable-col-3--right">
|
||||
<div class="box-content">
|
||||
<h3>無預警爆發的魔性笑聲</h3>
|
||||
<p style="font-size: 0.95rem;">
|
||||
聊天聊到一半，他常常因為腦海中的突發奇想，突然獨自放聲大笑「嗯哈哈哈哈～」。那毫無防備的突發笑彈，讓坐在一旁的
|
||||
HAHA 直接被嚇到雙眼圓睜、下巴脫臼，滿臉寫著盲然與不知所措！</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container31 readable-col-3 readable-col-3--left">
|
||||
<img src="/totoga2/readable/12-1_160416_0_06.png" alt="宰鎮突然大笑">
|
||||
</div>
|
||||
<div class="container32 readable-col-3 readable-col-3--left">
|
||||
<img src="/totoga2/readable/12-2_160416_0_07.png" alt="HAHA被嚇到">
|
||||
</div>
|
||||
<div class="container33 readable-col-3 readable-col-3--right">
|
||||
<section class="ebook-intro section">
|
||||
<h3>無預警爆發的魔性笑聲</h3>
|
||||
<p class="ebook-intro-lead">聊天聊到一半，他常常因為腦海中的突發奇想，突然獨自放聲大笑「嗯哈哈哈哈～」。那毫無防備的突發笑彈，讓坐在一旁的
|
||||
HAHA 直接被嚇到雙眼圓睜、下巴脫臼，滿臉寫著盲然與不知所措！</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container" style="height: 35vh;">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<div class="box-content">
|
||||
<h3>讓全場陷入混亂的「精神衝擊」</h3>
|
||||
<p>控場能力一流的劉在錫也徹底崩潰，一邊按耐著受驚的心臟，一邊哭笑不得、畢恭畢敬地追問：「真的真的很抱歉，但是為什麼你要笑？」這種摸不著頭緒卻又無敵純真的個人特色，讓劉在錫也爆笑又暴跳！
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container21 readable-col-2 readable-col-2--right">
|
||||
<div class="box-content" style="padding: 0;">
|
||||
<img src="readable/12-3_為什麼你要笑.jpg" alt="為什麼你要笑近鏡頭">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<section class="ebook-intro section">
|
||||
<h3>讓全場陷入混亂的「精神衝擊」</h3>
|
||||
<p class="ebook-intro-lead">控場能力一流的劉在錫也徹底崩潰，一邊按耐著受驚的心臟，一邊哭笑不得、畢恭畢敬地追問：「真的真的很抱歉，但是為什麼你要笑？」這種摸不著頭緒卻又無敵純真的個人特色，讓劉在錫也爆笑又暴跳！
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container21 readable-col-2 readable-col-2--right">
|
||||
<img src="/totoga2/readable/12-3_為什麼你要笑.jpeg" alt="為什麼你要笑近鏡頭">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container" style="height: 35vh;">
|
||||
<div class="container31 readable-col-3 readable-col-3--left">
|
||||
<div class="box-content" style="padding: 0;">
|
||||
<img src="readable/13-1_那是我畫的!所以是我的!.jpg" alt="那是我畫的所以是我的">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container32 readable-col-3 readable-col-3--left">
|
||||
<div class="box-content">
|
||||
<h3>靈魂拷問與相當無語</h3>
|
||||
<p style="font-size: 0.9rem;">
|
||||
當被要求現場展示繪畫時，李宰鎮純真地吐出靈魂拷問：「你們為什麼見到諧星就要他搞笑，見到會畫畫的人就一定要他畫畫呢？」這番話讓劉在錫和 HAHA
|
||||
瞬間失去語言能力，雙手交疊乖乖坐好，靈魂短暫登出。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container33 readable-col-3 readable-col-3--right">
|
||||
<div class="box-content" style="padding: 0;">
|
||||
<img src="readable/12-5_啊啊..jpg" alt="啊啊相當無語字幕">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container31 readable-col-3 readable-col-3--left">
|
||||
<img src="/totoga2/readable/13-1_那是我畫的!所以是我的!.jpeg" alt="那是我畫的所以是我的">
|
||||
</div>
|
||||
<div class="container32 readable-col-3 readable-col-3--left">
|
||||
<section class="ebook-intro section">
|
||||
<h3>靈魂拷問與相當無語</h3>
|
||||
<p class="ebook-intro-lead">當被要求現場展示繪畫時，李宰鎮純真地吐出靈魂拷問：「你們為什麼見到諧星就要他搞笑，見到會畫畫的人就一定要他畫畫呢？」這番話讓劉在錫和 HAHA
|
||||
瞬間失去語言能力，雙手交疊乖乖坐好，靈魂短暫登出。</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container33 readable-col-3 readable-col-3--right">
|
||||
<img src="/totoga2/readable/12-5_啊啊..jpeg" alt="啊啊相當無語字幕">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container" style="height: 35vh;">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<div class="box-content" style="padding: 0;">
|
||||
<img src="readable/13-1_那是我畫的!所以是我的!.jpg" alt="那是我畫的所以是我的">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container21 readable-col-2 readable-col-2--right">
|
||||
<div class="box-content">
|
||||
<h3>絕對所有權！</h3>
|
||||
<p>好不容易在現場畫完了畫，當在錫哥理所當然地伸手準備拿走時，李宰鎮卻像個護著玩具的小孩，理直氣壯地一把護住自己的作品，神色認真地回絕：「不行，為什麼你要拿走？那是我畫的！所以是我的！」
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<img src="/totoga2/readable/13-1_那是我畫的!所以是我的!.jpeg" alt="那是我畫的所以是我的">
|
||||
</div>
|
||||
<div class="container21 readable-col-2 readable-col-2--right">
|
||||
<section class="ebook-intro section">
|
||||
<h3>絕對所有權！</h3>
|
||||
<p class="ebook-intro-lead">好不容易在現場畫完了畫，當在錫哥理所當然地伸手準備拿走時，李宰鎮卻像個護著玩具的小孩，理直氣壯地一把護住自己的作品，神色認真地回絕：「不行，為什麼你要拿走？那是我畫的！所以是我的！」
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container" style="height: 40vh;">
|
||||
<div class="container41 readable-col-4 readable-col-4--left">
|
||||
<div class="box-content" style="padding: 0;">
|
||||
<img src="readable/13-2哥得自己畫!.jpg" alt="哥得自己畫截圖">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container42 readable-col-4 readable-col-4--left">
|
||||
<div class="box-content" style="padding: 0;">
|
||||
<img src="readable/13-4_160416_0_05.jpg" alt="志源大喊畫面">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container43 readable-col-4 readable-col-4--right">
|
||||
<div class="box-content" style="padding: 0;">
|
||||
<img src="readable/13-5_ScreenShot-VideoID-2epKr_O2s9E-TimeS-31.jpg" alt="志源摟住宰鎮">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container44 readable-col-4 readable-col-4--right">
|
||||
<div class="box-content" style="padding: 0;">
|
||||
<img src="readable/13-6_ScreenShot-VideoID-2epKr_O2s9E-TimeS-42.jpeg" alt="聯手逼退在錫">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container41 readable-col-4 readable-col-4--left">
|
||||
<img src="/totoga2/readable/13-2哥得自己畫!.jpeg" alt="哥得自己畫截圖">
|
||||
</div>
|
||||
<div class="container42 readable-col-4 readable-col-4--left">
|
||||
<img src="/totoga2/readable/13-4_160416_0_05.png" alt="志源大喊畫面">
|
||||
</div>
|
||||
<div class="container43 readable-col-4 readable-col-4--right">
|
||||
<img src="/totoga2/readable/13-5_ScreenShot-VideoID-2epKr_O2s9E-TimeS-31.png" alt="志源摟住宰鎮">
|
||||
</div>
|
||||
<div class="container44 readable-col-4 readable-col-4--right">
|
||||
<img src="/totoga2/readable/13-6_ScreenShot-VideoID-2epKr_O2s9E-TimeS-42.jpeg" alt="聯手逼退在錫">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container" style="height: 35vh;">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<div class="box-content">
|
||||
<h3>隊長聯手逗弄主持人的日常</h3>
|
||||
<p>坐在一旁的隊長殷志源看著在錫哥被宰鎮逼到牆角，完全進入了看戲模式！志源非但沒有解圍，反而一把摟住自家大哥，理直氣壯地站在宰鎮這邊，對著在錫哥大喊：「哥要是想拿走，你得自己畫！」
|
||||
</p>
|
||||
<p style="margin-top: 10px; font-size: 0.9rem; color: #666;">
|
||||
平常是「初丁弟弟」的志源，配上活在純真世界裡的大哥宰鎮，一搭一唱直接把國民 MC
|
||||
逗得毫無還手之力。這種難以預測的思考方式與出人意料的回答，更讓所有人對這位神祕又迷人的角色充滿了無限的好奇！</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container21 readable-col-2 readable-col-2--right">
|
||||
<div class="box-content" style="padding: 0;">
|
||||
<img src="readable/13-31779025232670.jpg" alt="水晶男孩現場互動">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<section class="ebook-intro section">
|
||||
<h3>隊長聯手逗弄主持人的日常</h3>
|
||||
<p class="ebook-intro-lead">坐在一旁的隊長殷志源看著在錫哥被宰鎮逼到牆角，完全進入了看戲模式！志源非但沒有解圍，反而一把摟住自家大哥，理直氣壯地站在宰鎮這邊，對著在錫哥大喊：「哥要是想拿走，你得自己畫！」
|
||||
</p>
|
||||
<p class="ebook-intro-lead">平常是「初丁弟弟」的志源，配上活在純真世界裡的大哥宰鎮，一搭一唱直接把國民 MC
|
||||
逗得毫無還手之力。這種難以預測的思考方式與出人意料的回答，更讓所有人對這位神祕又迷人的角色充滿了無限的好奇！</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container21 readable-col-2 readable-col-2--right">
|
||||
<img src="/totoga2/readable/13-31779025232670.jpg" alt="水晶男孩現場互動">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
Reference in New Issue
Block a user