﻿@charset "utf-8";


#sub_container .sub_visual{width:100%; margin:0 auto 20px; position:relative; height:150px;}
#sub_container .sub_visual img{width:100%; height:150px; display:block; position:absolute; top:0;}
#sub_container .sub_visual .text_box{width:1080px; margin:0 auto; position:relative;}
#sub_container .sub_visual .text{position:absolute; top:45px; left:55px;}
#sub_container .sub_visual .text p{font-size:30px; color:#fff; font-weight:bold;}
#sub_container .sub_visual .text p span{font-size:12px; color:#fff; font-weight:normal;}

#sub_container .content{width:1079px; margin:0 auto; border-left:1px solid #ddd; position:relative;}
#sub_container .content:after{display:table; content:''; line-height:0; clear:both;}
#sub_container .content .c_left{float:left; width:228px;}
#sub_container .content .c_left .left_title{width:230px; height:105px; position:absolute; left:-1px; top:0; background:url(/public/img/sub/l_line.gif) no-repeat; font-size:24px; color:#1d2088; font-weight:bold; text-align:center; line-height:105px;}
#sub_container .content .c_left ul{margin-top:105px;}
#sub_container .content .c_left ul li{border-bottom:1px solid #ddd; background:#f8f8f8 url(/public/img/sub/l_bullet.gif) no-repeat  201px 19px; height:49px; line-height:49px;}
#sub_container .content .c_left ul li.on{background:#1d2088 url(/public/img/sub/l_bullet_over.gif) no-repeat  201px 19px; }
#sub_container .content .c_left ul li.on a{color:#fff; font-size:14px; font-weight:bold;}
#sub_container .content .c_left ul li:first-child{border-top:1px solid #ddd;}
#sub_container .content .c_left ul li a{display:block; font-size:14px; color:#666; padding-left:20px;}

#sub_container .content .c_right{float:left; width:800px; border-left:1px solid #ddd; padding-left:50px; position:relative;}
#sub_container .content .c_right h3{font-size:30px; font-weight:bold; color:#000; margin:30px 0;}
#sub_container .content .sub_util{position:absolute; right:0; top:30px;}
#sub_container .content .sub_util ul{float:right;}
#sub_container .content .sub_util ul li{float:left; padding-left:25px; background:url(/public/img/sub/sub_util_bullet.gif) no-repeat 9px 4px; height:24px;}
#sub_container .content .sub_util ul li:first-child{padding-left:0; background:none;}
#sub_container .content .sub_util ul li img{display:block; margin-top:0.5px;}
#sub_container .content .sub_util ul li a{font-size:14px; color:#666;} 

/*greeting*/
#sub_container .content .c_right .intro{width:800px; height:160px; background:url(/public/img/sub/introduce/intro.jpg) no-repeat; position:relative;}
#sub_container .content .c_right .intro p{font-size:20px; color:#000; font-weight:bold; position:absolute; line-height:32px; left:275px; top:53px;}
#sub_container .content .c_right .g_box{margin-bottom:30px;}
#sub_container .content .c_right .g_box p{font-size:14px; color:#666;}
#sub_container .content .c_right .g_box p span{color:#373737; font-size:18px; font-weight:bold;}
#sub_container .content .c_right .g_box2{float:right; margin-bottom:60px;}
#sub_container .content .c_right .g_box2 p{font-size:14px; color:#666; font-weight:bold; margin-top:10px; text-align:right;}

/*intro*/
#sub_container .content .c_right .effect{width:194px; height:36px; line-height:36px; background:#0b8bf3 url(/public/img/sub/introduce/effect.jpg) no-repeat  169px 13px; position:absolute; top:116px; right:0;}
#sub_container .content .c_right .effect a{color:#fff; font-size:13px; font-weight:bold; padding-left:15px; display:block;}
#sub_container .content .c_right .intro_explan{font-size:14px; color:#666; line-height:18px; margin-top:50px;}
#sub_container .content .c_right .intro_explan2{font-size:14px; color:#666; line-height:18px; margin-top:25px; margin-bottom:50px;}
#sub_container .content .c_right .intro_explan2 span{color:#407bc7;}
#sub_container .content .c_right .intro_box{background:#eaebf4; padding:20px 40px 20px 40px;}
#sub_container .content .c_right .intro_box p{font-size:14px; color:#666; line-height:26px; letter-spacing:-1px;}

