/* zieo@zieo.com pc */

#zTop { background:none; }
.zSlide { height:450px; font-size:0; }
#zLogin>ul>li { padding:0 0.5rem 0; background:url('img/line_12.png') 0 0.25rem no-repeat;  }

#zGNB { position:relative; }
#zGNB ul { list-style:none; }
#zGNB>ul { position:relative; padding-top:0.2rem; }
#zGNB>ul>li { position:relative; float:left; padding:0 0.75rem; background:url('img/line_12.png') 0 0.6rem no-repeat; }
#zGNB>ul>li.zPC img { position:relative; top:0.3rem; }
#zGNB>ul>li:first-child { padding-left:0; background:none; }
#zGNB>ul>li>a { text-decoration:none; font-size:1.2rem; color:#fff; font-weight:700; }
#zGNB>ul>li>ul { position:absolute; top:1.6rem; left:0; padding:0.5rem 0; display:none; background:#fff; }
#zGNB>ul>li>ul>li { position:relative; padding:0 1rem 0.1rem; }
#zGNB>ul>li>ul>li:hover { background:#eee; }
#zGNB>ul>li>ul>li>a { text-decoration:none; font-size:0.75rem; color:#777; font-weight:400; white-space:nowrap; }
#zGNB>ul>li>ul>li:hover>a { color:#333; }

#zSNB { padding:1rem 0 0 0; clear:both; }
#zSNB ul { list-style:none; margin:0; padding:0; }
#zSNB li { margin:0; padding:0; }
#zSNB a { text-decoration:none; display:block; }
#zSNB>ul { width:100%; background:#eee; clear:both; }
#zSNB>ul>li { float:left; padding:0; }
#zSNB>ul>li>a { font-size:0.75rem; padding:0.5rem; color:#333; border-right:solid 1px #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
#zSNB>ul>li>a:hover { background:#ccc; }
#zSNB>ul>li.selected>a { background:#fff; border-top:solid #eee 1px; }
#zSNB>ul>li:first-child>a { background:#b89369; color:#fff; font-weight:bold; padding:0.5rem 1rem; }
#zSNB>ul::after { content:'';display:table;clear:both; }

