<a href="/aboutus" hreflang="en">關於我們 About Us</a>

<link href="../gcss/my-g-css.css" rel="stylesheet" />
<link href="../gcss/w3-410.css" rel="stylesheet" />
<style>
.new-change-color {
font-family: /* futura*/;
font-style: ;
width:100%;
/* margin: 0 auto; */
text-align: center;
color:#313131;
font-size:20px;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2px;
position: /*absolute*/;
-webkit-animation:new-colorchange 40s infinite alternate;
}
.site-name-eng {font-size:24px; letter-spacing:1px; font-family: Georgia, Cursive, Cambria, Helvetica, sans-serif;}

@-webkit-keyframes colorchange {
0% { color: gold; }
10% {color: Ivory; }
20% {color: red; }
30% {color: yellow;}
40% { color: green;}
50% {color: MediumSpringGreen;}
60% { color: orange; }
70% { color: Purple; }
80% { color: White;}
90% {color: silver; }
100% {color: OrangeRed;}}

/* On screens that are 992px or less,
@media screen and (max-width: 992px) {
.change-color { font-size:22px; }
.site-name-eng {font-size:20px; }}*/

@media (min-width: 768px)
{.change-color { font-size:20px; }
.site-name-eng {font-size:18px; line-height:12px; }}

/* On screens that are 600px or less, */
@media screen and (max-width: 600px)
{.change-color { font-size:18px; }
.site-name-eng {font-size:16px; }}

/* On screens that are 360px or less, */
@media screen and (max-width: 360px)
{.change-color { font-size:14px; }
.site-name-eng {font-size:12px; }}
/*
0% { color: gold; }
10% {color: #8e44ad; }
20% {color: #1abc9c; }
30% {color: #d35400;}
40% { color: gold;}
50% {color: #34495e;}
60% { color: orange; }
70% { color: #2980b9; }
80% { color: #f1c40f;}
90% {color: #2980b9; }
100% {color:green;}
}*/

/* video background */
#background-video {
height: 100vh;
width: 100vw;
object-fit: cover;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}

/* page content */
h1 {
font-family: Georgia, "AR PL UKai CN", "regular script", "kaiti", "kaishu", "zhengshu", "zhengkai",cursive,Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
}
</style>

<video id="background-video" autoplay loop muted poster="https://www.gloryw.org/imgvid/images/cross.webp&quot; width="100%;">
<source src="https://www.gloryw.org/imgvid/skymtn.mp4&quot; type="video/mp4">
</video>
<div class="w3-row shadow-box w3-wide" style=" width:100%; opacity:0.9; ">
<h1 class="change-color" style="font-size:150%;letter-spacing:1px;">
<strong>華人雲端基督教會 </strong> <br>
<span class="site-name-eng"><i>&nbsp;Chinese Christian Cloud Church&nbsp;</i><br></span>
</div><!--- DPC on 12/04/2024 --->

<!--- Before 12/03/2024 -------
<style>
<link href="https://www.gloryw.org/gcss/my-g-css.css&quot; rel="stylesheet" />
.new-change-color {
font-family: /* futura*/;
font-style: ;
width:100%;
/* margin: 0 auto; */
text-align: center;
color:#313131;
font-size:20px;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2px;
position: /*absolute*/;
-webkit-animation:new-colorchange 40s infinite alternate;
}
.site-name-eng {font-size:24px; letter-spacing:1px; font-family: Georgia, Cursive, Cambria, Helvetica, sans-serif;}
@-webkit-keyframes colorchange {
0% { color: gold; }
10% {color: Ivory; }
20% {color: red; }
30% {color: yellow;}
40% { color: green;}
50% {color: MediumSpringGreen;}
60% { color: orange; }
70% { color: Purple; }
80% { color: White;}
90% {color: silver; }
100% {color: OrangeRed;}}

/* On screens that are 992px or less,
@media screen and (max-width: 992px) {
.change-color { font-size:22px; }
.site-name-eng {font-size:20px; }}*/

@media (min-width: 768px)
{.change-color { font-size:20px; }
.site-name-eng {font-size:18px; line-height:12px; }}

/* On screens that are 600px or less, */
@media screen and (max-width: 600px)
{.change-color { font-size:18px; }
.site-name-eng {font-size:16px; }}

/* On screens that are 360px or less, */
@media screen and (max-width: 360px)
{.change-color { font-size:14px; }
.site-name-eng {font-size:12px; }}
/*
0% { color: gold; }
10% {color: #8e44ad; }
20% {color: #1abc9c; }
30% {color: #d35400;}
40% { color: gold;}
50% {color: #34495e;}
60% { color: orange; }
70% { color: #2980b9; }
80% { color: #f1c40f;}
90% {color: #2980b9; }
100% {color:green;}
}*/
</style>

<div class="change-color"><p class="shadow-box w3-wide" style="text-align:center; width: 100%;margin-left: auto; margin-right: auto; color:gold;"><br> 華人雲端基督教會<br> <span class="site-name-eng"><i>&nbsp;Chinese Christian Cloud Church&nbsp;</i></span><br><br></p></div>
<!--- Mark off on 12/01/2023 because Thanksgiving day already passed
<div style="w3-center">
<img src="https://www.gloryw.org/imgvid/thankyouGod.jpg&quot; width="50%" style="vertical-align:middle;margin:0px 0px;" alt="ThanksGiving Pic"/>
</div> --->
<!-- <span class="kaiti" style="text-align:center;font-size:14px;">禱告 - 聖經研究 - 敬拜讚美 - 證道 - 見證 - 搜尋經文 -->