#sub_container .content .c_right .intro_box2{background:url(/public/img/sub/introduce/intro_bg.jpg) no-repeat; height:204px;}
#sub_container .content .c_right .intro_box2 span{font-size:16px; color:#666; font-weight:bold; padding-top:95px; display:inline-block;}
#sub_container .content .c_right .intro_box2 span.one{ padding-left:162px;}
#sub_container .content .c_right .intro_box2 span.two{padding-left:140px;}
#sub_container .content .c_right .intro_box2 span.three{padding-left:143px;}
#sub_container .content .c_right .intro_bg2{margin-bottom:25px;}
#sub_container .content .c_right .intro_bg2 img{display:block;}
/*history*/
#sub_container .content .c_right ul.tabs {width:800px;}
#sub_container .content .c_right ul.tabs li{width:159px; height:58px; border:1px solid #ddd; border-left:0; float:left; text-align:center; line-height:58px;}
#sub_container .content .c_right ul.tabs li:first-child{border-left:1px solid #ddd; width:158px;}
#sub_container .content .c_right ul.tabs li a{display:block; font-size:14px; color:#666;}
#sub_container .content .c_right ul.tabs li.active{border:0; height:60px; width:160px;}
#sub_container .content .c_right ul.tabs li#a{line-height:20px;}
#sub_container .content .c_right ul.tabs li#a a{padding-top:10px;}
#sub_container .content .c_right ul.tabs li#a.active{background:#0d5db7;}
#sub_container .content .c_right ul.tabs li#b.active{background:#599501;}
#sub_container .content .c_right ul.tabs li#c.active{background:#9f6431;}
#sub_container .content .c_right ul.tabs li#d.active{background:#953735}
#sub_container .content .c_right ul.tabs li#e.active{background:#403152;}
#sub_container .content .c_right ul.tabs li.active a{color:#fff;}

#sub_container .content .c_right .tab_container{margin-top:90px;}
#sub_container .content .c_right .slide img{display:block;}
#sub_container .content .c_right .slide .text_box{margin-top:30px;}
#sub_container .content .c_right .slide .text_box p{font-size:14px; color:#666; line-height:24px;}
#sub_container .content .c_right .slide .text_box p.first{padding-left:30px;}
#sub_container .content .c_right .slide .text_box p.first span{color:#666; display:block; padding-left:80px;}
 #sub_container .content .c_right .slide .text_box p span{color:#0d5db7;}
 #sub_container .content .c_right #slideshow5 #slidesContainer5 .slide .no_box{ position:absolute; bottom:30px; left:366px; width:73px; height:38px; z-index:999;}
#slideshow1, #slideshow2, #slideshow3, #slideshow4, #slideshow5 {width:800px;	position:relative;}

#slideshow1 #slidesContainer1, #slideshow2 #slidesContainer2, #slideshow3 #slidesContainer3, #slideshow4 #slidesContainer4, #slideshow5 #slidesContainer5 
{width:800px; position:relative;}
#slideshow1 #slidesContainer1 .slide, #slideshow2 #slidesContainer2 .slide, #slideshow3 #slidesContainer3 .slide, #slideshow4 #slidesContainer4 .slide, #slideshow5 #slidesContainer5 .slide
{ width:800px;  padding:88px 0; z-index:10;}

