body { border:0; width: 100%; margin: 0; padding: 0; text-align:center; font-size: 20px; background-color: #efe7d0;}
a { text-decoration: none; color: #069; }
ul.menu { list-style-type: none; padding: 0; margin: 0; width: 96%; margin-left: 3%; padding-top: 10px; }
ul.menu li { width: 22%; border: 1px solid #c0c0c0; border-bottom: 2px solid #c0c0c0; border-right: 2px solid #c0c0c0; float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 10px; padding: 5px 0; border-radius:25px;}
ul.menu li a { display: block; }
ul.menu li.on { border-color: #660000; }
ul.menu li.off { border-color: #C0C0C0; }
ul.menu li.active { background-color: #660000; }
ul.menu li.active a { color: #ffffff; font-weight:bold; }
ul.newt a { color: green }
ul.newt li.on { border-color: green; }
ul.newt li.active { background-color: green; }
#header h1 { padding: 0; margin: 0; color: #ffffff; text-shadow: 1px 1px #660000; }
#header {
	padding: 0;
	margin: 0;
	width: 100%;
}
#home {
    color : #CCCCCC; 
    text-decoration: none;
} 
.sz {
    font-weight: 700;
    transform: scale(1,3);
    -ms-transform: scale(1,3);
    -webkit-transform: scale(1,3);
    -moz-transform: scale(1,3);
    -o-transform: scale(1,3);
}
/*Ê××Ö */
#sz {
text-align: justify;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
/* autoprefixer: on */
}
.gt-bg
{
	background: #2a8d12;/*8B0000*/
}
.dxx
{
	border-bottom-style:solid;border-width:1px;
}
.sxx
{
	border-bottom-style:double;border-width:3px;line-height:.9;
}
.xxx
{
/*	border-bottom: 1px dashed;
*/
color:#777;text-decoration:none;border-bottom:1px dashed #777;

}
.day { float:right;margin-right:8px;  }
.day1 { text-align: center; }

.AA1 {
	margin: 0;
    text-align:center;
    font-size:1.3em;
    color:#FFFFFF;
    FONT-WEIGHT: bold;
    padding-top: 3px;
    padding-bottom:5px;
    background-color:#660000;
	text-decoration: none;
}

#chapternav { font-size: 80%; clear: both; padding: 10px 0; border-top: 1px solid #660000; border-bottom: 1px solid #660000;}

/*
bottom tab nav
*/
#nbtab1, #nbtab2, #nbtab3 { width:1%; }
#nbtab4, #nbtab5 { width:11%; }
#nbtab6 { width:260px; }


#verses { width: 97%; margin-left: 2%; text-align: left; color: black; }
#verses a:hover { text-decoration: underline; }
.sgc-2 { width: 100%; text-align: center; clear: both; font-size: 100%;}
.chapter { padding: 0 4px; }

.calibre2 { text-indent: 1.3em; }
.chapterBreak { display: block; line-height: 2em; }

hr
{
 margin:10px 1px 50px 1px; border-top:1px solid #660000;
}

.bible01
{
	border-bottom-style:solid;border-width:1px;
}
.bible02
{
	border-bottom-style:double;border-width:3px;
}
.bible03
{
	border-bottom: 2px dashed;

}
.biblejw { 
font-size: 1.1em;
text-indent: 1.3em;
line-height:144%;
 }
.biblejw1 {
	font-size: 1.1em;
    margin:2px auto 10px auto;
	text-indent: 1.3em;
}

.biblejw2 {
	font-size: 1.1em;
    margin:0 auto 10px auto;
	text-indent: 1.6em;
}
.biblezt
{
	color : #000079;
    font-weight: bold;
	font-size: 1.2em;
	margin-left: 10px;
	margin:10px;

}

.biblexl
{
	font-size: 0.7em;
}

sup { font-size: 0.6em; font-family:Georgia; color:Red; line-height:normal; }

.gm001
{
	color : #800000;
    display: block;
	font-size: 1em;
	 margin-left: 10px;
	margin:8px;

}

.gm002
{
	color : #800000;
    display: block;
	font-size: 0.95em;
     margin-left: 10px;
     margin-right: 10px;
    margin:8px;
}

.gm003
{
	color : #800000;
    display: block;
	font-size: 0.85em;
	 margin-left: 10px;
	 margin-right: 10px;
	margin:8px;
}

.gm004
{
    color :#800000;
    display: block;
	font-size: 0.8em;
	 margin-left: 10px;
	 margin-right: 10px;
	margin:8px;
}

.gm005
{
	color : #800000;
    display: block;
	font-size: 0.75em;
	 margin-left: 10px;
	 margin-right: 10px;
	 margin:8px;
}
.gm006
{
	color : #800000;
    display: block;
	font-size: 0.7em;
	 margin-left: 10px;
	 margin-right: 10px;
	 margin:8px;
}
.text12_88 { 
margin : 50px 2px 80px 2px; 
font-size : 1.2em; 
color : #CCCCCC; 
text-align : center;
} 

.verse { font-weight: normal; }
.O0 { color: #E46044; padding-left: 1em; display: block; font-size: 0.9em; }
.O1 { color: #E46044; padding-left: 1.5em; display: block; font-size: 0.9em; }
.O2 { color: #E46044; padding-left: 2.0em; display: block; font-size: 0.9em; }
.O3 { color: #E46044; padding-left: 2.5em; display: block; font-size: 0.9em; }
.O4 { color: #E46044; padding-left: 3em; display: block; font-size: 0.9em; }
.O5 { color: #E46044; padding-left: 3em; display: block; font-size: 0.9em; }
.O8 { color: #4169E1; padding-left: 1em; display: block; font-size: 0.9em; }

#navbottom { z-index: 999; font-size: 1.2em; width: 100%; position: fixed; bottom: 30px; background: #EEEEEE; color: #660000; border-top: 2px solid #660000; margin-bottom:-30px; }
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 45px; width: 500px; }
ul.tabs > li { float: left; height: 44px; line-height: 44px; cursor: pointer; font-weight: bold; background: #EEEEEE; overflow: hidden; position: relative; border-left: 1px solid #999999; }
ul.tabs > li:hover {	background: #CCCCCC; }	
ul.tabs > li.active{ 	background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
.tab_container { clear: both; float: left; width: 100%; background: #FFFFFF; }
.tab_content { padding-bottom: 40px; font-size: 1.2em; display: none; }

#verses h3 { cursor: pointer; }
#verses h3 span img { vertical-align: -4px; }
#pullDown, #pullUp {padding:0 10px;height:30px;line-height:30px;color:#888;text-align:center}
	
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 800px or less */

