/* 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: ;}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{background:#fff}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}

h1{font-size: 3rem;text-align: center;}
h2{font-size: 2.5rem;text-align: center;}

.mag{display: flex; flex-wrap: wrap;padding: 3% 3% 0;}
.mag figure{width: calc(100%/4 - 0.5rem); margin: 0 auto;text-align: center;}
.mag figure img{width: 95%;filter: drop-shadow(2px 2px 4px #0000006f);margin-bottom: 0.5rem;}
.mag figcaption a{color: #9d361a;}

.book{display: flex;padding: 0 3% 3%;align-items: center;}
.book figcaption {color: #9d361a;text-align: center;}
.book figcaption a{color: #9d361a;}
.book figcaption .author{color: #fff;text-align: center;background-color: #10828c;padding: 0.2rem 0.8rem;border-radius: 0 0.8rem;display: block;width: fit-content;margin: 0.5rem auto 0;}
.new{margin: 0 0 0.8rem;padding: 0.1em 1.0em;color: #fff3d2;font-size: 1.3rem;clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);background: linear-gradient(0deg, #c74e2d, #a33516);font-style: italic;font-family: 'Noto Serif TC', serif;font-weight: 700;display: inline-block;}
.book p{color: #000;font-size: 1.3rem;line-height: 1.8rem;padding-bottom: 0.5rem;}
.book p::before {content: "•";color: #c74e2d; /* 設定圓點顏色 */display: inline-block;width: 1em;margin-left: -1em;}
.buy{display: flex;justify-content: center;border-radius: 0 5rem 0 0;padding: 1.5rem;font-size: 1.4rem;color: white;background: linear-gradient(0deg, #c74e2d, #a33516);align-items: center;}
.buy dl{width: 83%;}
.buy dl dt{font-size: 2.6rem;color: #fef349;font-style: italic;font-family: 'Noto Serif TC', serif;font-weight: 700;letter-spacing: 0.3rem;}
.buy dl dt span{font-size: 2.3rem;color: #e04620;background-color: white;border-radius:50%;margin: 0 -0.1rem;transform: skewX(-4deg);display: inline-block;padding: 0.0rem 0.4rem;}
.buy dl a{color: #fff;}
.buy dl dd{padding: 0.5rem 0;line-height: 1.7rem;text-indent: -1em;margin-left: 1.7rem;}
.buy dl dd:nth-child(4){text-indent: 0em;margin-left: 2.0rem;}
.buy dl dd b{color: #ffe200;font-size: 1.0rem;margin-right: 0.5rem;}
.buy dd span{color: #ffe301;font-size: 1.6rem;font-family: 'Noto Serif TC', serif;font-weight: 700;}
.buy-btn{margin-left: 1%;color: #95290b !important;background: linear-gradient(to right, #dd9f48 10%, #fedfb3 60%, #d87540 100%);padding: 0.2rem 1.0rem;text-decoration: none;display: inline-block;border-radius: 1.5rem;font-size: 1.1rem;text-indent: 0em;filter: drop-shadow(2px 2px 4px #0000005f);}
.text-ind-95{text-indent: 9.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 {
}