.control { display:block; width:73px; height:38px; text-indent:-10000px; position:absolute; cursor: pointer;}
#leftControl1{position:absolute;  top:30px; left:366px; background:url(/public/img/sub/introduce/history_bullet01.gif) no-repeat;}
#leftControl2, #leftControl3, #leftControl4, #leftControl5 
{position:absolute;  top:30px; left:366px; background:url(/public/img/sub/introduce/history_bullet03.gif) no-repeat; z-index:99;}
#rightControl1, #rightControl2, #rightControl3, #rightControl4
{bottom:30px; left:366px;  background:url(/public/img/sub/introduce/history_bullet02.gif) no-repeat;}
 #rightControl5{bottom:30px; left:366px;  background:url(/public/img/sub/introduce/history_bullet04.gif) no-repeat;}

/*motive, rule*/
#sub_container .content .c_right .bullet{background:url(/public/img/sub/bullet.jpg) no-repeat 0 4px; font-size:16px; color:#3c3c95; padding-left:18px; font-weight:bold; margin-bottom:25px;}
#sub_container .content .c_right .bullet_blank{font-size:16px; color:#3c3c95; padding-left:18px; margin-bottom:25px;}
#sub_container .content .c_right .explan{padding-left:18px; font-size:14px; color:#666; line-height:22px; letter-spacing:-1px;}
#sub_container .content .c_right .explan .im{font-size:18px; font-weight:bold; display:inline-block; margin-top:30px;}
#sub_container .content .c_right .explan .num{color:#393b24; font-weight:bold; margin-bottom:15px; display:inline-block; margin-right:15px;}
#sub_container .content .c_right .explan .align{margin-bottom:15px; padding-left:31px; display:inline-block;}


#sub_container .content .c_right .motive_box{margin-bottom:60px; position:relative;}
#sub_container .content .c_right .motive_box:after{display:table; content:''; line-height:0; clear:both;}
#sub_container .content .c_right .motive_box .explan{float:left; width:440px;}
#sub_container .content .c_right .motive_box img{position:absolute; right:0; top:30px;}
#sub_container .content .c_right .motive_box2{margin-bottom:60px;}
#sub_container .content .c_right .motive_box2:after{display:table; content:''; line-height:0; clear:both;}
#sub_container .content .c_right .motive_box2 .bullet{background:url(/public/img/sub/bullet.jpg) no-repeat 370px 4px; font-size:16px; color:#3c3c95; text-indent:388px; font-weight:bold; margin-bottom:25px;}
#sub_container .content .c_right .motive_box2 img{display:block; float:left; margin-right:46px; margin-top:-20px;}
#sub_container .content .c_right .motive_box2 .explan{padding-left:18px; font-size:14px; color:#666; line-height:22px; float:left; width:412px; letter-spacing:-1px;}

/*history*/
#sub_container .content .c_right  .history_tab{height:136px; background:#eaebf4; margin-bottom:40px;}
#sub_container .content .c_right  .h_bar{width:475px; background:url(/public/img/sub/bible/history_bar.png) no-repeat 46px 50px; position:relative; padding-top:46px; margin:0 auto;} 
#sub_container .content .c_right  .h_bar:after{display:table; content:''; line-height:0; clear:both;}
#sub_container .content .c_right  .h_bar li{float:left; font-size:14px; font-weight:bold; margin-left:50px; width:125px; text-align:center;}
#sub_container .content .c_right  .h_bar li:first-child{margin-left:0;}
#sub_container .content .c_right  .h_bar li .h_select{width:20px; height:20px; position:absolute; top:42px; left:38px;}
#sub_container .content .c_right  .h_bar li a{ color:#1d2088; display:block; background:url(/public/img/sub/bible/history_bg.png) no-repeat center 1px; letter-spacing:-1px; padding-top:30px;}
#sub_container .content .c_right  .h_bar li.year1 a{background:url(/public/img/sub/bible/history_bg.png) no-repeat 43px 1px;}
#sub_container .content .c_right  .h_bar li.year3 a{background:url(/public/img/sub/bible/history_bg.png) no-repeat 73px 1px;}
#sub_container .content .c_right  .h_bar li a.on{}

