/* 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:'Microsoft JhengHei','Noto Sans TC','sans-serif';background:var(--item1);}
#BodyContainer{margin:0 auto;}
#BodyContentEvent{width:100%;}
#event{background:var(--item2);border-radius: 0 0 2rem 2rem;}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative;}
h1{font-size: 3rem;}
h2{font-size: 2.2rem;}
h3{font-size: 1.2rem;}
:root {
    --point:#b7164a;
    --title:#49250d;
    --gold:#96692e;
    --item:#fff;
    --item1:#f6d0dd;
    --item2:#fff8ee;
}
.point{color:var(--point);}

.banner{width: 100%;margin: auto;}
.banner img{width: 100%;}
.banner_m{display: none;}
.discount{font-size: 2.25rem;padding: 1rem 0 0;font-weight: bold;font-family: "Noto Serif TC", "serif";color: var(--title);}
.discount span{color:var(--point);}
.small {
    font-size: smaller;
}
/*書單*/
.booklist,#coursera{margin: 4% 8%;}
.booklist h2{font-size: 1.9rem;font-weight: bold;font-family: "Noto Serif TC", "serif";color:var(--title);}
.booklist h4{font-size: 1.25rem;background:var(--point);font-weight: bold;color: var(--item);padding: .5% 2%;}
.booklist td:last-child,#coursera td:nth-child(3){color:var(--point);font-family: "Verdana", "Microsoft JhengHei";font-weight: bold;}
.books p{text-align: left;}
.booklist .sale{color:var(--point);margin-left:1.5%;font-size:.8em;}
.booklist table,.booklist th,.booklist td,#coursera table,#coursera th,#coursera td{border-collapse:collapse;border:1px #d8ccba dotted;text-align:center;}
.booklist th.booklist td{line-height:1.55em}
.booklist th,#coursera th{font-size:1.05rem;color:var(--item);background-color:var(--gold);font-weight:700;padding: .5%;}
.booklist td{font-size:1rem;background:var(--item);padding:.5%;}
.booklist table{width:100%;}
.booklist table p{text-align:left;padding-left:1%;}
.booklist table a{color:#333;}
.booklist ul{padding: .5rem 1rem;margin: 0 auto 1.2rem;display: flex;flex-wrap: wrap;}
.booklist ul li{list-style: none;width: calc(100% / 2);font-size: 1.2rem;line-height: 1.6em;padding: .5% 1.5%;font-weight: 600;}
.booklist ul li i{color: var(--gold);}
.booklist ul.w5 li{width: calc(100% / 5);}
.booklist ul.w4 li{width: calc(100% / 4);}
.booklist ul.w3 li{width: calc(100% / 3);}
.booklist ul.w-50{width: 49%;list-style-type: none;vertical-align: middle;    padding-bottom: 0;    margin-bottom: 0;}
.booklist ul.w-50>li{width: 100%}
.w3,.w5{margin: .2rem auto 1.2rem;text-align: center;}

.buy{width: fit-content;font-size: 1.2rem;font-weight: bold;margin:1.25rem auto 0;color: #b7164a;}
.buy a,#flashcar a{color:var(--item);padding:.05rem .8rem .1rem;background:var(--point);border: 3px solid var(--item1);border-radius: 50rem;}
.buy a:hover,#flashcar a:hover{background: var(--gold);border: 3px solid #ccb89c;}

/*花車*/
#flashcar{padding: .5rem;/*background:#f8ecdd;*/border-top: 5px #f8ecdd dotted;border-bottom: 5px var(--item2) dotted;}
#flashcar ul{margin: auto;}
#flashcar li{font-size:1.3rem;font-weight:bold;display: inline-block;padding: 1rem;}

/*講座*/
#lecture{padding: 2% 8%;background:#f8ecdd;border-top: 5px var(--item2) dotted;border-bottom: 5px var(--item2) dotted;    margin: 0 auto;}
#lecture caption{line-height: 1.55em; font-size: 1.25rem;color:var(--item);background-color:var(--gold);font-weight:700;padding: .5%;}
#lecture th{font-size: 1.125rem;background: #f8ecdd;font-weight: 700;}
#lecture th,#lecture td{line-height:1.55em;}
#lecture td{background:var(--item);padding:.6% 1.5% .25%;font-size: 1.05rem;}
#lecture table{width:100%;}
#lecture table a{color:var(--point);}
#lecture .tb_title{text-align: left;background: #f8ecdd;font-weight: 700;}
#lecture h2{font-weight: bold;font-family: "Noto Serif TC", serif;color:var(--title);}
.lec_group{font-size: clamp(1rem, 3vw,1.2rem);line-height: 1.7;margin: 0.5rem auto;}
.lec_group a{color:var(--point);}
.pub table span{font-size: 0.8rem;}
.lec_group dt{font-size: clamp(1.1rem, 3vw,1.4rem);color:var(--point);font-weight: bold;}
.lec_title{font-family: "Noto Serif TC", "serif";font-size: clamp(1.3rem, 3vw,2.2rem);font-weight: bold;line-height: 1.7;margin: 0.5rem;text-align: center;border-bottom: 2px solid black;}
.lec_title small{font-size: 55%;}
.teacher{text-align: left}
.pub{margin-bottom: 4%}
.pub i{color:var(--point);}
.pub mark{color:var(--point);font-weight: bold;background: transparent;}
#lecture table,#lecture th,#lecture td{border-collapse:collapse;border:1px #765628 dotted;}
#lecture a.btn_primary{color:var(--item);padding:.05rem .3rem .1rem;background:var(--point);border-radius: 50rem;}

/*微課*/
#coursera th,#coursera td{line-height:1.55em;}
#coursera td{font-size:1.125rem;background:var(--item);padding:.6% 1.5% .25%;}
#coursera table{width:100%;}
#coursera table a{color:#333;}
#coursera .tb_title{text-align: left;background: #f8ecdd;font-weight: 700;}
#coursera h2{font-weight: bold;font-family: "Noto Serif TC", serif;color:var(--title);}

/*經驗談*/
#event_third{background:var(--point);}
#event_third h3{font-size: 2.2rem;color:var(--item);padding: 2rem 0 0;text-align: center;font-weight: bold;font-family: "Noto Serif TC", serif;}
#event_third .h3_b{color:var(--point);}
ul.experience{width:85%;margin: 0 auto;padding: 2% 0 .25%;}
.experience li{border-bottom: 2px var(--point) dotted;border-radius: .5rem;margin-bottom: 2%;padding:.8rem 1rem 1rem 1rem;font-size: 1.05rem;line-height: 1.5rem;color:var(--title);background:var(--item2);text-align: justify;}
.experience li strong{font-size: 1.35rem;display: block;line-height: 2.6rem;}
.experience li b{background: linear-gradient(45deg, #96692e, #b6874a);border-radius: .25rem;color:var(--item);padding: .2rem .35rem;font-size: smaller;margin: .25rem;}
.experience a{font-weight: 700;color:var(--gold);text-decoration: underline;}
.experience a:hover{text-decoration:none;}
.experience li mark{color:var(--point);background: none;}
.experience li.moreEXP{text-align:right;background: none;} 
.experience li.moreEXP a{color:var(--item);}
.experience a.more{color:var(--point);}

#event_class{margin:0;padding:4% 12% 1%;}
#event_class dl{margin: auto auto 1rem;background-color:var(--item);box-shadow: 1px 1px 5px #0000003b;list-style-type: none;padding-top: 1.5%;padding-right: 2%;padding-bottom: 1.5%;padding-left: 3%;border-radius:10px;}
#event_class dt{font-size: 1.5rem;line-height: 2.5rem;color:var(--point);font-weight: 700;}
#event_class dd{line-height: 1.8rem;font-size: 1.05rem;}
#event_class a{color:#000;text-decoration: underline;}
#event_class a:hover{text-decoration: none;color:var(--point);}

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