@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');
*/

body, button, select, .content1, .footertxt, .footertxt2
{
/*  font-family: Roboto, "Noto Sans TC", "Noto Sans SC", sans-serif; */
/*  font-family: Roboto, Sans-Serif; */
  font-family: Roboto, system-ui, Sans-Serif;
  font-optical-sizing: auto;
  font-weight: 350;	/* 350, Noto:315, system-ui: 350..450 */
  font-style: normal;
  font-variation-settings:
  "wdth" 100;
}


.content1
{
font-size:20.7px;  /* 原 16pt */
line-height:26pt;
color:#000000;    /* 原 1a1a1a */

/* 原 font-family: 'Noto Sans TC', Sans-Serif, Arial; */


padding-bottom:0em;


/*
'Noto Sans TC', sans-serif, Roboto, 'Open Sans', Arial;
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;	*/


.body0 {margin:0 auto;}	/* 無背景圖 */
.bodygrass {margin:0 auto; background:#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:white; text-align:center;margin-bottom:0;}

@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;}
.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;}
.title1b0   {color:#0000dd; font-weight:bold; font-size:17pt; 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-top:3px; margin-top:1.8em; margin-bottom:0.8em; color:#fff; font-weight:normal;}


/* 小品，內文 #0033cc  橄欖668800 淺橄欖709d53 */
#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;  }  }


/* header2 頁眉 fixed  */
#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 {margin-top:3em; 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 .content1 {font-size:20.7px; color:222;} */
#article .color4 {color:#0040ff;}
#article .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;}


/* 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;}




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;}

.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;}


.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.3em;
     line-height: 33.3px;  }

.p52 {
     margin-top: 0; 
     margin-bottom: 0.6em;
     line-height: 33.3px;  }
}


.list1b
{
margin-top:0.5em;
margin-bottom:1.5em;
list-style-type:none;
text-indent:-1.4em;	/* 21.3 >> 1.18,  blogger: 1.35 */
padding-left:1.4em;
}


.list1bb0
{
margin-top:0.5em;
margin-bottom:0;
list-style-type:none;
text-indent:-1.4em;
padding-left:1.4em;
}


.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;
}


.list6 {padding-left:1em;}        /* 橘色圈圈 */
.list6 li {color: #ff6000;}
.list6 li * {color:#0066aa;} 


.mline1   {padding-left: 2em; text-indent:-2em; }
.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; }
.mline1t5b5  {margin-top:0.5em; margin-bottom:0.5em;  padding-left: 2em; text-indent:-2em; }

.sline1   { padding-left:1.1em; text-indent:-1.1em; margin-top:0.7em; margin-bottom:0;}
.sline1e  { padding-left:1.1em; text-indent:-1.1em; margin-top:0.7em; }
.sline10  { padding-left:1.64em; text-indent:-1.64em; margin-top:0.7em; margin-bottom:0;}



.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; }




.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;
  }
}

/*
<section class="card card1">
<ol>
  <li>
  <li>
</ol>
</section>
*/


/* 壹、貳，一、二 */
.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: #0000dd; }
.color2  { color: #dc143c; }  /* 嫣紅 */
.color3  { color: #ff5500; }  /* 橘  fd7d36, ff8240, ff5511 */
.color3b { color: #bb2200; }  /* 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:480px) { .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;}


	/* 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; }


.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.6em;
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;
}



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; }  */








/* 全幅 1280px  background-color:#fffff5; font-size:13pt; line-height:19pt;  */
.container1 {
	padding-top:1px;
	padding-bottom:1px;
	margin: 0 auto;
	max-width: 100%;
	width: 1280px;	/* 48em 約 960px ● 原1400px */
}

/* 文字 940px */
.container2 {
	padding-top:1px;
	padding-bottom:1px;
	margin: 0 auto;
	max-width: 100%;
	width: 940px;
}

/* 靈糧，小品，寬同 blogger */
.container3 {
	padding-top:1px;
	padding-bottom:1px;
	margin: 0 auto;
	max-width: 100%;
	width: 890px;
}

#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 (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;} } 

/* ---------- 1059, 1060 */


@media (min-width: 1150px)
{ .content1 {padding-left:2.5em; padding-right:2.5em;} } 




/* 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 */

}
/* gotop2.js 要放在 content1 div 結束下面 */