#sub_container .content .c_right .history{padding-bottom:100px;}
#sub_container .content .c_right .history h4{height:35px; line-height:31px; margin:0 0 20px 18px; font-size:20px; font-weight:bold; color:#3d3d3d; background:url(/public/img/sub/bible/history_line.png) no-repeat 0 bottom; padding-left:26px;}
#sub_container .content .c_right .history .h_box{margin-bottom:30px; padding-left:160px;}
#sub_container .content .c_right .history .h_box:after{display:table; content:''; line-height:0; clear:both;}
#sub_container .content .c_right .history .h_box .date{font-weight:bold; font-size:14px; color:#666; width:140px; float:left;}
#sub_container .content .c_right .history .h_box .detail{ font-size:14px; color:#666; width:500px; float:left; letter-spacing:-1px; line-height:20px;}
#sub_container .content .c_right .history .h_box .detail span{display:inline-block; margin-top:10px;}
#sub_container .content .c_right .history .h_box .detail span.list{margin:0; padding-left:15px;}

#sub_container .content .c_right .history .h_box2{margin-bottom:40px;}
#sub_container .content .c_right .history .h_box:after{display:table; content:''; line-height:0; clear:both;}
#sub_container .content .c_right .history .h_box2 .first{font-size:15px; color:#1D2088; font-weight:bold; margin:0 0 25px 18px;}
#sub_container .content .c_right .history .h_box2 .second{margin-left:18px; font-size:14px; color:#666; line-height:20px;}
#sub_container .content .c_right .history .h_box2 .third{margin-left:18px; font-size:14px; color:#666; line-height:20px; position:relative; margin-bottom:25px; padding-left:60px;}
#sub_container .content .c_right .history .h_box2 .third span{position:absolute; left:18px; color:#0D5CB8; font-weight:bold;}

/*trans*/
#sub_container .content .c_right .t_btn{width:106px; height:34px; line-height:34px; text-align:center; color:#fff; font-size:16px; background:#8e8fc3; float:left; margin-bottom:20px;}
#sub_container .content .c_right .t_text{width:644px; float:left; margin-left:50px; font-size:14px; color:#666; margin-bottom:20px; line-height:23px;}


/*advantage*/
#sub_container .content .c_right .advantage{margin:50px 0 50px 18px; width:779px; height:431px; background:#f7f5ff; padding-top:40px;}
#sub_container .content .c_right .advantage:after{display:table; content:''; line-height:0; clear:both;}
#sub_container .content .c_right .advantage p.title{font-size:14px; color:#666; line-height:20px; text-align:center; margin-bottom:30px;}
/*#sub_container .content .c_right .advantage .ad_left{margin-left:71px; background:url(/public/img/sub/bible/advantage_bg.png) no-repeat; width:251px; height:326px; float:left;}
#sub_container .content .c_right .advantage .ad_left .first{margin:30px 0; font-size:18px; font-weight:bold; color:#691c0f; padding-left:85px; font-style:italic;}
#sub_container .content .c_right .advantage .ad_left .second{font-style:italic; font-size:14px; color:#666; line-height:26px; text-align:center; letter-spacing:-1px;}
#sub_container .content .c_right .advantage .ad_left .second span{color:#691c0f; text-decoration:underline;}
#sub_container .content .c_right .advantage .ad_left .third{font-style:italic; font-size:11px; color:#444;  text-align:center; margin-top:25px;}*/

#sub_container .content .c_right .advantage .ad_right{margin:0 auto; background:url(/public/img/sub/bible/advantage_bg.png) no-repeat; width:251px; height:326px;}
#sub_container .content .c_right .advantage .ad_right .first{padding-top:30px; margin:30px 0; font-size:18px; font-weight:bold; color:#2f651f; padding-left:100px; font-style:italic;}
#sub_container .content .c_right .advantage .ad_right .second{font-style:italic; font-size:14px; color:#666; line-height:26px; text-align:center; letter-spacing:-1px;}
#sub_container .content .c_right .advantage .ad_right .second span{color:#2f651f; text-decoration:underline;}
#sub_container .content .c_right .advantage .ad_right .third{font-style:italic; font-size:11px; color:#444; text-align:center; margin-top:25px;}

