/* 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: url("../images/0607059_line-bg.gif"), linear-gradient(to bottom,#fdefee 30%, white 100%);color: #2a2a2a;}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{background: #fdffff; background: #feedcf;}
#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: 1.8rem;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;display: inline-block;line-height: 2.1rem;color: white;text-shadow: 1px 1px 5px #5050509f;font-family: Verdana,"Microsoft JhengHei";padding: 1.25rem .5rem;z-index: 3;}
.color_blue { background-color: #2f52a3; }
.color_purple {background-color: #67318e;}
.color_pink {background-color: #9e1e87;}
.color_yellow { background-color: #fac324; }
.color_magenta{color: #e50059;}
.magenta_bg{background: #e50059;}
.green_bg{background: #008766;}
.container {display: flex;flex-wrap: wrap;justify-content: center;align-items: start;margin: auto;padding: 1rem 1.5rem .25rem 1.25rem;}
#event_master img { width: 100%; }

/*書單*/
.booklist{display: flex;flex-wrap: wrap;justify-content: space-evenly;align-items: flex-start;width: calc(100% - 10%);}
figure{width: calc(100%/4 - 12px);text-align: center;margin:0 auto;z-index: 3;}
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;font-family: Verdana,"Microsoft JhengHei";}
figcaption{padding: .8rem 0;font-size: 1rem;}
.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 th:nth-child(1) { border-radius: 30px 0 0 0; }
.books th:nth-child(2) { border-radius: 0 30px 0 0; }
.books td { background: #f6f6f6; }
.booklist_title {text-align: left;font-size: 1.4rem;font-weight: bold;display: flex;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;}
.container .bgOrange::after{content: '';width: 830px;height: 222px;background: url('../images/1303045_bgOrange.png');position: absolute;top: 0;right: 0;z-index: 1;}
.container .bgGreen::after{content: '';width: 830px;height: 222px;background: url('../images/1303045_bgGreen.png');position: absolute;top: 0;right: 0;z-index: 1;}
.container .bgBlue::after{content: '';width: 830px;height: 222px;background: url('../images/1303045_bgBlue.png');position: absolute;top: 0;right: 0;z-index: 1;}

/*優惠*/
.sale_box{padding: 2% 3%;font-size: 1.2rem;line-height: 1.8;margin:auto;border-radius: 1.5rem;font-weight: bold;}
.sale_box b {font-weight: bold;font-family: Verdana,"Microsoft JhengHei";color: #000;}
.sale_box span{font-weight: 700;font-size: 1.3rem;color:#b7020a;margin: 0 .2rem;font-family: Verdana,"Microsoft JhengHei";}
.sale_box small{font-size: smaller;}
.sale_box a{background: #b7020a;color: #fff;font-weight: bold;padding: 0 .6rem;line-height: 1.9rem;display: inline-block;border-radius: 1rem;text-decoration: none;}


    
@media (max-width:767px) {
    .container { flex-direction: column; }
    .container:nth-child(1) {background: linear-gradient(90deg, #ee7a31 0%, #f3994f 87%, #ea5413 95%, #ea5413 100%);}
    .container:nth-child(2) {background: linear-gradient(90deg, #52b7aa 0%, #82c9b9 87%, #0ba39b 95%, #0ba29a 100%);}
    .container:nth-child(3) {background: linear-gradient(90deg, #5197d1 0%, #80bfea 87%, #0e6eb8 95%, #0e6eb8 100%);}
    .container .bgOrange::after{content: '';width: 830px;height: 222px;background: unset;position: absolute;top: 0;right: 0;z-index: 1;}
    .container .bgGreen::after{content: '';width: 830px;height: 222px;background: unset;position: absolute;top: 0;right: 0;z-index: 1;}
    .container .bgBlue::after{content: '';width: 830px;height: 222px;background: unset;position: absolute;top: 0;right: 0;z-index: 1;}
    h2 {width: auto; font-size: 1.4rem;padding: .1rem 2rem;text-align: center;margin: 0 auto .5rem;border-radius: 20px;-webkit-writing-mode: unset;writing-mode: unset;}
    .booklist { width: 100%; }
    figure { width: calc(100%/2 - 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: 35%;}
    .sale_box dd{border-bottom: 1px solid #cccccc;padding: 0.5rem 0 0;}
}


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