/* css reset 歸0 */
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,font,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,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
/* css reset 歸0 end */

body{margin:0 auto;padding:0;font-family: Verdana,"Microsoft JhengHei", 'Noto Sans TC', sans-serif;font-weight: ;background:#eddebd;}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{background:#f2efe0;}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
h1{font-size: 3rem;}

.foreword{width: 76%;padding: 0 0 0 .25rem;margin: -2.9rem auto 0;}
.foreword dt{font-size: 1.5rem;font-weight: 700;text-align: center;color: #314c43;font-family: "Microsoft YaHei";padding: 0 0 .35rem;}
.foreword dt img{display: inline-block;vertical-align: sub;padding: 0 0 .1rem;}
.foreword dd{font-size: 1.1rem;}

/*書單*/
.booklist{margin:2% 6%;}
caption{text-align: left;padding: .65rem;}
.books, .books th, .books td {border-bottom: 1px solid #9b9b9c3a;border-collapse: collapse;text-align: center}
.books th{font-size: 1.05rem;color: #f3f0e1;background: #314c43;border-right: 1px solid #f3f0e1aa;}
.books tr:nth-child(odd){background: #ffffff5a;}
.books td{font-size: 1rem;padding: .3rem .6rem;line-height: 1.25rem;}
.books p{text-align: left}
.booklist figure{width: calc(100%/4);padding: .5rem .55rem .25rem;display: grid;justify-content: center;text-align: center;}
.booklist figcaption{padding: .5rem;}
figure img{max-width: 100%;height: auto;filter: drop-shadow(0px 0px 3px #0000006f);}

.buy_box{width: 90%;margin: 0 auto;padding: 2% 0 5% 5%;font-size: 1.25rem;line-height: 1.8rem;font-weight: bold;}
.buy_box li{list-style: square;color: #314c43;padding: .3rem 0;border-bottom: 1px solid #9b9b9c3a;}
.buy_box li::marker , .point{color: #b91c24;font-size: larger;padding: 0 .125rem;}
.focus{color: #8e692c;}
.buy_box li a{display: inline-block;font-size: 1.05rem;color: #fff;background: #b91c24;padding: .05rem .6rem 0;border-radius: .6rem;}


/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
}
@-moz-document url-prefix(){/*Firefox*/
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
}

@media screen\0 {/*IE 8 9 10 11*/
}

@media print {
}