@charset "utf-8";
/* CSS Document */

html, body { margin:0px; height:0px; height:100%; zoom:1; }

body {
	width:100%;
	margin:0px;
	font-size-adjust:none;
	-webkit-text-size-adjust:none;
	font-size:16px;
	color:#1e4d7c;
	background-color: #def3ff;
	background-image: url(../Images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

a { text-decoration:none; outline:none; }

img { border:none; }

ul, ol { margin:0px; padding:0px; list-style:none; }
li { vertical-align:top; }

h2, h3, h4, p { margin:0px; padding:0px; }

input  { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
select { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif; }

/* ---------------- clear fix ---------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*-------------------------------------------------------------------------------------*/
/* FONT STYLE */

h2 { width:640px; padding-bottom:20px; background:url(../Images/title_line.png) no-repeat right; font-size:24px; color:#cc9933; font-weight:bold; }
h3 { width:640px; height:30px; padding-left:17px; margin-top:24px; background:url(../Images/sub_title_bg.png) no-repeat left top; font-size:16px; color:#ffffff; font-weight:bold; line-height:30px; }

/* color */
p, a, b, span, ul, ol, li, table { color:#1e4d7c; }
a:hover { color:#cc9933; }

/* size */
p, a, b, table { font-size:16px; }
span { font-size:11px; }

/* style */
a { font-weight:bold; }
table td { word-wrap:break-word; }

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#area { width:100%; background:url(../Images/main_bg.png) center top no-repeat; }

#main {
	width:955px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#iframemenu {width:186px; height:525px; background:transparent; float:left;}
#iframemenu_body { background:transparent !important; }

#menu_side { float:left; width:186px; }
#menu_side .left_logo { height:161px; 	padding-left:28px; 	padding-top:25px;}
#menu_side .left_logo a.logo { display:block; width:121px; height:123px; background:url(../Images/left_logo.png) no-repeat left top; }
#menu_side .home_logo { height:161px; 	padding-left:28px; 	padding-top:25px;}
#menu_side .home_logo a.logo { display:block; width:121px; height:123px; background:url(../Images/home_logo.gif) no-repeat left top; }
#menu_side .menu_area { margin-left:-6px; }
#menu_side .menu_area ul.menu_list { width:186px; }
#menu_side .menu_area ul.menu_list li { width:100%; height:42px; padding-bottom:7px; }
#menu_side .menu_area ul.menu_list li#menu_5 { padding-top:15px; }
#menu_side .menu_area ul.menu_list li a { display:block; width:175px; height:42px; }

li#menu_1 a { background:url(../Images/menu_btn.png) no-repeat 0 0; margin-left:6px; }
li#menu_2 a { background:url(../Images/menu_btn.png) no-repeat 0 -60px; margin-left:6px;}
li#menu_3 a { background:url(../Images/menu_btn.png) no-repeat 0 -120px; margin-left:6px;}
li#menu_4 a { background:url(../Images/menu_btn.png) no-repeat 0 -180px; margin-left:6px;}
li#menu_5 a { background:url(../Images/menu_btn.png) no-repeat 0 -240px; margin-left:13px; }
li#menu_6 a { background:url(../Images/menu_btn.png) no-repeat 0 -290px; margin-left:13px; }

li#menu_1 a:hover { background:url(../Images/menu_btn.png) no-repeat -200px 0; margin-left:6px;}
li#menu_2 a:hover { background:url(../Images/menu_btn.png) no-repeat -200px -60px; margin-left:6px;}
li#menu_3 a:hover { background:url(../Images/menu_btn.png) no-repeat -200px -120px; margin-left:6px;}
li#menu_4 a:hover { background:url(../Images/menu_btn.png) no-repeat -200px -180px; margin-left:6px;}
li#menu_5 a:hover { background:url(../Images/menu_btn.png) no-repeat -200px -240px; }
li#menu_6 a:hover { background:url(../Images/menu_btn.png) no-repeat -200px -290px; }

#content_side {
	float:left;
	width:700px;
}


#frame_content {
	width:100%;
}
#frame_content .inner_content { width:100%; padding-top:33px; }
#frame_content .inner_content .ebook_title {
	width:409px;
	height:55px;
	background:url(../Images/inner_ebook_title.png) no-repeat left top; 
}

#frame_content .inner_content .content {
	padding-left:30px;
	padding-top:30px;
	background:url(../Images/inner_content_bg.png) no-repeat left top;
}
#frame_content .inner_content .content h2 { margin-left:15px; }

#footer {
	width:100%;
	background-color:#70a1c7;
	height: 80px;
}
#footer .footer_area {
	width:960px;
	background-color:#70a1c7;
	font-size:10pt;
	color:#ffffff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
#footer .footer_area .byrev {
	float:left;
	padding-left:16px;
	text-align:left;
}
#footer .footer_area .copyright {
	float:right;
	padding-right:16px;
	text-align:right;
}
#footer .footer_area .copyright a { color:#ffffff; }
#footer .footer_area .copyright a:hover { text-decoration:underline; }

