/* 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;background: #efd3cb /*url("../images/line_bg.gif")*/;}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
article { background: url("../images/1407048_bg.jpg") no-repeat top center / 100% ;}
a { color: #2a2a2a;}
.w-full{width: 100%;}
h1{font-size: 2rem;}
h2{font-size: 1.6rem;border-radius:50%;width: 4.2rem;height: 4.2rem;padding: 0 .4rem;text-align: center;line-height: 1;padding-top: 1rem;color: white;z-index: 5;}
.container {display: flex;flex-wrap: wrap;justify-content: center;align-items: start;margin: auto;}
#event_master img { max-width: 100%; }
.banner { display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding-top: 1rem; }

/*書單*/
.booklist{display: flex;flex-wrap: wrap;justify-content: space-evenly;align-items: flex-start;width: calc(100% - 10%);margin-bottom: 1rem;position: relative;border-bottom: 2px dotted #9769ae6a;position: relative;}
.booklist h2::before{content: '';width: 80px;height: 80px;position: absolute;top: 82px;left: 1px;border-radius: 50rem;background: linear-gradient(180deg, #0000000a, transparent);z-index:-1;}
.booklist h2 {background: linear-gradient(to bottom, #358ece 40%, #00b5ee 100%);}
.booklist2 h2 {background: linear-gradient(to bottom, #844999 40%, #de87b5 100%);}
.booklist3 h2 {background: linear-gradient(to bottom, #2e9c36 40%, #93c66a 100%);}
figure{width:22%;text-align: center;margin:0 auto;z-index: 3;}
figure img{max-width:100%;height: auto;filter: drop-shadow(0px 2px 3px hsl(0, 0.00%, 78.00%));}
figure a{width: 100%;color: #000;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;text-align: center;font-family: Verdana,"Microsoft JhengHei";}
figcaption{padding:.6rem 0 1rem;font-size: 1rem;}
figcaption span { font-size: 0.9em; }
.figcaption_l a{text-align: left;}
.books, .books th, .books td {border: 2px solid white;border-collapse: collapse;padding: .3rem .8rem;}
.books th{background: linear-gradient(to bottom, #ded9d2 20%, #a3979b 80%);color: white;    }
.books td { background: #f6f6f6; }
.booklist_title {text-align: left;font-size: 1.4rem;font-weight: bold;display: flex;justify-content: space-around;flex-wrap: wrap;align-items: center;border: solid 1px white;margin-bottom: 0.5rem;}
.container{ position: relative;top: 0;left: 0;right: 0;bottom: 0; }
.goto, .goto a{ text-align: center;color:#C42E0E;font-size: 1.2rem;margin-top: 2rem; }

/*優惠*/
.sale_box{padding: 2% 3%;font-size: 1.35rem;line-height: 1.8;margin: 0 auto;border-radius: 1rem 1rem 0 0;font-weight: bold;background: #f4f4b2;color: #000000;width: 84%;display: flex;justify-content: center;align-items: center; flex-wrap: wrap;  margin-top: 1rem;}
.sale_box b {font-weight: bold;font-family: Verdana,"Microsoft JhengHei";}
.sale_box span{font-weight: 700;font-size: 1.55rem;color:#e15a8b;margin: 0 .2rem;font-family: Verdana,"Microsoft JhengHei";}
.sale_box small{font-size: smaller;}
ul.sale_box li{list-style-type: square}
.sale_box a{background:#a92028;color: #fff;font-weight: bold;padding: .125rem .8rem 0;line-height: 1.9rem;display: inline-block;border-radius: 1rem;text-decoration: none;margin-left: 0.2rem;}

@media ( width> 992px) and (width<=1200px) {
    article { background: url("../images/1401045_3_bg.jpg") center 128% / 100% auto no-repeat white; }
}

@media (width>768px) and (width<=991px) {
    article { background: url("../images/1401045_3_bg.jpg") center 120% / 100% auto no-repeat white; }
}
    
@media (max-width:767px) {
    article { background: url("../images/1401045_3_bg.jpg") center 92% / 100% auto no-repeat white; }
    .container { flex-direction: column; }
    h2 {height: auto;font-size: 1.4rem;padding: .5rem 3rem .5rem;text-align: center;width: 100%;margin: 0 auto 1.3rem;border-radius: 20px;-webkit-writing-mode: unset;writing-mode: unset;}
    .booklist { width: 90%;margin: auto; }
    :is(.booklist2, .booklist3) { margin-top: 1rem; }
    figure { width: calc(100%/3 - 12px); }
    @media screen and ( max-width: 600px ) { figure { width: calc(100%/2 - 5px); } }
    @media screen and ( max-width: 320px ) { figure { width: calc(100% - 12px); } }
    .sale_box{font-size: 1.15rem;padding: 2% 2% 2% 3%;width: 90%;line-height: 1.5;}
    .sale_box a {padding: 0 0.4rem;display: block;margin: 0.5rem auto 1rem;text-align: center;width: initial;}
    .sale_box dd{padding: 0.5rem 0 0;}
    .booklist h2::before{display: none;}
}


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