abbr.chantReExplain {
 color: #556b2f;
 text-align: center;
 border: 1px solid #778899;
 background-color: #d3d3d3; 
}

#blockContext{
 border: 10px double #d8ff6d;
 padding: 0 15px 5px 15px;
 background-color: #f5f5dc;
 color: #556b2f;
}

#blockContext span:hover {color: #a52a2a}

#blockNote{
 position: fixed;
 top: 1%;
 right: 2px;
 height: 95%;
 width: 275px;
 margin-bottom: 20px;
 border: 1px solid #d8ff6d;
 overflow: auto;
}

blockquote {
 font-family: "細明體", "PMingLiU", serif;
} 

#bodyStyle_0{
 margin: 0 150px 0 5px;
 padding: 0 0 30px 0;
 border: 0 solid #d8ff6d;
 height: 100%;
 overflow-y: auto;
}/*bodyStyle_0 is for of book1~book6*/

#bodyStyle_1{
 margin: 0 320px 20px 5px;
 padding: 10px 15px 30px 15px;
 border: 1px solid #d8ff6d;
 height: 95%;
 overflow-y: auto;
}/*bodyStyle_1 is for book7*/

#bodyStyle_2{
 padding: 0 8px 0 1px;
 font-size: small;
}/*bodyStyle_2 is for handouts*/

#bodyStyle_3{
 margin: 0 150px 0 5px;
 padding: 0 0 30px 0;
 border: 0 solid #d8ff6d;
 height: 100%;
 overflow-y: auto;
}/*bodyStyle_3 is for book_bf01*/

.chant{
 position:absolute;
 top: 10px;
 left: 10px;
 width: 600px;
 font-size: large;
 color: #556b2f;
 text-align: center;
 line-height: 200%;
 border: 1px inset #b0c4de;
 background-color: #f5f5dc;
}

cite.ftn {
 font-style: oblique;
 word-spacing: 3px;
 text-decoration: overline;
 background-color: #eee9e9;
 cursor: pointer;
 cursor: hand;
}

#content{
 display: block;
 margin: 0 3px 0 17px;
 padding: 0 10px 0 15px;
 border: 1px inset #b0c4de;
 background: url('../image/logo.png') repeat-x 0 0%;
 background-color: #f5f5dc;
 color: #556b2f;
}

dfn {
 font-style: normal;
 font-family: "細明體", "PMingLiU", serif;
 background-color: #adff2f;
}

#div_2_1 tt{
 display: block;
 font-size: x-small;
 background: yellow; 
 color: green;
}

div#content em, #bodyStyle_2 em {
 font-style: normal;
 font-weight: bold;
 background-color: #e6e6fa;
}/*To label keypoints*/

.headerL_1{
 line-height: 200%;
 font-weight: 900;
 color: #003333;
 border: 5px double #333333;
}

.headerL_2{
 line-height: 125%;
 font-weight: 700;
 color: #ffffff;
 background-color: #353349;
 border: 8px groove #708090;
}

.headerL_3, #menu_21, #menu_22, #menu_23, #menu_24 {
 line-height: 115%;
 font-weight: 500;
 color: #FCF5F0;
 background-color: #5E619C;
 text-align: center;
 border: 4px outset #C4D6FC;
}

.headerL_4, #menu_22_1, #menu_22_2 {
 line-height: 115%;
 color: #556b2f;
 text-align: center;
 border-width: 2px 0 3px;
 border-style: double;
 border-color: #778899;
 background-color: #d3d3d3; 
}

.headerL_5 {
 color: #669966;
 text-align: right;
 border-width: 0 0 1px;
 border-style: dashed;
 border-color: #bebebe; 
}

.headerL_6 {
 color: #5f9ea0;
 float: right;
 border-width: 1px 1px 2px;
 border-style: dotted;
 border-color: #bebebe;
 margin-right: 5em;
 padding-left: 3em;
}

* html #blockNote, * html #indexer, * html #skelton {
 position:absolute;
}

img.loc{
 margin: 1em 0em 1em 3em;
}

#indexer{
 position: fixed;
 bottom: 2px;
 right: 2px;
 height: 38px;
 width: 160px;
 display: block;
 font-size: small;
 color: red;
 text-align: right;
 float: right;
 border: 1px inset #838658;
}

.listNest {display: list-item}
.list_U_Nest {
 display: list-item; list-style-position: outside;
}

/*---A is for the BookContent---*/
.ol_A_L_1st {list-style-type: cjk-ideographic}
.ol_A_L_2nd {list-style-type: decimal}
.ol_A_L_3rd {list-style-type: decimal-leading-zero}
.ol_A_L_4th {list-style-type: upper-alpha}
.ol_A_L_5th {list-style-type: lower-alpha}

/*---B is for the chapter subMenu of the book---*/
.ol_B_L_1st {list-style-type: upper-alpha; list-style-position: inside; text-indent: -1.5em;}
.ol_B_L_2nd {list-style-type: lower-alpha; list-style-position: inside; text-indent: -1.5em;}
.ol_B_L_3rd {list-style-type: lower-greek; list-style-position: inside; text-indent: -1.5em;}
.ol_B_L_4th {list-style-type: lower-roman; list-style-position: inside; text-indent: -1.5em;}
ol.ol_B_L_1st li {margin-left: -2em;}
ol.ol_B_L_2nd li {margin-left: -3em;}
ol.ol_B_L_3rd li {margin-left: -3em;}

