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

#event_master img {width: 100%;height: auto;display: block;}
h2{font-size: 2rem;}
.flex {display: flex;flex-wrap: wrap;}
.intro{width: 100%;display: inline-block;}
.intro figure{margin: 0;float: left;margin-right: 2%;}
.intro figure img{height: auto;}
.intro dl{font-size: 1.3rem;color: #da4114;padding: 2% 2%;line-height: 2.0em;}
.intro dd{border-bottom: solid 2px #d2b97e;}
.intro dd img{margin-right: 0.3em;    margin-left: .3em;}

/*書單*/
.booklist{margin: -8% 0% 3% 0;display: inline-block;    width: 98%;}
.booklist2{margin: 2% 0% 3% 0;}
.booklist figure{margin: 0 5% 0 0;float: left;width: fit-content;}
.books, .books th, .books td {border-top: 1px solid black;border-collapse: collapse;text-align: center;padding: 0.2em 0.4em;}
.books {border-bottom: 1px solid black;color: black;}
.books a {color: black;}
.books a:hover {color: #da4114;}
.books th{background-color: #fbe6e1;color: #5d2300;font-size: 1.1rem;}
.books td:nth-child(3){color: #da4114;}
.books td:nth-child(2){border-left: 1px solid black;border-right: 1px solid black;}
.books p{text-align: left}
.books tr:nth-child(odd) {background-color: #fef3ef;}
.books tr:nth-child(even) {background-color: #f6f6f6;}
caption{font-size: 1.6rem;color: #5d2300;line-height: 1.3em;margin-bottom: 0.5em;font-weight: bold;}
caption strong{font-size: 1.8rem;color: #da4114;}
.booklist2 h1{font-size: 2.0rem;color: #da4114;line-height: 1.3em;margin-bottom: 0.5em;font-weight: bold;border-top: 2px solid #da4114;text-align: center;padding: 0.2em;}
.booklist2 h1 span{font-size: 1.1rem;display: block;border-top: 1px dotted #da4114;margin-top: 0.4em;line-height: 1.6em;color: #5d2300;}
.booklist2 ul {margin: 0 auto; padding: 0;}
.booklist2 ul li {margin: 1% 0.5%;display: inline-block;text-align: center;width: 29.5%;border: dotted 2px;padding: 0.5em;}
.booklist2 ul li a{color: #703232;font-size: 1.2em;text-decoration: none;}
.class_detail{font-size:13px;line-height:1.3em;color:#333;text-align:right;margin-top:.6%;margin-right:0.5%;margin-bottom:2.5%;}
.class_detail a{color: #5d2300;}
.buy{text-align: center;margin: 0.3em auto;background-color: #da4114;padding: 0.5em 0.8em;font-size: 1.2em;border-radius: 1.5em;}
.buy a{color: white;text-decoration: none;}

.more{padding: 3%;}
.more h3{font-size: 1.8rem;color: #5d2300;text-align: center;}
.series{display: flex;}
.series div{margin: 1% 0.5%;display: inline-block;text-align: center;width: 98%;border: dotted 2px;padding: 0.5em;}
.series div a{color: #da4114;font-size: 1.2em;text-decoration: none;}
/*.series div:nth-child(even){border: 0;}
.series div:nth-child(even) a {color: black;text-decoration: underline; font-size: 1em;}
.series div:nth-child(even) a:hover {color: #da4114;}*/


.app{padding: 3%;border-top: 2px solid #5d2300;}
.app h3{font-size: 1.8rem;color: #5d2300;text-align: center;}
.app h3 strong{font-size: 2.2rem;color: #da4114;}
.app_group{padding: 0 2%;}
.app_group p{font-size: 1.3rem;color: #5d2300;text-align: center;}
.app_group ul {margin: 0 auto; padding: 0;}
.app_group ul li {margin: 1% 0.5%;display: inline-block;text-align: center;width: 43%;border: dotted 2px;padding: 0.5em;}
.app_group ul li a{color: #da4114;font-size: 1.2em;text-decoration: none;}

@media (max-width: 767px) {
	.intro figure{display: none;}
	.booklist figure {text-align: center;margin: 0 auto;width: auto;}
.booklist figure img{width: 80%;height: auto;}
	.booklist {margin: 0% 0% 3% 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 {
}