/*-------------------------------------------------------------------------------------*/
/* INDEX */

.index_page {
	width:686px !important;
	padding-left:20px;
	padding-top:100px !important;
	padding-bottom:100px
}
.index_page .ebook_title { width:686px !important; height:91px !important; margin-bottom:46px; background:url(../Images/ebook_title.png) no-repeat left top !important; }
.index_page .index_content { width:676px !important; min-height:380px; padding:0px 5px !important; background:none !important; text-align:center; }
.index_page .index_content a { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0px 13px 29px 13px; width:307px; height:88px; border:1px solid #3a85c1; }
.index_page .index_content a:hover { background-color:#8ee1fb }

/*-------------------------------------------------------------------------------------*/
/* VERSE */

.verse_content { padding-bottom:24px; }
.verse_cate_list_area { width:600px; xmin-height:85px; padding:8px 15px; margin-bottom:10px; border:2px solid #ffffff; box-shadow:inset 2px 2px 2px #999; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; 
background:#D9F4FF; 
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#E9F7FD), to(#9ce2f5)); 
background:-webkit-linear-gradient(#E9F7FD, #9ce2f5); 
background:-moz-linear-gradient(#E9F7FD, #9ce2f5); 
background:-ms-linear-gradient(#E9F7FD, #9ce2f5); 
background:-o-linear-gradient(#E9F7FD, #9ce2f5); 
background:linear-gradient(#E9F7FD, #9ce2f5); position:relative; line-height:30px;}
.verse_cate_list_area a, .verse_cate_list_area span { vertical-align:middle; padding:0px 1px; }
.verse_list ul { padding:10px 0px 10px 17px; line-height:32px; }

/*-------------------------------------------------------------------------------------*/
/* SERIES */

.series_content { padding-bottom:24px; }
.series_list ul { padding:10px 0px 10px 17px; line-height:32px }

/*-------------------------------------------------------------------------------------*/
/* BOOKLET */

.booklet_content { padding-bottom:24px;}
.booklet_box {
	width:620px; height:210px;
	border:2px solid #ffffff;
	margin-bottom:10px;
	margin-left:10px;
	padding:22px 0px 8px 24px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow:0px 0px 7px #66ccff;
	-moz-box-shadow:0px 0px 7px #66ccff;
	box-shadow:0px 0px 7px #66ccff;
	background:#D9F4FF;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f4fbfe), to(#BFF1FA));
	background:-webkit-linear-gradient(#f4fbfe, #BFF1FA);
	background:-moz-linear-gradient(#f4fbfe, #BFF1FA);
	background:-ms-linear-gradient(#f4fbfe, #BFF1FA);
	background:-o-linear-gradient(#f4fbfe, #BFF1FA);
	background:linear-gradient(#f4fbfe, #BFF1FA);
}
.booklet_photo { float:left; width:124px; height:206px; text-align:center; }
.booklet_photo .booklet_cover { display:block; width:120px; height:170px; margin-bottom:5px; }
.booklet_photo .booklet_cover img { max-width:120px; max-height:170px; border:1px solid #cccccc; }
.booklet_photo .booklet_pdf { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:23px; padding-right:24px; background:url(../Images/icon_pdf.png) no-repeat right top; line-height:23px; }
.booklet_list {
	float:right;
	width:480px;
	padding-top:4px;
	padding-bottom:30px;
	height:170px; overflow:hidden;	
}
.booklet_list ul {
	float:left;
	width:230px;
	padding-right:5px;
}
.booklet_list ul li { padding:2px 0px 2px 20px; background:url(../Images/booklet_list_style.png) no-repeat left 4px; font-size:11pt}

/*-------------------------------------------------------------------------------------*/
/* TEXT */

.text_content { padding-bottom:24px; padding-top:30px; padding-left:30px; background-image:url(../Images/inner_text_content_bg.png); background-repeat:no-repeat; background-position:top left; background-color:#FFFFFF}
.text_content p { padding-right:40px; padding-top:12px; line-height:24px; color:#003366; letter-spacing:1px}
.text_content li { padding-top:0px; line-height:24px; color:#003366}
.text_content h2 {padding-bottom:0px; padding-top:16px; background:none; padding-left:0px; font-size:20px; color:#B2832C; font-weight:bold;}
.text_content .versetitle { padding-bottom:36px; line-height:24px;}
.text_content .note { font-size:10px; color:#666666; padding-top:36px;}