/* 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:微軟正黑體;}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}

:root{
	--purple: #b25194;
	--blue: #016da8;
}
#event{
	width:100%;margin:0 auto;
	bbackground: #fffef4; /* Old browsers */
	background: -moz-linear-gradient(top, #fffef4 80%, #F7DA8B 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fffef4 80%,#F7DA8B 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fffef4 80%,#F7DA8B 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffef4', endColorstr='#F7DA8B',GradientType=0 ); /* IE6-9 */
}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.br{display:block}
h1{font-size: 3rem;}
h2{font-size: 2.5rem;}
h3{font-size: 1.5rem;background: linear-gradient(to right, var(--blue) 0%, var(--purple) 60%);color: white;display: inline-block;padding: .4rem 1.9rem .4rem .9rem;margin: 0;position: relative;}
h3:before{position: absolute;content: "";width:25px;height:25px;background-color: #5d5e9e;right: -4%;top:-5%;transform:rotate(10deg)}
h3:after{position: absolute;content: "";width:12px;height:12px;background-color: #b8a341;right: -14%;top:4%;transform:rotate(-20deg)}
.bookgroup:nth-of-type(3) h3:after{right: -18%;}
#event_class h3:after{right: -9%;}
.bookgroup:nth-of-type(4) h3:after{right: -18%;}
h4{font-size: 1.5rem;color: #5d5e9e;}
.red{color: #FF0000;}
.tableList{width:100%;margin:1% auto 2%;padding: 0}
.tableList a{color: black;}
.tableList tr:nth-of-type(even) td{background-color: #f5f4f4;}
.tableList th{background-color: #b8a341!important;}
.tableList ,.tableList th,.tableList td{border:1px solid #b8a341; border-collapse: collapse;background-color: white}
.tableList td:nth-of-type(1){padding: 0 0 0 1em;text-align: left;}
.tableList td:nth-of-type(4){color: red;font-weight: bold;}
.tableList td{text-align: center;padding: .5% 0;}
#event_master{padding:0 0 3%!important}
#event_master,#event_book,#event_third,#event_fourth{width:100%;margin:0 auto;padding:3% 0}
#event_book,#event_third,#event_fourth{width:88%;padding:2% 6%}
.bookCover{text-align: center;}
.bookCover img{max-width: 100%;filter: drop-shadow(1px 1px 3px #4d4d4d);margin: 0 3% 3%;}
.bookCover1 img:nth-of-type(2){display: none;}
.bookgroup:nth-of-type(2),.bookgroup:nth-of-type(3){margin: 5% 0 0;}
#event_bookimg{margin:0% auto 2%}
figure{width: 29%;margin: 2%;}
figure img{;margin: 0 auto;display: block;height: 200px;}
figcaption {background: linear-gradient(to right, var(--purple) 10%, var(--blue) 70%);text-align: center;padding: 0.3em;margin-bottom: 2%;}
figcaption a{color:#FFF;text-decoration:none;font-size: 1.3em;font-weight: bold;}
.rowFlex {display: flex;flex-wrap: wrap;}
#event_class ul {margin: 1rem 0 0;padding: 0 5%;line-height: 1.6;}
#event_class li a{color:var(--purple)}
#event_class li a:before{content:"▶ "}
#event_class li{width:100%;text-align:left;display:inline-block;color:#520731;font-size:1.2em}
.bookList{display: inline-block;padding: .7rem 0.5rem;border-radius: 8px;width: 100%;background: linear-gradient(to bottom,white 60%, #FDF2D5 100%);box-shadow:rgba(163 163 163 / 50%) 7px 8px 9px -8px;}
.bookList div{margin-top:1%;font-size: 1.2rem;}
.bookList div a:before{content: "• ";}
.bookList .list a:before{content: "▶ ";}
/*.bookList .list~div~div{margin-top: .8rem;}*/
.bookList div a{margin-left: 2%;color:var(--purple);}
.bookList .list a{color:var(--blue);}
.bookList .list2{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-right: 2rem;}
.bookList .list3{margin-left:1rem }