/*---C is for other than the books/handouts---*/
.ol_C_L_1st {list-style-type: upper-roman}
.ol_C_L_2nd {list-style-type: lower-roman}
.ol_C_L_3rd {list-style-type: katakana}
.ol_C_L_4th {list-style-type: hiragana}

/*---D is for the handout---*/
.ol_D_L_1st {list-style-type: katakana-iroha}
.ol_D_L_2nd {list-style-type: hiragana-iroha}
.ol_D_L_3rd {list-style-type: lower-greek}
.ol_D_L_4th {list-style-type: lower-roman}

/*disc | circle | square;Initial:disc*/
.list_U {list-style-position: outside; list-style-type: circle;}

.listTitle {
 display: list-item;
 list-style-type: none;
 margin-left: -0.7em;
}

.menu01{
 background: url('../image/b01_title.gif') no-repeat 50% 100% #E0F3BD;
}

.menu02{
 background: url('../image/b02_title.gif') no-repeat 50% 100% #E0F3BD;
}

.menu03{
 background: url('../image/b03_title.gif') no-repeat 60% 100% #E0F3BD;
}

.menu04{
 background: url('../image/b04_title.gif') no-repeat 60% 100% #E0F3BD;
}

.menu05{
 background: url('../image/b05_title.gif') no-repeat 60% 100% #E0F3BD;
}

.menu06{
 background: url('../image/b06_title.gif') no-repeat 60% 100% #E0F3BD;
}

.menu07{
 background: url('../image/b07_title.gif') no-repeat 60% 100% #E0F3BD;
}

.menu08{
 background: url('../image/b08_title.gif') no-repeat 60% 100% #E0F3BD;
}

.menu11{
 background: url('../image/b11_title.gif') no-repeat 60% 120% #E0F3BD;
}

.menu_f01 {
 background: url('../image/bf01_title.gif') no-repeat 30% 100% #E0F3BD; 
}

.series01{
 background: url('../image/s01_title.gif') no-repeat 60% 100% #a7bbab;
}

.series02{
 background: url('../image/s02_title.gif') no-repeat 60% 100% #a7bbab;
}

.series03{
 background: url('../image/s03_title.gif') no-repeat 60% 100% #a7bbab;
}

.series04{
 background: url('../image/s04_title.gif') no-repeat 60% 100% #dff3bd;
}

/*---[#menu_ij] locates on book_b07; [#key_ij] locates on book_b03_submenu---*/
.LC_h, #menu_21, #menu_22, #menu_22_1, #menu_22_2, #menu_23, #menu_24, #key_11, #key_12, #key_21, #key_22, #key_31, #key_32, #key_41, #key_42, #key_51, #key_52{
 font-size: small;
 cursor: pointer;
 cursor: hand;
}

 #menu_22_1, #menu_22_2 {
 border: 2px outset #556b2f;
 background-color: #f5fffa;
 padding: 0 3px;
}

dd .nonIndent, li .nonIndent {
 margin-left: -2.5em;
}/*---for list-style-type with (1)---*/

dd .nonIndent_1, li .nonIndent_1 {
 margin-left: -3em;
}/*---for list-style-type with (一)---*/

.note{
 text-align: right;
 font-style: italic;
 color: #d8bfd8;
 border-style: dotted;
 border-color: #ffcc99;
 border-width: 0 2px 1px 0; 
}

.notePage{
 font-size: small;
 font-style: italic;
 color: #d8bfd8;
 border-style: dotted;
 border-color: #ffcc99;
 border-width: 1px 0 0 2px;
}

div.quiz {
 margin: 3em 2em;
 border: 2px solid #B0C4DE;
 color: #8b8989;
 background-color: #F0F8FF;
}

p.section{
 text-indent: 2em;
 line-height: 150%;
 margin-top: 5%;
}

p.section_1{
 text-indent: 2em;
 line-height: 150%;
 margin-top: -0.9em;
}

#bodyStyle_1 p.section:first-letter {font-size: 200%; color: #b22222;}
/*P.section:first-line { color: blue }*/

/*q:lang(zh-TW) {quotes: '「' '」' '『' '』'}*/
/*RIGHT CORNER BRACKET,LEFT CORNER BRACKET*/
/*LEFT WHITE CORNER BRACKET,RIGHT WHITE CORNER BRACKET*/
/*<q style="quotes: '&#12300;' '&#12301;'">L1_left<q style="quotes: '&#12302;' '&#12303;'">L2_left,L2_right</q>L1_right</q>*/

#skelton{
 position: fixed;
 bottom: 43px;
 right: 2px;
 width: 150px;
 height: 150px;
}

#skelton.subMenu{
 font-size: x-small;
 color: #264502;
 background-color: #f5ffe1;
 border: 1px outset #838658;
 overflow: auto;
}

sup {
 font-size: xx-small;
}

sup.ftn {
 font-style: oblique;
 word-spacing: 3px;
 color: #fffff0;
 background-color: #9932cc;
 cursor: move;
}

.viewFeedback  {
 padding: 5px 0;
 margin: 10px 0;
 border: 1px solid #b0c4de;
}

.viewFeedbackWord {
 text-align: center;
 padding: 5px 0;
 color: #dcdcdc;
 background-color: #b22222; 
}