@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+HK:wght@200..900&family=Noto+Serif+TC:wght@800&display=swap');

/* 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: 'Microsoft JhengHei','Noto Sans TC', sans-serif;color: #2a2a2a;background: #fffcef;}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{background:/*#ffffff*/}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
a { color: #2a2a2a;}
.w-full{width: 100%;}
h1{font-size: 2rem;}
h2{font-size: 2.6rem;padding: 0.85rem 1rem;display: flex;justify-content: center;font-family: "Noto Serif TC", serif;color: var(--blue1);font-weight: 500;}
h3{font-size: 1.6rem;padding: 0.85rem 1rem;display: flex;justify-content: center;font-family: "Noto Serif TC", serif;font-weight: 500;}
#event_third h2{color: white;justify-content: center;align-items: center;padding: 0;}
.container{background: #f9ddcd;border-radius: 6px;justify-content: center;align-items: center;margin: auto;padding-bottom: 1rem;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
#event_master {z-index: 5;}
[id^="event_"]:not(#event_master) {z-index: 1;}
#event_master h1 { align-items: center;justify-content: center; }
#event_master img { max-width: 100%; }
.flex{display: flex;flex-wrap: wrap;}
.bg1{background:linear-gradient(-115deg,#fffcd5,#fce5e2)}
.bg3{padding: 2rem 3rem 1rem;}
.bg_white{background: white;}

:root{
    --blue1: #008fd2;
}
.num{font-family: Verdana,"Microsoft JhengHei";font-size: larger;}
.banner{width: 100%;}
.banner img{width: 100%;}

/*�㮾�鱓*/
.book_info{width: 90%;margin: -2rem auto 0;}
.book_info .book1{justify-content: center;align-items: center;}
.cover {padding: 0 .25rem 0 0;z-index: 3;}
.info dt{font-size: 1.55rem;font-weight: bold;font-family: "Microsoft YaHei";}
.info dt a{color: #7f3c93;}
.info dd{line-height: 1.8rem;font-weight: bold;}
.author{padding: .6rem 0;}
.author span{font-size: 1.25rem;color: #fff;background: #4976bb;padding:0 .55rem .1rem;margin:0 .5rem 0 0;border-radius: .5rem;}
.author b{font-size: 1.35rem;}
.info ul{font-size: 1.15rem;padding: 0 0 0 1rem;}
.info ul li::marker{content: ' �� ';}
.book_info .book1 .price{text-align: right;padding: .25rem 12rem .25rem 0;font-family: Verdana,"Microsoft JhengHei";font-weight: bold;position: relative;}
.book_info .book1 .price::before{content: '';width: 53%;height: 3px;border-bottom: 2px solid #dbdbdb;position: absolute;right: 17.5rem;top: .9rem;}
.book_info .book2{flex-direction: row-reverse;align-items: end;margin: -4rem 0 0;}
.book_info .book2 .info dl dt , .book_info .book2 .info .author{margin: 0 0 0 13.25rem;}
.book_info .book2 .info ul{margin: 0 7rem 0 0;}
.book_info .book2 .price{text-align: right;padding: 0 0 .5rem 0;right: 1rem;font-family: Verdana,"Microsoft JhengHei";font-weight: bold;position: relative;}
.book_info .book2 .price::before{content: '';width: 81%;height: 3px;border-bottom: 2px solid #dbdbdb;position: absolute;right: 5.5rem;top: .65rem;}

.event_sec h3{font-size: 2.2rem;padding: 0.85rem 1rem;display: flex;justify-content: center;font-weight: bold;font-family: "Microsoft YaHei";letter-spacing: .25rem;}
.booklist{margin:0 auto 1rem;display: flex;justify-content: center;flex-wrap: wrap;width: calc(100% - 10%);row-gap: .5rem;}
figure{width: calc(100% / 4);text-align: center;margin: 0 auto;}
figure img{max-width:100%;height: auto;filter: drop-shadow(0px 0px 3px #0000006f);}
figure a{width: 100%;color: #000;display: flex;justify-content: center;align-items: center;text-align: center;	}
figcaption{margin: 3% 0 6%;font-size: 1rem;line-height: 1.35rem;}


/*�芣��*/
.sale_box{width: 90%;font-size: 1.4rem;font-weight: bold;padding: 0 0 1rem 5rem;margin: auto;}
.sale_box span{color: #7f3c93;}
.sale_box li{}
.sale_box a{color: #ad0000;border-radius: .5rem;padding:.125rem .5rem;margin: .125rem .5rem;text-decoration: none;font-size: .9em;display: inline-block;text-align: center;border: 1px dotted;}
.sale_box a:hover{color: #fff;background: #ad0000;}
.sale_box small{font-size: .95rem;}
.ERICdata_logo{width: 15%;vertical-align: text-bottom;}
    
@media (max-width:767px) {
    .container {padding: 2rem 0;}
    .bg2{ margin-top: initial;}
    .bg3{padding: 2rem 1rem;}
    .container,#event_master h1{flex-direction: column;}
    h2 { width: auto; font-size: 1.9rem;padding: .1rem 2rem;text-align: center;margin: 0 auto 1rem;border-radius: 20px;}
    figure {width: calc(100% / 2 - 5%);margin: 0 2.5%;}
    @media screen and (max-width: 660px){#event_third h2 span{width: 100%;}}
    @media screen and (max-width: 370px){.bg3 figure{width: 100%;}h2{font-size: 1.5rem;}}
}


/*��憭抒㮾摰寞炎閬�*/
@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 {
}