@charset "UTF-8";
/* 思源體
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
*/
/* 配合 flex:1 讓 footer 保持在頁底 */
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
body, button, select, .content1, .footertxt, .footertxt2
{
/* font-family: Roboto, "Noto Sans TC", "Noto Sans SC", sans-serif; */
/* font-weight: 350, Noto:315, system-ui: 350..450 */
font-family: Roboto, system-ui, sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-variation-settings: "wdth" 100;
}
.content1
{
font-size:20.7px; /* 16pt == 21.3px */
line-height:26pt;
color:#000;
padding-bottom:1px;
}
/* --------------------------
font-size:21.2px; 16pt=21.3px
line-height: 35px; 原 35px=26pt, 38px=29pt
background-color:#fffffa; fffff5 16.5px = 12.5 pt
#d8f2da; 淺綠
--------------------------------- */
/* 不用 input 蘋果語法不受規範
#resizable input {font-size:13pt; border:1px solid #aaa; background-color:#f0fff0; margin-right:0.25em;}
tab-interval:24.0pt; text-justify-trim:punctuation;
body1 簡介：600以上b大588，599以下s小392 60,25%
background-size:40%; auto;
緩慢捲動
html.scroll-auto{scroll-behavior:auto}
html{scroll-behavior:smooth}
*/
.body0 {margin:0 auto; background:#f0fff0; } /* 深 d8f2da, 無背景圖 */
.bodygrass {margin:0 auto; background:#efffef; } /* e8ffe8 中草綠, 淺草綠 f0fff0 */
.body1, .body2, .body3
{ margin:0 auto;
background-attachment: fixed;
background-repeat: no-repeat;
background-color:#ffffff;
}
.body3 {background-position: 100% 100%; background-image:url('../images/bg05a.jpg'); }
@media screen and (max-width: 499px) { .body3 { background-size:auto; } }
@media (min-width: 500px) and (max-width: 1279px) { .body3 { background-size:auto; } }
@media (min-width: 1280px) { .body3 { background-size:100%; } }
.body1 {background-position: 100% 100%; background-image:url('../images/bg01b.jpg'); }
@media screen and (max-width: 499px) { .body1 { background-size:100%; } }
@media (min-width: 500px) and (max-width: 1279px) { .body1 { background-size:auto; } }
@media (min-width: 1280px) { .body1 { background-size:34%; } }
.body2 {background-position: 100% 100%; background-image:url('../images/bg01a.jpg'); }
@media screen and (max-width: 499px) { .body1a { background-size:contain; } }
@media (min-width: 500px) and (max-width: 1279px) { .body1a { background-size:contain; } }
@media (min-width: 1280px) { .body1a { background-size:contain; } }
/* 頁眉 @media screen and (min-width: 1281px) { .header1 {width: 1280px; } }
f8f8ff 淡灰
■ 320 >> 260
320 >> 278
360 >> 336
375 >> 350
*/
.menu1 {max-width:1280px;} /* 頁頂選項 */
/* 固定 position:fixed; top:0; width:100%; long多1em */
.header1 {background-color:#6bbaa7; border:0px solid #eee; padding:1px 0 0.2em 0;} /* div */
.header1 button {color:black; margin-right:0.25em; font-size:16.5px; padding:2px 5px 2px 4px; cursor:pointer; border-radius:2px; border:1px solid #aaa; background-color:#f0fff0; }
.header2 {z-index:9; position:fixed; top:0; width:100%;background-color:#6bbaa7; border:0px solid #eee; padding:1px 0 0.2em 0;} /* div */
.header2 button {color:black; margin-right:0.25em; font-size:16.5px; padding:2px 5px 2px 4px; cursor:pointer; border-radius:2px; border:1px solid #aaa; background-color:#f0fff0; }
.resize1 {line-height:1.5em; border-collapse:collapse; } /* table */
@media (min-width: 360px) { .gohome3b {display:none;} }
@media (max-width: 359px) { .gohome3a {display:none;} }
.gohome3a, .gohome3c {text-align:left; padding-left: 0.3em; } /* select 選單的 td */
.gohome3b {text-align:left; padding-left: 0.3em; }
.gohome1 {text-align:left; padding-left: 0.2em; }
/* 查經資料 ↓ 原100px */
.select1 {width:105px; font-size:13pt; background-color:#f0fff0; padding-top:2px;}
.resize2 {white-space:nowrap; text-align:right; padding-right:0.1em; } /* 大小字 */
.footer1 {background-color:#4fa892; border:1px solid #eee; padding-bottom:0.5em; padding-top:1em; font-family:arial; font-size:11pt; line-height:22pt; }
.footer2 {position:fixed; bottom:0; width:100%; background-color:#4fa892; border:1px solid #eee; padding-bottom:0.5em; padding-top:1em; font-family:arial; font-size:11pt; line-height:22pt; }
.footertxt {font-size:11pt; color:#ffffff; text-align:center;margin-bottom:0; padding:0;}
.footertxt2 {max-width:24em; line-height:17pt; font-size:11pt; color:#000088; margin-top:0.5em; margin-bottom:0.3em; margin-left:0.5em; margin-right:0.5em;}
@media (min-width: 440px) { .s440 {display:none;} }
.gohome4 {font-size:13pt; text-align: center; margin-bottom: 0.5em; margin-top: 1em; color:#aaa;}
.bottompath {font-size:13pt; text-align:center; margin-top:3em; margin-bottom:1em; color:#999;}
.bottompath a:link {text-decoration:none; text-decoration-thickness:1px; color:#4996cb;}
.bottompath a:visited {text-decoration:none; color:#4169e1;}
.bottompath a:hover {text-decoration:none; text-decoration-thickness:1px; color:#ff5511;}
.left1 {margin-top:0; margin-bottom:1.3em; text-align:left;}
.name1 {color:#dd0000; font-size:21pt; font-weight:bold; padding-top:1em; margin-bottom:1.5em; text-align:center;}
.section1 {color:#0000dd; font-size:19pt; margin-top:1.7em; margin-bottom:1em; font-weight:bold;}
.section2 {color:#0000dd; font-size:18pt; margin-top:1.7em; margin-bottom:1em; font-weight:bold;}
@media (max-width: 640px) {
.name1 { font-size:20pt; }
.section1 { font-size:18pt; } }
@media (max-width: 480px) {
.name1 { font-size:18pt; }
.section1 { font-size:17pt; } }
@media (max-width: 320px) {
.section1 { font-size:18pt; }
.section2 { font-size:17pt; } }
.section2red {color:#dd0000; font-size:18pt; padding-top:1.5em; margin-bottom:1em; font-weight:bold;}
.title1 {color:blue;} /* 原 0000dd, 17pt */
.title1i {color:blue; padding-left:1.01em; text-indent:-1.01em;}
.pa1 {margin-top:0.7em;}
.title1b0 {color:blue; margin-bottom:0;}
.title1b1 {color:#0000dd; font-weight:bold; font-size:17pt; margin-bottom:1em;}
.hymntitle1 {color:#0000dd; font-weight:bold; font-size:17pt; margin-bottom:1em; margin-top:1em;}
.hymntitle2 {color:#0000dd; font-weight:bold; font-size:17pt; margin-bottom:1em; margin-top:1.5em;}
.title2rc, .title2rc2 {color:#dd0000; font-weight:bold; text-align:center; font-size:17pt;}
.writer {text-align:right; margin-top:0;}
.title4 {background: linear-gradient(to left, #92fe9d 0%, #6d9626 70%); padding-bottom:0; padding-left:10px; padding-top:3px; margin-top:1.8em; margin-bottom:0.8em; color:#fff; font-weight:normal;}
.title4a {font-size:21px; line-height:30px; padding-left:12px; padding-top:6px; padding-bottom:4px; background: linear-gradient(to left, #92fe9d 0%, #6d9626 70%); margin-top:1.8em; margin-bottom:0.8em; color:#fff; font-weight:normal;}
/* ---------- ■ 取消 article ■
#article .title2rc {font-size:20pt; font-weight:bold; text-align:center; color:#cc0030; letter-spacing:0.04em;
margin-bottom:0.5em; padding-top:1.2em; }
#article .title2rclong {font-size:19pt; line-height:40px; font-weight:bold; text-align:center; color:#cc0030; letter-spacing:0.04em;
margin-bottom:0.5em; padding-top:1.2em; }
@media (max-width: 640px)
{ #article .title2rc { padding-top:1.2em; font-size:18pt; }
#article .title2rclong { padding-top:1.2em; font-size:18pt; line-height:38px; } }
@media (max-width: 480px)
{ #article .title2rclong { padding-top:1.2em; font-size:17pt; line-height:36px; } }
#article .title2rc2 {font-size:20pt; font-weight:bold; text-align:center; color:#cc0030; letter-spacing:0.04em;
margin-bottom:0.5em; padding-top:2.2em; }
#article .title2rclong2 {font-size:19pt; line-height:40px; font-weight:bold; text-align:center; color:#cc0030; letter-spacing:0.04em;
margin-bottom:0.5em; padding-top:2.2em; }
@media (max-width: 640px)
{ #article .title2rc2 { padding-top:2.2em; font-size:18pt; }
#article .title2rclong2 { padding-top:2.2em; font-size:18pt; line-height:38px; } }
@media (max-width: 480px)
{ #article .title2rclong2 { padding-top:2.2em; font-size:17pt; line-height:36px; } }
@media (max-width: 340px)
{ #article .title2rclong2 { padding-top:2.3em; font-size:22px; line-height:24pt; } }
#article .container3 {background:#fffffd;}
#article a:link {text-decoration:none; text-decoration-thickness: 1px; color:#499ed2;}
#article a:visited {text-decoration:none; color:#499ed2; 或 4990c4 }
#article a:hover {text-decoration:none; color:#ff5511;}
#article .bottompath {font-size:13pt; margin-top:3em; text-align:center; color:#999;}
#article .bottompath a:link {text-decoration:none; text-decoration-thickness:1px; color:#4169e1; 原 4996cb }
#article .bottompath a:visited {text-decoration:none; color:#4169e1;}
#article .bottompath a:hover {text-decoration:underline; text-decoration-thickness:1px; color:#ff5511;}
#article .color4 {color:#0040ff;}
#article .color5 {color:#888800;}
----------------------------------------------- */
/* 小品，內文 #0033cc 橄欖668800 淺橄欖709d53 */
.container3 .title2rc {font-size:20pt; font-weight:bold; text-align:center; color:#cc0030; letter-spacing:0.04em;
margin-bottom:0.5em; padding-top:1.2em; }
.container3 .title2rclong {font-size:19pt; line-height:40px; font-weight:bold; text-align:center; color:#cc0030; letter-spacing:0.04em;
margin-bottom:0.5em; padding-top:1.2em; }
@media (max-width: 640px)
{ .container3 .title2rc { padding-top:1.2em; font-size:18pt; }
.container3 .title2rclong { padding-top:1.2em; font-size:18pt; line-height:38px; } }
@media (max-width: 480px)
{ .container3 .title2rclong { padding-top:1.2em; font-size:17pt; line-height:36px; } }
/* header2 頁眉 fixed */
.container3 .title2rc2 {font-size:20pt; font-weight:bold; text-align:center; color:#cc0030; letter-spacing:0.04em;
margin-bottom:0.5em; padding-top:2.2em; }
.container3 .title2rclong2, .container1 .title2rclong2 {font-size:19pt; line-height:40px; font-weight:bold; text-align:center; color:#cc0030; letter-spacing:0.04em;
margin-bottom:0.5em; padding-top:2.2em; }
@media (max-width: 640px)
{ .container3 .title2rc2 { padding-top:2.2em; font-size:18pt; }
.container3 .title2rclong2, .container1 .title2rclong2 { padding-top:2.2em; font-size:18pt; line-height:38px; } }
@media (max-width: 480px)
{ .container3 .title2rclong2, .container1 .title2rclong2 { padding-top:2.2em; font-size:17pt; line-height:36px; } }
@media (max-width: 340px)
{ .container3 .title2rclong2, .container1 .title2rclong2 { padding-top:2.3em; font-size:22px; line-height:24pt; } }
@media (max-width: 329px)
{ .container3 .title2rclong2 { padding-top:2.3em; font-size:16pt; line-height:24pt; } }
.container3 a:link {text-decoration:none; text-decoration-thickness: 1px; color:#499ed2;}
.container3 a:visited {text-decoration:none; color:#499ed2;}
.container3 a:hover {text-decoration:none; color:#ff5511;}
.container3 .bottompath {font-size:13pt; margin-top:3em; text-align:center; color:#999;}
.container3 .bottompath a:link {text-decoration:none; text-decoration-thickness:1px; color:#4169e1;} /* 原 4996cb */
.container3 .bottompath a:visited {text-decoration:none; color:#4169e1;}
.container3 .bottompath a:hover {text-decoration:underline; text-decoration-thickness:1px; color:#ff5511;}
.container3 .color4 {color:#0040ff;}
.container3 .color5 {color:#888800;}
.container1 a:link {text-decoration:none; text-decoration-thickness: 1px; color:#499ed2;}
.container1 a:visited {text-decoration:none; color:#499ed2;}
.container1 a:hover {text-decoration:none; color:#ff5511;}
.container1 .bottompath {font-size:13pt; margin-top:3em; text-align:center; color:#999;}
.container1 .bottompath a:link {text-decoration:none; text-decoration-thickness:1px; color:#4169e1;} /* 原 4996cb */
.container1 .bottompath a:visited {text-decoration:none; color:#4169e1;}
.container1 .bottompath a:hover {text-decoration:underline; text-decoration-thickness:1px; color:#ff5511;}
.container1 .color4 {color:#0040ff;}
.container1 .color5 {color:#888800;}
#chts a:link {text-decoration:none; color:#333;}
#chts a:visited {text-decoration:none; color:#333;}
#chts a:hover {text-decoration:none; color:#333;} /* color:#4990C4; */
#chts u {text-decoration-thickness:2px; text-underline-offset:3px;}
#chts {padding:2px 8px 2px 7px;}
.chts2 {font-size:12pt; border:1px solid #eee; padding:3px 3px 1px 3px; background-color:#f8ffff; border-radius:8px;}
.chtscircle {cursor:pointer; font-size:20px; color:blue; border:1px solid #5599ff; width:34px; height:34px; border-radius: 50%; line-height:36px;}
.chtscircle2 {padding-right:0.36em;}
/* 2023每日靈糧 */
#daily-bread .container2 {background:#fffffb;}
#daily-bread .column1 {color:#00598f; font-weight:bold;}
@media (max-width:600px) { #daily-bread .column1 {font-weight:normal;} }
#daily-bread a:link {text-decoration:none; text-decoration-thickness: 1px; color:#4990c4;}
#daily-bread a:visited {text-decoration:none; color:#4990c4;}
#daily-bread a:hover {text-decoration:underline; text-decoration-thickness:1px; color:#ff5511;}
#daily-bread .bottompath a:link {text-decoration:none; text-decoration-thickness:1px; color:#4990c4;}
#daily-bread .bottompath a:visited {text-decoration:none; color:#4169e1;}
#daily-bread .bottompath a:hover {text-decoration:underline; text-decoration-thickness:1px; color:#ff5511;}
#dailybread_hymn a:link {text-decoration:underline; text-decoration-thickness:1px;}
#dailybread_bible a:link {text-decoration:underline; text-decoration-thickness:1px;}
#daily-bread .color4 {color:#0040ff;}
#daily-bread .color5 {color:#bb5500;}
/* 王白 */
.EzraWang .sp2 {margin-bottom:0; margin-top:0;}
.EzraWang .sp2t08 {margin-bottom:0; margin-top:0.8em;}
.EzraWang .xp {margin-top:1.6em;}
.EzraWang .xp2 {margin-top:1.6em;}
.EzraWang .sp {margin-top:1.6em;}
.EzraWang .xp2 {margin-bottom:0;}
table {border-collapse:collapse; }
p {margin-top:0; margin-bottom:1.6em; }
/* 英數折行 word-break:break-all;
text-align:justify; text-justify:inter-ideograph;
word-break: break-all;
line-break: anywhere;
*/
.ptable td {vertical-align:top; padding:0; border:none; }
.ptable {margin-top:0 margin-bottom:1.3em;}
.listi td {text-align: justify; padding-left:0; padding-right:0; padding-top:0; vertical-align:top; }
.pb13 {padding-bottom:1.3em;}
.pb1 {padding-bottom:1em;}
.pb0 {padding-bottom:0;}
.pb03 {padding-bottom:0.3em;}
.pb05 {padding-bottom:0.5em;}
.pb05 {padding-bottom:0.6em;}
.pb07 {padding-bottom:0.7em;}
.pb08 {padding-bottom:0.8em;}
.b05 {margin-bottom:0.5em;}
.b03 {margin-bottom:0.3em;}
.b08 {margin-bottom:0.8em;}
.b1 {margin-bottom:1em;}
.b0 {margin-bottom:0;}
.t0b05 {margin-top:0em; margin-bottom:0.5em;}
.t0 {margin-top:0; }
.t0b0 {margin-top:0; margin-bottom:0;}
.t03 {margin-top:0.3em;}
.t03b0 {margin-top:0.3em; margin-bottom:0;}
.t05 {margin-top:0.5em;}
.t05b0 {margin-top:0.5em; margin-bottom:0;}
.t08 {margin-top:0.8em;}
.t08b0 {margin-top:0.8em; margin-bottom:0;}
.t1 {margin-top:1em;}
.t1b0 {margin-top:1em; margin-bottom:0;}
.t14b0 {margin-top:1.5em; margin-bottom:0;}
.t15b0 {margin-top:1.5em; margin-bottom:0;}
.indent4 {padding-left:4em; text-indent:-4em;}
.p6 {margin-top:0; margin-bottom:1em;}
@media (max-width: 414px) /* 直，窄螢幕 */
{
.p3 {
margin-top:0em;
margin-bottom:0.8em;
line-height: 34px; } /* 34=25.5pt */
.p5 {
margin-top: 0em;
margin-bottom: 0.7em;
line-height: 33.3px; } /* 33.3=25pt */
.p51 {
margin-top: 0em;
margin-bottom: 0.38em;
line-height: 33.3px; } /* 33.3=25pt */
.p52 {
margin-top: 0em;
margin-bottom: 0.8em;
line-height: 33.3px; } /* 33.3=25pt */
}
/* 橫屏 640/592, 568/520 */
@media (min-width: 415px) and (max-width: 640px)
{
.p3 {
margin-top:0em;
margin-bottom:0.8em;
line-height: 34px; }
.p5 {
margin-top: 0em;
margin-bottom: 0.53em;
line-height: 33.3px; }
.p51 {
margin-top: 0em;
margin-bottom: 0.38em;
line-height: 33.3px; }
.p52 {
margin-top: 0em;
margin-bottom: 0.65em;
line-height: 33.3px; }
}
@media (min-width: 641px) /* 橫，寬屏 */
{
.p3 {
margin-top:0em;
margin-bottom:0.7em;
line-height: 35px; } /* 原是 36px, (37px=28pt) */
.p5 {
margin-top: 0;
margin-bottom: 0.33em;
line-height: 33.3px; }
.p51 {
margin-top: 0;
margin-bottom: 0.26em;
line-height: 33.3px; }
.p52 {
margin-top: 0;
margin-bottom: 0.6em;
line-height: 33.3px; }
}
.list1b
{
margin-top:0.5em;
margin-bottom:1.6em;
list-style-type:none;
text-indent:-1.36em; /* 21.3 >> 1.18, blogger: 1.35 */
padding-left:1.36em;
}
.list1bb0
{
margin-top:0.5em;
margin-bottom:0;
list-style-type:none;
text-indent:-1.36em;
padding-left:1.36em;
}
.list1c2
{
margin-top:0.15em;
margin-bottom:1em;
list-style-type:none;
text-indent:-1.5em;
padding-left:1.5em;
}
.list1c2b0
{
margin-top:0.15em;
margin-bottom:0;
list-style-type:none;
text-indent:-1.5em;
padding-left:1.5em;
}
.list1d, .list1b2 /* 同上 10, 11, .... (10)(11)..... */
{
margin-top:0;
margin-bottom:1.5em;
list-style-type:none;
padding-left:2.05em;
text-indent:-2.05em;
/* padding-left:1.42em; text-indent:-2em; */
}
.list1e /* list1c 下的 a. b. ... 默想 0323 */
{
margin-top:0.15em;
margin-bottom:1em;
list-style-type:none;
padding-left:1.2em;
text-indent:-1.09em;
}
.list4
{
list-style-type:none;
padding-left: 2em;
text-indent:-2em;
margin-top:0.8em;
margin-bottom:1.6em;
}
.list6 {padding-left:1em;} /* 橘色圈圈 */
.list6 li {color: #ff6000;}
.list6 li * {color:#0066aa;}
.hr2
{
border: 0;
border-top: 1px solid #ccc;
height: 1px;
width: 60%;
margin-left: 0px;
margin-bottom: 2em;
}
.mline1 {padding-left:2em; text-indent:-2em; }
.mline10 {padding-left:3em; text-indent:-3em; }
.mline1b {margin-top:0.8em; margin-bottom:0; padding-left: 2em; text-indent:-2em; }
.mline1c {margin-top:1em; margin-bottom:0; padding-left: 2em; text-indent:-2em; }
.mline1e {margin-top:1em; padding-left: 2em; text-indent:-2em; }
.sline1 { padding-left:1.05em; text-indent:-1.05em; margin-top:0.7em; margin-bottom:0;}
.sline1e { padding-left:1.05em; text-indent:-1.05em; margin-top:0.7em; }
.sline10 { padding-left:1.64em; text-indent:-1.64em; margin-top:0.7em; margin-bottom:0;}
/* 大點中點下的文字 */
.mline1p1 {margin-left:2em; margin-bottom:0.3em; margin-top:0.5em;}
.mline1p2 {margin-bottom:0.3em; margin-top:0.5em;}
.sline1p {margin-left:2.01em; margin-bottom:0.5em;}
.sline10p {margin-left:2.48em; margin-bottom:0.5em;}
@media (min-width: 500px)
{.sline1, .sline1e, .mline1p2 {margin-left:0.95em;}
.sline10 {margin-left:0.35em;}
}
.sline2 { padding-left:1.15em; text-indent:-1.15em; margin-top:0.7em; margin-bottom:0; margin-left:1em;}
.sline2e { padding-left:1.15em; text-indent:-1.15em; margin-top:0.7em; margin-left:1em;}
.JamesLin .mline1, .mline10 {margin-bottom:0.3em; margin-top:0em;}
.JamesLin .sline1 {margin-bottom:0.3em; margin-top:0em;}
.JamesLin .sline10 {margin-bottom:0.3em; margin-top:0em;}
.JamesLin .sline2 {margin-bottom:0.3em; margin-top:0em; margin-left:1.8em;}
@media (max-width: 500px)
{.JamesLin .sline2 {margin-left:1em;} .sline1p {margin-left:1.06em;}
.sline10p {margin-left:1.68em;}
}
/* 要點 */
.main1 .mline1 {margin-bottom:0.3em; margin-top:1em;}
.main1 .mline10 {margin-bottom:0.3em; margin-top:1em;}
.main1 .sline1 {margin-bottom:0.3em; margin-top:0.5em;}
.main1 .sline10 {margin-bottom:0.3em; margin-top:0.5em;}
.main1 .sline2 {margin-bottom:0.3em; margin-top:0.5em; margin-left:1.8em;}
/* 要點 abc 與 大綱 abc1 的上距不同 */
.abc {margin-left:1.84em; margin-top:0em; margin-bottom:0.5em;}
.abc td {vertical-align:top; }
.abc1 {margin-left:1.84em; margin-top:0em; margin-bottom:0.3em;}
.abc1 td {vertical-align:top; }
/* 要點 */
.td10 {padding-top:0; padding-bottom:0.35em; padding-right:0.3em; padding-left:0;}
.td20 {padding-top:0; padding-bottom:0.35em; padding-right:0; padding-left:0;}
.td11 {padding-top:0em; padding-bottom:0.35em; padding-right:0.3em; padding-left:0;}
.td21 {padding-top:0em; padding-bottom:0.35em; padding-right:0; padding-left:0;}
.td12 {padding-top:0em; padding-bottom:0; padding-right:0.3em; padding-left:0;}
.td22 {padding-top:0em; padding-bottom:0; padding-right:0; padding-left:0;}
/* 大綱 */
.abc1 .td10 {padding-top:0; padding-bottom:0.3em; padding-right:0.3em; padding-left:0;}
.abc1 .td20 {padding-top:0; padding-bottom:0.3em; padding-right:0; padding-left:0;}
.abc1 .td11 {padding-top:0em; padding-bottom:0.3em; padding-right:0.3em; padding-left:0;}
.abc1 .td21 {padding-top:0em; padding-bottom:0.3em; padding-right:0; padding-left:0;}
.abc1 .td12 {padding-top:0em; padding-bottom:0; padding-right:0.3em; padding-left:0;}
.abc1 .td22 {padding-top:0em; padding-bottom:0; padding-right:0; padding-left:0;}
.t05b3 {margin-top:0.36em; margin-bottom:0.2em;}
@media (max-width: 500px)
{.main1 .sline2 {margin-left:1em;}
.abc, .abc1 {margin-left:0.9em;}
}
/* 原 font-size:24px; vertical-align:0; color:red; */
.rarrow {color:#ff3333; font-size:20px; position:relative; top:50%; margin:0 auto; +transform(translateY(-50%)); padding-right:2px; }
.rarrow1 {color:#ff3333; font-size:24px; position:relative; top:50%; margin:0 auto; +transform(translateY(-50%)); padding-right:1px; }
.JamesLin .title1c {font-size:22px; text-align:center; color:blue; font-weight:bold;}
.JamesLin .title3c {font-size:22px; text-align:center; margin-top:4em; color:blue; font-weight:bold;}
@media (max-width: 500px)
{.JamesLin .title1c, .JamesLin .title3c {font-weight:normal;} }
.JamesLin .f12devo {margin-bottom:-2em;}
/*
background: radial-gradient(circle, #6d9626 50%, #92fe9d);
*/
.JamesLin .title4, .title41 { background: linear-gradient(to right, #3ab5b0 0%, #3d99be 31%, #56317a 100%); font-size:16pt; line-height:22pt; text-align:center; padding-bottom:6px; padding-top:8px; margin-top:2.5em; margin-bottom:0.8em; color:#fff;}
@media (max-width: 500px)
{.JamesLin .title4, .title41 {font-size:15pt;} }
.JamesLin .t1b1 {color:#0000cc; margin-top:1.5em; margin-bottom:1em;}
.JamesLin .t1b0c {color:#0000cc; margin-top:2em; margin-bottom:0;}
.hr3 {margin-top:-2.5em; border-top:1px solid #5555ff; margin-left:4em; margin-bottom:2em;}
.writer2 /* 作者後有中線 */
{ text-align:right; margin-top:0; margin-bottom:0;}
.writer1 { text-align:right; margin-top:0.5em; }
.list1bp1 /* 在 list1b 裡的段落文字 */
{margin-top:0.8em; margin-bottom:0; padding-left:0; text-indent:0; }
.list1bp2
{margin-top:0.8em; padding-left:0; text-indent:0; }
.list1bp3
{margin-top:0.5em; padding-left:0; text-indent:0; }
.list1bp4
{margin-top:0.5em; margin-bottom:0; padding-left:0; text-indent:0; }
.list1bp40
{margin-top:0.3em; margin-bottom:0; padding-left:0; text-indent:0; }
.list7 {list-style:disc; padding-left:1em;} /* 灰藍圈圈 */
.list7 li {color:#0072e3; margin-top:0.8em; line-height:25pt;}
.list7 li * {color:#222;}
.star1 {text-indent:-1.22em; padding-left:1.22em;}
.star1b0 {text-indent:-1.2em; padding-left:1em; margin-bottom:0;}
.star1t1 {text-indent:-1.2em; padding-left:1em; margin-top:1em;}
.star1t0 {text-indent:-1.2em; padding-left:1em; margin-top:0;}
.star1t0b1 {text-indent:-1.2em; padding-left:1em; margin-top:0; margin-bottom:1em;}
.star1t05b0 {text-indent:-1.2em; padding-left:1em; margin-top:0.5em;margin-bottom:0;} .star1t05{text-indent:-1.2em; padding-left:1em; margin-top:0.5em;}
.star1s {color:#d22222;}
.dot1 {padding-left:1em;}
.dot1 li {color:#0072e3;}
.dot1 li * {color:#222;}
/*
.list1 {padding-left:2em; text-indent:-2em; }
.list1b0 {padding-left:2em; text-indent:-2em; margin-bottom:0; }
.list1b05 {padding-left:2em; text-indent:-2em; margin-bottom:0.5em; }
.i5b08 {text-align:left; padding-left:5em; text-indent:-5em; margin-top:0; margin-bottom:0.8em;}
.i6b08 {text-align:left; padding-left:6em; text-indent:-6em; margin-top:0; margin-bottom:0.8em;}
.i5 {padding-left:5em; text-indent:-5em; margin-top:0; }
*/
.card1 {
ol {
list-style: none;
padding-left:1em;
/* 命名自訂標號變數 */
counter-reset: my-counter;
}
ol li {
/* 使用自訂標號 */
counter-increment: my-counter;
/* 段落首行縮排 0066aa 00738f */
text-indent: -1.18em; color:#0B5394;
}
/* 以偽元素自訂標號樣式 */
ol li::before {
content: "❖ ";
/* content: "("counter(my-counter) ")"; */
color: #ff3333;
}
}
/*
*/
/* 壹、貳，一、二 */
.btitle { padding-left:2em; text-indent:-2em; margin-top:0.7em; margin-bottom:0; color:blue;}
/* 拾壹、十一 */
.btitle2 { padding-left:3em; text-indent:-3em; margin-top:0.7em; margin-bottom:0; color:blue;}
/* 小點 1,2,3.... */
.stitle { padding-left:1em; text-indent:-1em; margin-top:0.7em; margin-bottom:0;}
/* 小點 a,b,c.... */
.atitle { padding-left:1em; text-indent:-1em; margin-top:0.7em; margin-bottom:0; margin-left:1em;}
.color1 { color: blue; }
.color1b { color: blue; font-size:21.3px; font-weight:bold; }
.color1c { color: blue; font-size:21.7px; font-weight:bold;}
/* @media (min-width: 500px) { .color1b, .color1c {font-weight:bold;} } */
.color2 { color: #dc143c; } /* 嫣紅 */
.color3 { color: #ff5500; } /* 橘 fd7d36, ff8240, ff5511 */
.color3b { color: #bb2200; }
/* .color4 { color: #007799; } 0080c0 #0033cc; 00598f */
.color6 { color: #0000cc; }
.pray { color: #008822; } /* 003c9d湛藍, 0088a8青藍, 79031d 褐 008b8b, 2200dd, 80 4a30ff 禱告：藍紫 */
/* 每日讀經 #008b8b */
.color6b {color:#0000cc; font-weight:bold; margin-top:2em; margin-bottom:0; }
.color6c {color:#0000cc; font-weight:bold;}
@media (max-width: 490px) { .color6b, .color6c {font-weight:normal;} }
.t032 {margin-top:0.3em}
.t032b0 {margin-top:0.3em; margin-bottom:0;}
.pray2 {color:#008822; margin-top:0.3em;}
.title10 {margin-top:0.86em; margin-bottom:0.896em; line-height:24pt; padding-left:4em; text-indent:-4em;}
.f14 { font-size:14pt;}
.f13 { font-size:13pt; }
.f13c { font-size:13pt; text-align: center; }
.f12devo /* 每日小品，四字，下是音頻 */
{
font-size:12pt;
color:#888888;
line-height:15pt;
margin-bottom:0.8em;
margin-top:2em;
}
.f12
{
font-size:12pt;
color:#666;
line-height:15pt;
margin-top:2em;
}
.f12b
{
font-size:12pt;
color:#888;
line-height:15pt;
margin-top:1em;
}
.f12b1 /* 每日靈修，無音頻 */
{
font-size:12pt;
color:#888888;
line-height:15pt;
margin-bottom:1em;
margin-top:2em;
}
img {max-width:100%; height:auto; }
/* 手機 */
@media (max-width: 480px) {
.question1 {font-weight:normal;}
.star1s {font-size:smaller;}
.color4 {color:#0040ff; font-weight:normal;}
.image3 {margin-bottom:1em;}
}
@media (min-width: 481px) {
.image3 {margin-bottom:1.2em;} }
.audio1
{
text-align:center;
/* margin-top:0.8em; */
margin-bottom:0.5em;
}
@media (max-width: 342px)
{
.audio1, .audio2
{
position: relative;
padding-bottom: 1.7em;
height: 0;
overflow: hidden;
max-width: 100%;
margin-bottom:0.7em;
}
.audio1 audio, .audio2 audio
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
.video4by3 /* 4:3 的 RWD */
{
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.video4by3 iframe, .video4by3 object, .video4by3 embed
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* 16:9 youtube iframe 自適應，搭配405,406px */
.videodiv
{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
@media screen and (max-width: 405px)
{
.videodiv iframe,
.videodiv object,
.videodiv embed
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media screen and (min-width: 406px)
{
.videodiv iframe,
.videodiv object,
.videodiv embed
{
position: absolute;
top: 0;
left: 0%;
width: 100%;
height: 100%;
}
}
/* ■ 單一下拉選單 ■ */
.dropdown {
position: relative;
display: inline-block; }
.dropbtn {
border-radius:2px;
border:1px solid #aaa;
background:#f0fff0;
color: black;
padding:2px 5px 0px 5px;
font-size: 16.5px;
cursor: pointer;
margin-right:0.28em;
margin-top:-1px;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
text-align:center;
/* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
right: 0;
padding-top:0.3em;
min-width: 44px;
z-index:9;
margin-right:0.28em;
}
.dropdown-content a {
color: black;
text-decoration: none;
display: block;
padding-top:8px;
padding-bottom:6px;
/* border-top:1px solid #bbb; border-left:1px solid #bbb; border-right:1px solid #bbb; */
font-size:16.5px;
cursor: pointer;
/* overflow:auto; */
}
.dropdown-content a:hover {background-color:#999; color:#fff; text-decoration:none;}
.dropdown:hover .dropdown-content { display: block; }
/* .dropdown:hover .dropbtn { background-color: #ffffd0; } */
/* ■ 開合 details, summary ■ */
.deta { margin-top:1em; margin-bottom:1em; }
.sum1 { width:7em; margin-top:0; color:#ff4500; font-size:12pt; cursor:pointer; }
.dverse { margin-top:0.5em; padding-left:1.75em; margin-bottom:0.8em; }
.sum2 { color:#ff4500; margin-top:0; margin-bottom:1em; font-size:10pt; cursor:pointer; }
.dverse li {margin-bottom:0.35em;}
/* 全幅 1280px background-color:#fffff5; font-size:13pt; line-height:19pt; */
.container1 {
flex:1;
background-color:#fffffd;
padding-top:1px;
padding-bottom:1px;
margin: 0 auto;
max-width: 100%;
width: 1280px; /* 48em 約 960px ● 原1400px */
}
/* 文字 940px */
.container2 {
flex:1;
background-color:#fffffd;
padding-top:1px;
padding-bottom:1px;
margin: 0 auto;
max-width: 100%;
width: 940px;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
/* 靈糧，小品，寬同 blogger */
.container3 {
flex:1;
background-color:#fffffd;
padding-top:1px;
padding-bottom:1px;
margin: 0 auto;
max-width: 100%;
width: 890px;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
/* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
*/
}
#goodnight .content1 {padding-left:0px; padding-right:0px;}
/* 外框陰影
@media (min-width: 1316px) {
.container11 { box-shadow: 2px 8px 15px rgba(200, 200, 200, 0.6);} }
*/
@media (min-width:100px) and (max-width: 320px)
{ .content1 {padding-left:0.7em; padding-right:0.7em;} }
@media (min-width: 321px) and (max-width: 360px)
{ .content1 {padding-left:0.7em; padding-right:0.7em; } }
@media (min-width: 361px) and (max-width: 375px)
{ .content1 {padding-left:0.7em; padding-right:0.7em; } }
@media (min-width: 376px) and (max-width: 384px)
{ .content1 {padding-left:0.7em; padding-right:0.7em; } }
@media (min-width: 385px) and (max-width: 390px)
{ .content1 {padding-left:0.7em; padding-right:0.7em; } }
@media (min-width: 391px) and (max-width: 393px)
{ .content1 {padding-left:0.7em; padding-right:0.7em; } }
@media (min-width: 394px) and (max-width: 400px)
{ .content1 {padding-left:0.7em; padding-right:0.7em; } }
@media (min-width: 401px) and (max-width: 412px)
{ .content1 {padding-left:0.7em; padding-right:0.7em; } }
@media (min-width: 413px) and (max-width: 414px)
{ .content1 {padding-left:0.7em; padding-right:0.7em; } }
@media (min-width: 415px) and (max-width: 418px)
{ .content1 {padding-left:0.7em; padding-right:0.7em; } }
@media (min-width: 419px) and (max-width: 428px)
{ .content1 {padding-left:0.74em; padding-right:0.74em; } }
/*
320, 360, 375, 384, 390, 393, 400, 411, 412, 414, 418, 428, 533, 540, 568
平板：600, 603, 640, 720, 731, 768, 800, 810, 820, 823, 834, 853, 1024
*/
@media (min-width: 429px) and (max-width: 533px)
{ .content1 {padding-left:0.84em; padding-right:0.84em; } }
@media (min-width: 534px) and (max-width: 540px)
{ .content1 {padding-left:0.84em; padding-right:0.84em; } }
@media (min-width: 541px) and (max-width: 568px)
{ .content1 {padding-left:0.84em; padding-right:0.84em; } }
@media (min-width: 569px) and (max-width: 599px)
{ .content1 {padding-left:1em; padding-right:1em; } }
@media (min-width: 600px) and (max-width: 602px)
{ .content1 {padding-left:1.3em; padding-right:1.3em;} }
@media (min-width: 603px) and (max-width: 639px)
{ .content1 {padding-left:1.3em; padding-right:1.3em;} }
@media (min-width: 640px) and (max-width: 719px)
{ .content1 {padding-left:1.3em; padding-right:1.3em;} }
@media (min-width: 720px) and (max-width: 730px)
{ .content1 {padding-left:1.5em; padding-right:1.5em;} }
@media (min-width: 731px) and (max-width: 767px)
{ .content1 {padding-left:1.5em; padding-right:1.5em;} }
@media (min-width: 768px) and (max-width: 799px)
{ .content1 {padding-left:1.6em; padding-right:1.6em;} }
@media (min-width: 800px) and (max-width: 809px)
{ .content1 {padding-left:2em; padding-right:2em;} }
@media (min-width: 810px) and (max-width: 819px)
{ .content1 {padding-left:2em; padding-right:2em;} }
@media (min-width: 820px) and (max-width: 822px)
{ .content1 {padding-left:2em; padding-right:2em;} }
@media (min-width: 823px) and (max-width: 833px)
{ .content1 {padding-left:2em; padding-right:2em;} }
@media (min-width: 834px) and (max-width: 852px)
{ .content1 {padding-left:2em; padding-right:2em;} }
@media (min-width: 853px) and (max-width: 899px)
{ .content1 {padding-left:2em; padding-right:2em;} }
@media (min-width: 900px) and (max-width: 1023px)
{ .content1 {padding-left:2em; padding-right:2em;} }
@media (min-width: 1024px) and (max-width: 1149px)
{ .content1 {padding-left:2em; padding-right:2em;} }
@media (min-width: 1150px)
{ .content1 {padding-left:2.5em; padding-right:2.5em;} }
/* ---------- 1059, 1060 */
/* 12/27/2022 取消 ---------------------------------------
@media (min-width: 1150px) and (max-width: 1280px)
{ .content1 {padding-left:2.5em; padding-right:2.5em;} }
@media (min-width: 1281px) and (max-width: 1302px)
{ .content1 {padding-left:2em; padding-right:2em;} }
@media (min-width: 1303px) and (max-width: 1321px)
{ .content1 {padding-left:1.5em; padding-right:1.5em;} }
@media (min-width: 1322px) and (max-width: 1346px)
{ .content1 {padding-left:1em; padding-right:1em;} }
--------------------------------------------------------- */
/*
@media (min-width: 1060px)
{ .content1 {padding-left:2em; padding-right:2em;} }
*/
#gotop {
display: none; /* gotop 位置 right, bottom */
position: fixed; /* 固定右下角 */
right: 5%; /* 右距 40 */
/* bottom: 8%; 用 js 判定下距 px */
/* padding: 4px; 圓內大小 10 15 */
font-size: 30px; /* 文字大小 */
line-height: 1.2em;
background-color: #ff88c2; /* 圓背景色 */
font-weight:bold;
color: white;
cursor: pointer; /* 游標指到 */
width: 40px;
height: 40px;
border-radius: 999em; /* border-radius: 50px; 圓 */
border-color: #ff0088;
border-style: solid;
border-width: 1px;
opacity:0.4; /* 透明度 0.0到1.0 */
z-index:2;
}
/* gotop2.js 要放在 content1 div 結束下面 */
@media (min-width:1441px) {#gotop {right:12%;} }
@media (max-width:1440px) {#gotop {right:10%;} }
@media (max-width:1280px) {#gotop {right:8%;} }
@media (max-width:1024px) {#gotop {right:3%;} }
@media (max-width:800px) {#gotop {right:3.5%;} }
@media (max-width:768px) {#gotop {right:5%;} }