.p1 { padding:0; }
.p1 > div > a > div { padding:0 8px;}
.p2 { padding-left:15px; padding-right:0;  }

#main-slider { box-shadow: 1px 1px 5px #a5a5a5; }
#new-sermon { margin-top:-90px; }
#new-sermon > div > div > div { padding:0; position:relative; }
#new-sermon > div > div > div .newsermon-inner { position:absolute; top:40px; right:40px; }
#new-sermon > div > div > div .newsermon-inner .new-top { font-size:17px; color:#fff; display:inline-block; background:rgba(0,0,0,0.2); padding:5px 40px; border-radius:15px; margin:0; text-align:right;}
#new-sermon > div > div > div .newsermon-inner hr { border-top:1px solid rgba(255,255,255,0.6); width:200px; float:right; margin:17px 0 30px ;}
#new-sermon > div > div > div .newsermon-inner a { text-decoration:none; }
#new-sermon > div > div > div a:hover { font-weight:bold; }
#new-sermon > div > div > div .newsermon-inner h2:hover { font-weight:bold; }
#new-sermon > div > div > div .newsermon-inner h2 { color:#fff; margin:22px 0 0; margin-right:10px;}
#new-sermon > div > div > div .newsermon-inner ul { clear:both; overflow:hidden; margin-right:10px; }
#new-sermon > div > div > div .newsermon-inner li { font-size:20px; color:#fff; padding:3px 0; text-align:right;  }
#new-sermon .box2 .newsermon-inner { left:30px; }
#new-sermon .box2 .newsermon-inner ul { clear:both; overflow:hidden; margin-left:10px; text-align:left; }
#new-sermon .box2 .newsermon-inner ul li { text-align:left; }
#new-sermon .box2 .newsermon-inner h2 { color:#fff; margin:22px 0 0; margin-left:10px;}
#new-sermon .box2 .newsermon-inner hr { border-top:1px solid rgba(255,255,255,0.6); width:200px; float:left; margin:17px 0 30px ;}

.sermon-bg { margin:0!important; }
#main-1 .notice { background:#545B65; padding:15px 20px; position:relative; border-radius:5px; margin-top:25px;}
#main-1 .notice span { display:inline-block;  float:left; color:#fff; font-size:14px; padding:3px 10px; border:1px solid #fff; border-radius:5px; margin-right:15px; position:relative; top:-2px;}
#main-1 .notice p { font-size:17px; color:#fff; margin:0; font-weight:normal; }
#main-1 .notice p a { color:#fff; text-decoration:none; }
#main-1 .notice p a:hover { font-weight:bold; transition:0.2s all; }
#main-1 .notice .fa-caret-up { position:absolute; top:10px; right:30px; color:#fff!important; cursor:pointer; }
#main-1 .notice .fa-caret-down { position:absolute; bottom:10px; right:30px; color:#fff!important; cursor:pointer; }
.notice ul { overflow:hidden; }