h3.zNowTitle { text-align:center; }
h3.zNowTitle a { text-decoration:none; color:#777; padding:0 1rem; border-left:1px solid #ccc; border-right:1px solid #ccc; }

#zMain { z-index:50; position:relative; min-height:500px; margin:0; padding:0; background:#fff; clear:both; }
#zMain::after { content:'';display:table;clear:both; }

.zPage p { padding:1rem 0 0 0; }
.zPage img { width:45%; margin-left:2rem; float:right; }
.zPage .zWide>img { width:100%; clear:both; }

.css_people .zContent ul>li { width:50%; float:left; clear:none;  }
.css_info .zContent ul>li { width:50%; float:left; clear:none;  }
.css_info .zContent ul>li>img { width:90%; margin-left:0; float:left;  }

.css_newfamily .zContent img { clear:both; width:100%;  }
.css_hen2 .zContent img { clear:both; width:100%;  }
.css_bj_app .zContent>p>img { clear:both; width:100%;  }
.css_school .zContent ul { padding:0.5rem 3rem; margin-left:25%; }
.css_mission_overseas .zContent ul { padding:0.5rem 3rem; margin-left:20%; }

#zTail { z-index:30; position:relative; }
#zTail::after { content:'';display:table;clear:both; }

#zBottom { clear:both; padding:0 0 3rem 0; }
#zBottom::after { content:'';display:table;clear:both; }
#zBottom .zInfo { margin:1rem 0; text-align:center; font-size:0.75rem; color:#777; }
#zBottom .zLogoBottom { text-align:center; }

#zIndex { width:100%; min-height:50px; clear:both; overflow:hidden; background:#fff; }
.zBox { width:100%; height:100px; clear:both; }
.zBoxR { border-radius:0.7rem; background:#fff; font-size:0.9rem; color:#666; width:5rem; margin:0 auto; text-align:center; }
a.zBtn { width:100%; display:block; line-height:100px; vertical-align:middle; text-decoration:none; color:#fff; text-align:center; font-size:1.5rem; float:hidden; }
a.zBtn strong { font-weight:700; }


#zIndex .zC01 { float:left; width:280px; }
#zIndex .zC02 { float:left; width:540px; }
#zIndex .zC03 { float:left; width:810px; }
#zIndex .zC04 { float:left; width:1100px; }

#zIndex.z01 { height:403px; }
#zIndex.z01::after { content:'';display:table;clear:both; }

#zIndex.z01 .zRight { float:right; }
#zIndex.z01 .zRight .zBox { background: linear-gradient(90deg, rgba(80,80,80,1) 0%, rgba(126,138,151,1) 3%, rgba(126,138,151,1) 100%); }
#zIndex.z01 .zRight .zBox.zLiveRe a.zBtn { background: linear-gradient(90deg, rgba(70,70,70,1) 0%, rgba(96,108,121,1) 3%, rgba(96,108,121,1) 100%); }

#zIndex.z01 .zC02 .document_box a { font-size:1.1rem; }

#zIndex.z01 .zC02 .zBox.zPC { background:url('img/line_12_30.png') left center repeat-y;  }

#zIndex.z01 .zIntro .zBtn { height:250px;padding-top:2rem; }
#zIndex.z01 .zIntro .zDes { height:auto; }

#zIndex.z01 .zTimeTable { height:250px; }
#zIndex.z01 .zTimeTable h4 { display:none; }
#zIndex.z01 .zTimeTable a.zBtn { height:150px;padding-top:3rem; line-height:1.1; }

#zIndex.z01 .zLocation { height:250px; }
#zIndex.z01 .zLocation a.zBtn { height:150px;padding-top:2rem; line-height:1.1; }

#zIndex.z01 .zC02 .zBox { background:var(--zbggray); }
#zIndex.z01 .zC02 .zBox:last-child { background:var(--zbgline); }

.zPastor2 { padding-top:20px; }
.zPastor2 .zFlex { width:75%; top:1.8rem; }
.zPastor2 .zFlex>div a { font-size:1.6rem;  }

#zIndex.zPhoto { padding-top:20px; }
#zIndex.zPhoto .zCol .zBox { height:15rem; }

#zIndex.z02 { height:230px; padding:0 0 20px; }
#zIndex.z02::after { content:'';display:table;clear:both; }
#zIndex.z02 .zC01 { width:auto;}
#zIndex.z02 .zC03 { width:100%; height:230px; margin-right:10px; background:url('img/index_bg_04.png'); }
#zIndex.z02 .zC03 .zBox { background:url('img/line_12.png') left center no-repeat; background-size:1px 50px; width:33%; text-align:center; float:left; height:240px; clear:none; }
#zIndex.z02 .zC03 .zBox:fitst-child { background:none; width:34%; }
#zIndex.z02 .zC03 .zBox .desc { font-size:0.8rem; padding:1rem 2rem; color:#fff; }
#zIndex.z02 .zC03 .zBox h3 { background:url('img/line_v_12.png') bottom center no-repeat; margin:0; padding:2rem 0 0; height:2rem; color:#fff; }
#zIndex.z02 .zC03 .zBox p { width:100%; margin:1rem; }
#zIndex.z02 .zC03 .zBox ul { width:100%; margin:1rem; list-style:none; }
#zIndex.z02 .zC03 .zBox ul li { text-align:left; font-size:0.8rem; }
#zIndex.z02 .zC03 .zBox ul li span.regdate { padding:0 0.5rem; margin-right:0.5rem; font-size:0.6rem; background:#fff; border-radius:0.7rem; color:#b89369; }
#zIndex.z02 .zC03 .zBox ul li a { text-decoration:none; color:#fff; }
#zIndex.z02 .zC03 .zBox a.more { display:inline-block; margin:1rem 0 0 0; padding:0 1rem; border-radius:0.7rem; text-decoration:none; background:#fff; font-size:0.9rem; color:#b89369; }
#zIndex.z02 .zC03 .zBox a.more:hover { background:#333; }

#zIndex.zBoard { position:relative; margin:0; padding:0 0 20px 0; min-height:200px; clear:both; }
#zIndex.zBoard .zCol { float:left; width:33.3%; background:#e0e0e0; }
#zIndex.zBoard .zCol:nth-child(even) { background:#eee; }
#zIndex.zBoard .zCol:nth-child(3n+0) { width:33.4%; }
#zIndex.zBoard .zCol .zBox { text-align:center; float:left; min-height:13rem; clear:none; }
#zIndex.zBoard .zCol .zBox:fitst-child { background:none; }
#zIndex.zBoard .zCol .zBox .desc { font-size:0.8rem; padding:0 2rem; color:#555; }
#zIndex.zBoard .zCol .zBox h3 { background:url('img/line_v_12_g.png') bottom center no-repeat; margin:1rem 0 1rem; height:2rem; color:#333; }
#zIndex.zBoard .zCol .zBox p { width:100%; margin:0; padding:0; }
#zIndex.zBoard .zCol .zBox ul { padding:0 1rem; }
#zIndex.zBoard .zCol .zBox ul li { text-align:left; font-size:0.8rem; }
#zIndex.zBoard .zCol .zBox ul li span.regdate { padding:0 0.5rem; margin-right:0.5rem; font-size:0.6rem; background:#888; border-radius:0.7rem; color:#fff; }
#zIndex.zBoard .zCol .zBox ul li a { text-decoration:none; color:#444; }
#zIndex.zBoard .zCol .zBox a.more { display:inline-block; margin:1rem 0 0 0; padding:0 1rem; border-radius:0.7rem; text-decoration:none; background:#999; font-size:0.9rem; color:#fff; }
#zIndex.zBoard .zCol .zBox a.more:hover { background:#333; }

#zIndex.z03 { position:relative; padding:20px 0; height:640px; background:url('img/bottom_bg.png') center center; background-size:cover;  clear:both; }
#zIndex.z03::after { content:'';display:table;clear:both; }
#zIndex.z03 .zBox { position:relative; background:rgba(255,255,255,0.9); text-align:center; float:left; height:14rem; clear:left; }
#zIndex.z03 .zBox h3 { background:url('img/line_v_12_g.png') bottom center no-repeat; margin:0 0 1rem 0; padding:2rem 0 0; height:2rem; }
#zIndex.z03 .zBox ul { margin:0 1rem; list-style:none; }
#zIndex.z03 .zBox ul li { text-align:left; font-size:0.8rem; }
#zIndex.z03 .zBox ul li span.regdate { padding:0 0.5rem; margin-right:0.5rem; font-size:0.6rem; background:#888; border-radius:0.7rem; color:#fff; }
#zIndex.z03 .zBox ul li a { text-decoration:none; color:#444; }
#zIndex.z03 .zBox a.more { display:inline-block; margin:1rem 0 0 0; padding:0 1rem; border-radius:0.7rem; text-decoration:none; background:#999; font-size:0.9rem; color:#fff; }
#zIndex.z03 .zBox a.more:hover { background:#444; }
#zIndex.z03 .zC01 { width:280px; }
#zIndex.z03 .zC02 { margin:0 10px 20px 10px; width:520px; }
#zIndex.z03 .zC02 .zBox { width:100%; float:left; margin:0; padding:0; border:0; clear:none; }
#zIndex.z03 .zC02 .zBox .zLatestThumb { margin:0; height:9rem; overflow:hidden;  }
#zIndex.z03 .zC02 .zBox .zLatestThumb a { text-decoration:none; color:#444;  font-size:0.8rem;  }
#zIndex.z03 .zC02 .zBox .zLatestThumb .regdate { padding:0 0.5rem; margin-right:0.5rem; font-size:0.6rem; background:#888; border-radius:0.7rem; color:#fff;  }
#zIndex.z03 .zC02 .zBox .zLatestThumb .thumbnail { padding:0.1rem 0 0 0;}
#zIndex.z03 .zC02 .zBox>a { position:absolute; top:1rem; right:2rem; }

#zIndex.z02 .zLatestBox { float:left; width:33.3%; text-align:center; color:#fff; background:url('img/line_12.png') left center no-repeat; background-size:1px 60px; }
#zIndex.z02 .zLatestBox:first-child { background:none; }
#zIndex.z02 .zLatestBox h3 { background:url('img/line_v_12.png') bottom center no-repeat; height:3rem;  }
#zIndex.z02 .zLatestBox span.title { font-size:1rem; font-weight:500; line-height:2; }
#zIndex.z02 .zLatestBox span.content { font-size:0.75rem; }
#zIndex.z02 .zLatestBox a.more { display:inline-block; margin:1rem 0 0 0; padding:0 1rem; border-radius:0.7rem; text-decoration:none; background:#fff; font-size:0.9rem; color:#b89369; }
#zIndex.z02 .zLatestBox a.more:hover { }

.zTextBanner>ul>li>a { height:3rem; font-size:1.8rem; }
.zTextBanner>ul>li>a>h5 { display:inline-block; position:relative; bottom:-0.5rem; font-size:1.09rem; margin:0; padding:0; color:#fff; line-height:1; display:block;}

#xe_pop_up_body, 
.zWrap { position:relative; margin:0 auto; width:1100px; clear:both;  }
.zMobile { display:none; }
.zPC { display:inline-block; }