/*notice_list*/
.notice{margin-bottom:70px;}

/* picture */
#sub_container .content .c_right .p_box{padding-left:19px; padding-bottom:29px; margin-top:29px;}
#sub_container .content .c_right .p_box:after{display:table; content:''; line-height:0; clear:both;}
#sub_container .content .c_right .p_box .pic{width:245px; float:left; margin-left:19px;}
#sub_container .content .c_right .p_box .pic:first-child{margin:0;}
#sub_container .content .c_right .p_box .pic img{border:1px solid #dfdfdf; margin-bottom:15px;}
#sub_container .content .c_right .p_box .pic p{font-size:14px; color:#666; padding-left:12px; line-height:20px;}
#sub_container .content .c_right .p_box .pic p.title{font-weight:bold; margin-bottom:5px;}
#sub_container .content .c_right .p_box .pic p.title a:hover{color:#1d2088;}
#sub_container .content .c_right .p_box .pic p span{padding:0 14px 0 16px;}
#sub_container .content .c_right .p_box .pic p span:first-child{padding-left:0; background:url(/public/img/sub/community/line.jpg) no-repeat  right 1.5px;}

/*qna*/
	.faq_table {width:800px; border-bottom:1px solid #ddd; border-top:2px solid #555555;  margin-bottom:175px;}
	.faq_table dl dt{background:url(/public/img/sub/community/qus.jpg) no-repeat 30px center; padding: 14px 0; font-size:14px; color:#555; font-weight:bold; border-bottom:1px solid #ddd; padding-left:85px; cursor:pointer; }
	.faq_table dl dd{background:#f7f7f7 url(/public/img/sub/community/ans.jpg) no-repeat 30px center; padding: 20px 0 20px 85px; font-size:14px; color:#666; line-height:24px;}

/*button*/
.button{margin:20px 0 30px 0;}
.button:after{display:table; content:''; line-height:0; clear:both;}
.button .g_button{text-align:center; background:#555; width:72px; height:27px; float:right; line-height:27px;}
.button .g_button a{ color:#fff; font-size:14px; display:block;}

/*select*/
.select{width:88px; height:25px; line-height:25px;  border:1px solid #c8c8c8; overflow:hidden; background:url(/public/img/sub/select.jpg) no-repeat right 1px; float:left; border-radius:3px;}
.select select{padding:0 0 4.5px 15px; color:#b1b1b1; font-size:12px; width:130%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance:none;}
.select select:focus{outline:none;}

/* pasing */
.pasing{height:23px; text-align:center; margin-top:30px;}
.pasing:after{display:table; content:''; line-height:0; clear:both;}
.pasing a{display:inline-block; border:1px solid #ddd; height:21px; line-height:23px; width:22px; font-size:12px; color:#888; margin:0 1.5px; vertical-align:middle; border-radius:3px;}
.pasing a.active{border:1px solid #999; height:21px; line-height:23px; width:22px; background:#999; color:#fff; border-radius:3px;}

/* search */
#sub_container .content .search{margin:19px auto 0; width:322px;}
#sub_container .content .search_wrap:after{display:table; content:''; line-height:0; clear:both;}
#sub_container .content .search_wrap input{width:167px; height:23px; margin:0 4px 0 5px; float:left; border:1px solid #c8c8c8; padding-left:15px; border-radius:3px;}
#sub_container .content .search_wrap button{width:38px; height:27px; color:#fff; background:#838383; border:1px solid #838383; font-size:12px; padding:0; line-height:27px; border-radius:3px; cursor:pointer;}