#sermon { padding:25px 0; }
.sermon-bg { background:url(../Images/sermon.png) no-repeat; height:571px; position:relative; }
.sermon-bg .live { font-size:30px; position:absolute; bottom:50px; right:100px; color:#7CEEFB;  border-bottom:4px solid #7CEEFB; padding-bottom:8px; text-decoration:none; }
.sermon-bg a { text-decoration:none; color:#fff;}
.sermon-bg .nav-tabs li.active { color:#fff;}
.sermon-bg .nav-tabs li:hover { color:#fff; border-bottom:none; }
.sermon-bg .nav-tabs { position:absolute; bottom:30%; right:10.5%;}
.tab-content { position:relative; }
.sermon-bg .today { font-size:17px; color:#CEF4F8; margin:0 0 30px;}
.sermon-bg .sermon-box h1 { font-size:35px; color:#fff; font-weight:bold; margin:0 0 30px; }
.sermon-bg .sermon-box h2 { font-size:25px; color:#fff; font-weight:normal; margin:0; line-height:40px;}
.sermon-bg .live:hover { color:#fff; transition:0.2s all; border-bottom:4px solid #fff; }
.sermon-bg .sermon-box { position:absolute; top:17%; right:10%; width:475px;}
.sermon-bg .nav-tabs ul { margin-top:35px;}
.sermon-bg .nav-tabs li { float:left;  background:url(../Images/sermon_bg.png) no-repeat; height:45px; width: 147px; border-radius:8px; text-align:left; padding:10px 15px; font-size:17px; color:#fff; margin-right:10px;}
.sermon-bg .nav-tabs li:hover { opacity:0.8; transition:0.2s all; }
.sermon-bg .nav-tabs li span { float:right; }


#center { background:url(../Images/center_bg.png) no-repeat; background-size:100% 100%; background-position:top center; height:800px; border-top:1px solid #fff; margin-top:200px; }
.row-margin { margin-top:-172px;}
.sub-bg1 { background:url(../Images/center_01.png) no-repeat; background-size:100% 100%; background-position:top center; height: 270px; position:relative; }
.sub-bg2 { background:url(../Images/center_02.png) no-repeat; background-size:100% 100%; background-position:top center; height: 270px; position:relative; }
.sub-bg3 { background:url(../Images/center_03.png) no-repeat; background-size:100% 100%; background-position:top center; height: 270px; position:relative; }
.sub-bg1:hover { opacity:0.7; transition:0.3s all; }
.sub-bg3 a:hover { font-weight:bold; }
.bottom  { position:absolute; bottom:0; height:95px; width:100%; padding:20px;}
.bottom p { font-size:17px; color:#fff; margin:0; }
.bottom .center-2 { color:#C9D6DE; font-size:15px; margin:3px 0 0; font-weight:normal; }
.bottom .center-2 a { color:#C9D6DE; font-size:15px; margin:3px 0 0; font-weight:normal; text-decoration:none; }
.bottom .center-2 a:hover { font-weight:bold; }
.tab-content { overflow:hidden; margin-top:50px;}
.tab-title { text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;  white-space: nowrap;  word-wrap: normal !important; font-size:17px; color:#000; font-weight:bold; margin:0 0 30px;}
.tab-desc { height:80px; overflow:hidden; }
.box-desc3 img { margin:0!important; }
.tab-title3 { margin:0 0 15px; }
.tab-desc3 { height:130px!important; }
.tab-box { margin-bottom:50px; }
.tab-box img { margin:0px 0 0; }
.tab-desc p { font-size:14px; color:#333; margin:0; text-align:center; }
.tab-desc3 p { text-align:left;}
.tab-title2 { margin: 0 0 5px!important; }
.tab-desc2 { height:159px!important; text-align:left;}
.tab-desc2 img { margin:10px 0 0!important; max-height:159px; }
.tab-box2 { margin-bottom:15px; }
.tab-box:hover { opacity:0.7; transition:0.3s all; }
.tab-title2 { text-align:center; }

.row-margin2 { margin-top:80px;}
.nav-tabs li { width:33.33333%;  text-align:center; border-bottom:2px solid none; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { font-size:19px; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background:no-repeat; border:none; }
.nav-tabs { border-bottom:none; }
.nav-tabs>li>a { font-size:19px; padding:20px 0; color:#424347; font-weight:bold; }
.nav-tabs li.active { color:#6191CD; border-bottom:2px solid #6191CD; }
.nav-tabs>li>a:hover { background:none; }
.nav-tabs>li>a:hover { border-color:transparent; }
.nav-tabs>li>a { margin:0; border:none; }
.nav-tabs li:hover { color:#6191CD; border-bottom:2px solid #6191CD; transition:0.2s all; }

#quick { text-align:center; padding:60px 0;  }
#quick a { text-decoration:none; }
#quick li { display:inline-block; padding:0 28px;}
#quick li:hover img { opacity:0.7; transition:0.3s all; }
#quick li:hover p { color:#C6E7FC; transition:0.2s all; font-weight:bold; }
#quick li p { font-size:17px; color:#333; margin:10px 0 0; }

#photo { padding:60px 0; background:#fff; text-align:left; }
#photo p { color: #333; margin: 10px 0 0; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;  white-space: nowrap; word-wrap: normal !important; display: block; width:100%; font-size:17px; }
#photo > div > div > a > div { overflow:hidden; padding:0 8px; }
#photo h2 { margin:0 0 20px; font-size:28px; font-weight:bold; }
#photo h2 span { font-size:18px; font-weight:bold; }
#photo img:hover { opacity:0.7; transition:0.3s all; transform:scale(1.1); }
#photo > div > div > a > div img { width:100%; }

.notice {
    height: 45px;
    overflow: hidden;
}
.notice li a { color:#fff; font-size:15px; text-decoration:none; }
.notice li a:hover { font-weight:bold; }

.notice li {
		top:13px; 
    position: absolute;
    width: 90%;
    background-color: #545865;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
}

.current {
    opacity: 1 !important;
    -webkit-transform: translateY(0px) !important;
    -moz-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    -o-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
}

.next {
    opacity: 1 !important;
    -webkit-transform: translateY(30px) !important;
    -moz-transform: translateY(30px) !important;
    -ms-transform: translateY(30px) !important;
    -o-transform: translateY(30px) !important;
    transform: translateY(30px) !important;
}

@media (min-width:1200px) and (max-width:1499px) {
}

@media (min-width:993px) and (max-width:1199px) {
	#quick li { padding: 0 15px; }
	.tab-box { margin-bottom:25px; }
    #new-sermon > div > div > div .newsermon-inner hr { margin:15px 0; }
    #new-sermon .box2 .newsermon-inner hr { margin:15px 0; }
    #new-sermon { margin-top:-30px; }
    
}

@media (min-width:768px) and (max-width:992px) {
    .sermon-box .desc { display:none; }
    .sermon-box { width:96%; }
    .sermon-1, .sermon-2, .sermon-3 { height:185px;}
    .sermon-box { height:67px; }
    .sermon-box p { font-size:15px;}
    #sermon > div > div > a > div { padding:0 5px;}
    .sermon2 { margin-top:45px; }
    .sermon1 { margin-top:-118px; }
    .sermon-ul li { width:50%; }
    #quick { padding:30px 0; }
    .sermon-ul li { padding:0 15px;}
    .p1 > div > a > div { padding:0 15px; }
    .left { margin-bottom:20px; overflow:hidden; }
    .p2 { padding:0 15px; }
    #photo ul { padding:0 15px; }
    #quick li { padding:0 40px; margin-bottom:30px;}
    #photo > div > div > a > div { margin-bottom:30px; }
    #photo > div > div > a > div { text-align:center; padding:0 15px;}
    .sermon-bg .live { font-size:25px; }
    .sermon-bg .sermon-box h1 { font-size:30px; }
    .bottom { padding:20px 10px; }
    .bottom .center-2 { font-size:12px; }
    #new-sermon > div > div > div .newsermon-inner h2 { font-size:19px;}
    #new-sermon > div > div > div .newsermon-inner ul { display:none; }
    #new-sermon { margin-top:30px; }
}

@media (max-width:767px) {
    .sermon-bg .nav-tabs { position:absolute; bottom:15%; right:10.5%;}
    .sermon-bg .nav-tabs { width:100%; }
    .sermon-bg .nav-tabs { padding:0 15px; }
.sermon-bg .nav-tabs li { background-size:100% 100%!important; }
.sermon-bg .nav-tabs li { margin-bottom:15px;}
.sermon-bg .nav-tabs { right:0!important; }
.sermon-bg .nav-tabs li { width:100%!important; }
	#photo h2 { text-align:center; }
	#main-1 .notice p { font-size:15px; }
	.sermon-bg .live { font-size:18px; bottom: 35px; right: 35px; }
	.sermon-bg .sermon-box li { background-size:100% 100%; }
	#main-1 .notice span { font-size:13px; top:-4px; }
	.sermon-bg .sermon-box { width:100%; padding:0 15px; left:0;}
	#quick { padding:0; }
	#center { height:auto; margin-top:30px; padding:50px 0; }
	.row-margin { margin:0; }
	.row-margin > a > div { margin-bottom:15px; padding:0; }
	.row-margin > div { margin-bottom:15px; padding:0; }
	.nav-tabs li { width:33.333%; border-bottom:2px solid transparent;}
	.nav-tabs { margin-top:30px; }
	.nav-tabs>li>a { font-size:15px!important; }
	.tab-title { font-size:14px; }
	#photo h2 span { display:none; }
	#photo h2 { font-size:20px; }
	#photo > div > div > a > div { padding:0 15px; margin-bottom:15px; }
	.sermon-bg .sermon-box h1 { font-size:18px; }
	.sermon-bg .today { font-size:15px; }
	.sermon-bg .sermon-box h2 { font-size:17px; line-height:30px; }
	.sermon-bg .sermon-box li { width:100%; margin:5px 0; }
   #photo ul li { width:50%;  }
   #photo ul a:last-child li img { display:none; }
   #photo ul li { padding:0 15px; margin-bottom:15px;}
   #photo p { font-size:16px; margin:25px 0 15px; line-height:20px;}
   #photo > div > div > img { max-width:200px;}
   #main-1 > div > div > img { width: 47%; margin-bottom:20px; }
   #main-1 p { font-size:16px; margin:25px 0 15px; line-height:20px;}
   #sermon > div > div > a > div { margin-bottom:15px; }
   #sermon { height:auto; padding-bottom:30px; }
   .sermon2 > div > img { max-width:200px;}
   .sermon2 > div > p { font-size:16px; margin:25px 0 15px; line-height:25px;}
   .sermon2 li { width:100%; margin-bottom:10px; }
   .sermon-ul li { padding:0 15px; }
   .sermon-ul li > div { margin-top:15px; }
   .sermon-ul li > div .title { font-size:17px; }
   .sermon-ul li .title2 { font-size:16px;}
   #main-3 .main3-box h2 { font-size:17px;}
   #main-3 .main3-box { padding:20px 15px; }
   #main-3 .main3-box img { bottom:10px; right:5px; }
   #main-3 .left { margin-bottom:15px; overflow:hidden;  }
   #main-3 { padding:15px;}
   .p2 { padding:0; }
   .p1 > div > a > div {padding:0 5px; }
   #main-3 .right h2 { font-size:20px; }
   #main-3 .right { padding:25px; }
   #main-3 .right ul li { font-size:15px; }
   #main-3 .right ul { margin:50px 0 0; }
   #main-3 .right img { width:25px; position:relative; top:-10px;}
   #photo { padding:20px 0; }
   #quick a { font-size:15px; }
      #quick li p { font-size:15px; }
      #new-sermon > div > div > div .newsermon-inner { left:15px!important;}
      #new-sermon > div > div > div .newsermon-inner { right:15px; top:20px; }
      #new-sermon > div > div > div .newsermon-inner h2 { font-size:17px;}
      #new-sermon > div > div > div .newsermon-inner .new-top { font-size:15px;}
      #new-sermon > div > div > div .newsermon-inner li { font-size:14px;}
      #new-sermon > div > div > div .newsermon-inner hr { margin:10px 0 ; margin-right:15px; }
      #new-sermon .box2 .newsermon-inner hr { margin:10px 0 ; margin-left:15px; }
      #quick ul a:first-child li { width:100%; margin-top:30px;}
      #new-sermon { margin-top:0px; }
}