﻿
.content1
{
 padding-top: 1.3em;
 font-size:22.6px;	/* blogger: 21.3  另 23  */
 line-height: 39px;	/* 原 35px=26pt, 38px=29pt   */
 color:#333333;
/* width:47%; */
 background-color:#fffffa;
font-family: Roboto, 'Open Sans', Arial;
}


@media (max-width: 767px)      /* 手機螢幕 767 以下 */
{ #main-wrapper { background-color: #fffffa;} 
  body {background-color:#fffffa; } 
}

@media (min-width: 768px)      /* 768 以上 */
{ #main-wrapper { background-color: #d8f2da;} 
 .content1 {padding-left:2em; padding-right:2em;}
 .f13 { padding-bottom:1.5em;}
}


/* 
@media (min-width: 768px) and (max-width:1279px)     平板 768～1279
@media (min-width: 1280px)                           筆電桌機 1280 以上
*/




.audio1, .audio2          /* 每日小品 audio 下圖　*/
{ 
 text-align:center;
/* margin-top:0.8em; */
 margin-bottom:0.7em;
}

@media (max-width: 342px) 
{ 
.audio1, .audio2
 {
  position: relative; 
  padding-bottom: 1.7em; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%;
 }

.audio1 audio, .audio2 audio
 {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
 }
}




.title2		/* 大主標題，居中紅字，18pt，下距 1.6em　*/
{
text-align: center;
font-size:27px; 
color:#cc0030;
margin-bottom: 1.5em;
font-weight:bold;
letter-spacing:0.05em;
margin-top:0;
}


.color1
{ color: blue; }

.color2
{ color: #dc143c; }    /* 嫣紅 */

.color3
{ color: #ff5500; }  /* 橘  fd7d36, ff8240, ff5511 */

.color3b {color:#bb2200;}

.color4
{ color: blue; }



.f14
{ font-size:14pt;  color: #333; }


.f13
{ font-size:13pt;  color: #333; }


.f13a
{ font-size:13pt; }


.f12devo     		/* 每日小品，四字，下是音頻  */
{
font-size:12pt;
color:#888888;
line-height:15pt;
margin-bottom:1em; 
}

img {max-width:100%; height:auto; border-radius: 8px;}



.list1b
{
margin-top:0.5em;
margin-bottom:1.5em;
list-style-type:none;
text-indent:-1.35em;
padding-left:1.35em;
}


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


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


.list1b2   /* list1b 的 10,11, 12.... */
{
margin-top:0.5em;
margin-bottom:1.5em;
list-style-type:none;
padding-left:1.88em;
text-indent:-1.88em;
}



.list4
{
list-style-type:none; 
padding-left: 2em;
text-indent:-2.2em; 
margin-top:1em;
}



.list7 {list-style:disc; padding-left:1em;}       /* 灰藍圈圈 */
.list7 li {color:#0072e3; margin-top:0.8em; line-height:25pt;}
.list7 li * {color:#222;} 




p {margin-bottom:1.5em; margin-top:1.5em; }

b {color:#333;}

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

}



.star1 {text-indent:-1.2em; padding-left:1em;}
.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;}




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


