/* 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: 'Noto Sans TC', sans-serif;font-weight: ;background-color: #dddddd;}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{background:#fff}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
#event_master {padding: 0 0;width: 100%;margin: 0 auto -9rem 0;z-index: 0;}

h1{font-size: 2rem;}
h3{font-size: 1.6rem;display: flex;justify-content: center;align-items: center;border-radius: 50%;width: 200px;height: 200px;text-align: center;flex-direction: column;position: absolute;z-index: 1;line-height: 2.0rem;writing-mode: vertical-rl;}
h3.c1{background-color: #e8d1e5;}
h3.c2{background-color: #e3f0dc;}
h3 span.f1{color: #4b387d;}
h3 span.f2{color: #326900;}
h3 span{font-size: 115%;display: contents;font-weight: bold;}
#event_master img {width: 100%;}   

.book_group{padding: 2% 2% 0;}
.list_box{display: flex;padding: 2%;margin: 3rem 0 0 8rem;z-index: 2;position: relative;flex-direction: row;flex-wrap: wrap;}
figure{width: calc(100%/4 - 1rem); margin: 0 auto;text-align: center;margin: 2% 1%;}
figure img{width: 98%;}
figcaption a{font-size: 1.0rem;color: #000;}
figcaption .icon-new{display: inline-block;color: #ffffff;background-color: #c00000;border-radius: 0.3rem;padding: 0 0.3rem;margin-right: 0.5rem;font-size: 0.8rem;}
.eric{padding: 0%;text-align: center;color: #c00000;font-size: 1.3rem;}
.eric a{color: #c00000;}
.bar_group{width: fit-content;margin: 0 auto;padding: 2% 0;font-size: 1.3rem;color: white;}
.bar_group div{padding: 0.3rem 0;}
.bar_group a{color: white;}
.bar_group a strong{font-size: 120%;font-weight: bold;color: wheat;}
#event_third {background-color: #9983bc;}


/*各大相容檢視*/
@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 {
}