/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}

/*搜尋內容的東西*/
.titlename{background-color:rgba(223,210,197,0.5);padding:10px;margin:0;margin-bottom:10px;border-top-style:solid;border-bottom-style:solid;border-color:#ffc589;border-width:1px;display:block;font-size:20px;}
.titlename b{font-weight:600;}
.bookarea{margin-top:10px;}
.bookname{background-color:#ffd5a9;padding:10px 10px 10px 20px;margin-top:10px;}
.dataTable{width:100%;border-collapse:collapse;}
tr,td{border-top-style:solid;border-bottom-style:solid;border-width:1px;border-style:solid;border-color:#dfd2c5;border-left:none;border-right:none;}
td{padding:5px 5px 5px 10px;}
.exampleno{width:20px;border-right-style:solid;border-width:1px;border-color:#dfd2c5;}
.engExample{line-height:1.5;word-wrap:break-word;}
.chineseExample{width:25%;border-left-style:solid;border-width:1px;border-color:#dfd2c5;line-height:1.5;word-wrap:break-word;}

/*全體相關*/
img{border:none;}
a{color:#08c;text-decoration:none;}
.red{color:red;}
.exampleAreaContent{padding:0 0 10px 10px;}
te{color:#08c;}

/* 页码 */
.book__page{display:inline-block;position:relative;margin-top:0.3em;padding:0.2em 0.5em;border-radius:0.2em;color:#08c;cursor:pointer;transition:0.2s linear;}
.book__page.active{background-color:#e0e3da;color:#a593e0;}
.book__page:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.001);}
.book__page:hover{opacity:0.5;}

details{margin:0.5em 0;padding-left:1em;line-height:1.5;color:#383a3f;}
details summary{display:block;margin-left:-1em;margin-bottom:0.3em;color:#1f2124;}
details b{font-weight:700;}
details h3{margin:0.3em 0;color:#1f2124;font-weight:700;}
details p{margin-top:0.3em;}
details .page{margin-top:1em;}
details section{margin-top:0.5em;}

/* 页码图片 */
.photo__box{position:relative;margin:0.3em 0;width:100%;min-height:160px;border-radius:5px;background-color:rgba(0,0,0,0.05);text-align:center;overflow:hidden;}
.photo__box.hide{display:none;}
.photo__box img{max-width:100%;}

/* Photo Box Tools */
.photo__box .close,.photo__box .prev,.photo__box .next{position:absolute;width:1em;height:1em;top:5px;padding:0.5em;border-radius:50%;background-color:rgba(0,0,0,0.3);font-size:1.2em;color:#fff;text-align:center;transition:0.2s linear;cursor:pointer;z-index:9;}
.photo__box .close:hover{background-color:rgba(0,0,0,0.15);}
.photo__box .close{left:50%;transform:translateX(-50%);}
.photo__box .prev{left:5px;text-indent:-5px;}
.photo__box .next{right:5px;text-indent:2px;}

/* Photo Loading */
.photo__box .loading{display:none;position:absolute;width:100%;height:100%;top:0;left:0;color:#fff;background-color:rgba(0,0,0,0.3);text-align:center;z-index:1;}
.photo__box .loading.show{display:block;}
.photo__box .loading .svg-icon{position:absolute;width:3em;top:80px;left:50%;margin-left:-1.5em;animation:swirl 600ms linear infinite;}
@keyframes swirl{
  0%{transform:rotate3d(0,0,1,0deg);}
  100%{transform:rotate3d(0,0,1,360deg);}
}

/* 图片加载失败 */
.photo__box .fail{display:none;align-items:center;justify-content:center;height:110px;padding-top:50px;color:red;}
.photo__box .fail.show{display:flex;}