/* 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;background-image: url(https://fd.get.com.tw/edm/20260102/1202066_banner_bg.png);background-color: #ffffff;}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.flex {display: flex;flex-wrap: wrap;}
.red{font-family: Verdana, "Microsoft JhengHei";font-weight: 700;color: #d5272e;}
h1{font-size: 3rem;}
h3{font-size: 2rem;}
h4{font-size: 1.7rem;}
h5{font-size: 1.5rem;}
hgroup{text-align: center;}
hgroup b{color: #187472;}

.br_pc{display: block;}

#event_course,#event_more{background: #fff;}

/*main*/
.banner{text-align:center;color: #fff;background: #514140;}
.info {font-family: Times, serif;text-align: center;font-weight: bold;padding: 2% 0;font-size: clamp(1.2rem, 2.5vw, 1.55rem);background: linear-gradient(90deg,#e6cda0, #fffcea,#e6cda0);letter-spacing: -.02rem;color: #514140;}
.info dl{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.info dt{font-size: clamp(1.4rem, 2.5vw, 1.9rem);color: violet;}
.info dd{border-left: 3px #86593842 dotted;padding: 0.5rem 0.2rem 0.5rem 2.4rem;text-indent: -1.05rem;text-align: left;margin: 0 .2rem;}
.info dd:first-child{border-left: 0px;}
.info dd:last-child{text-indent: -1.25rem;padding: 0.5rem 0.1rem 0.5rem 2.8rem;}
.info dd i{padding: .3rem;color: #965938;}
.info a{color: #965938;}
.info .info_ps {font-size: clamp(1rem, 2.5vw, 1.2rem);font-weight: normal;color: #965938;margin-left: 1.3rem;display: flex;flex-wrap: wrap;justify-content: flex-end;margin-right: 2rem;align-items: center;}
.info .info_ps::before {content: '▶';font-size: 0.7em;margin-right: 0.2rem;}
.cover{display: flex;justify-content: center;padding: 1rem 6rem ;margin: auto;}
.cover figure{margin: 0;}
.cover img{width: 100%;max-width: 330px;filter: drop-shadow(1px 2px 3px #0000003f);}

/*書單*/
.booklist{padding: 0% 10% 5%;background: linear-gradient(0deg, #fff 80%,#ffffff00);}
.booklist hgroup h4{font-size: 1.4rem;padding: 0 0 0.5rem;}
.booklist hgroup h5{font-size: 1.5rem;color: #d5272e;border-top: 1px solid #d5272e73;border-bottom: 1px solid #d5272e73;font-family: Times, serif;clip-path: polygon(95% 0, 100% 50%, 95% 100%, 5% 100%, 0 50%, 5% 0);width: 100%;padding: 0.2rem 0 0.2rem 0.5rem;margin:.5rem auto 0;}
.books, .books th, .books td {border-bottom: 2px #96553824 dotted;border-collapse: collapse;text-align: center;padding: 1%;font-family: Verdana,"Microsoft";}
.books{width: 100%;}
.books th {background: linear-gradient(35deg, #f2e0bf,#f4dcaf,#fff7e2,#fff1d0,#fff6e5, #ffeaae);font-size: 1.15rem;font-weight: normal;padding: 1%;border-bottom: 1px #514140 solid;}
.books th:nth-child(2){width: 30%;}
.books td:nth-child(1) {text-align: left;padding-left: 1.5rem}
.books td a {text-decoration: none;color: #514141;font-size: 1.1rem;}
.books td a:hover{color: #e6288a;}
.books span{color: red;}
.special_offer{font-family: Verdana,"Microsoft JhengHei";font-weight: 700;color: #d5272e;font-size: 18px;}
.booklist div,.booklist2 div a{font-size: .9rem;color: #111111;padding: .25rem 1.2rem 0;text-align: left;}
.onsale {display: initial;color: #e6288a;border-radius: 4px;font-size: 1.5rem;line-height: 2rem;text-align: left;}
.onsale1 {color: #e6288a;font-size: 1.9rem;margin-left: -3px;padding: 0;}
.onsale2 {color: #e6288a;font-size: 1.7rem;}
.onsale_t {padding: 2% 1% 2% 4%;background-color: #e6288a;display: inline-block;color: #fff !important;border-radius: 4px;margin-top: 1.5%;font-size: 1.25rem;}
.onsale_t span {color: #fff !important;font-size: 1.5rem;font-weight: bold;font-family: Verdana,"Microsoft JhengHei",Arial;}
.onsale_t span.t_s {font-size: 0.9rem;font-family: "Microsoft JhengHei",Arial;font-weight: normal;}
.t_s2 {font-size: 1.2rem;font-weight: normal;vertical-align: text-bottom;color: #e6288a;}
nav {text-align: center;font-size: 1.4rem;margin: 1rem auto;}
nav a {margin: 0 1%;padding: 0.1% 2% 0.4% 2%;border: 2px #e6288a solid;border-radius: 50px;text-decoration: none;color: #e6288a;font-size: 1.3rem;line-height: 1.3rem;}
caption{text-align: left;font-size: 1.6rem;margin: 1.2rem 0 0.5rem 0;font-weight: bold;color: #514141;}
caption i{color: #965938;}

/*經驗談*/
#event_fourth {background-color: #fff5eb;background-color: #fffcf9;padding: 2% 3% 2%;border-top: 5px solid #ffe0e7;border-bottom: 5px solid #ffe0e7;}
h3{font-size:1.5rem;}
.experience{margin: 0 3%}
.experience h3 {font-size: 2.4rem;text-align: center;color: #e6288a;}
.experience img {vertical-align: middle;padding-bottom: 10px;width: 70px;margin-right: 2px;}
.exp_box{padding: 0.2% 2% 2% 0}
.exp_box i {font-size: 1.2rem;color: #e6288a;padding: 0 0.1rem 0 0;font-size: 1.5rem;}
.exp_box div {border-bottom: 2px #e6288a47 dotted;padding: 0.5% 0;font-size: 1.1rem;}
.name {font-size: 1.35rem;margin-right: .5rem;font-weight: 700;color: #86492d;}
.morelink{text-align: right;font-size: 1.1rem;    margin-top: -0.7rem;}
.morelink a{color: #86492d;}

/*more*/
.series{display: flex; justify-content: center;padding: 0.6rem 0 0}
.series div{margin: .5%;display: inline-block;background: #ffffff;padding: 0.4rem 0.9rem;border-radius: 50rem;}
.series div a{color: #e6288a;font-size: 1.2em;text-decoration: none;}
.series div a:hover{color: #e6288a;border-bottom: 0}
.more{padding: 3%;background: #ffe0e7;}
.more h3 {font-size: 2rem;color: #704127;;text-align: center;}

/*微課*/
.booklist2{margin: 0% 6%;padding-bottom: 5%}
.booklist2 hgroup h1{font-size: 2.4rem;color: #e6288a;padding: 1.5rem 0.2em 0.2em 0.2em;line-height: 1.3em;font-weight: bold;text-align: center;}
.booklist2 hgroup h4{font-size: 1.05rem;display: block;border-top: 2px dotted #ecb1ca;line-height: 1.6em;padding: 0.5rem 0 0;margin-bottom: 0.7em;text-align: center;font-weight: normal;}
.course{width: 100%;text-align: center;}
.course th{font-weight: normal;background: linear-gradient(35deg, #f2e0bf,#f4dcaf,#fff7e2,#fff1d0,#fff6e5, #ffeaae);border-bottom: 1px #514140 solid;padding: 1%;font-size: 1.15rem;}
.course td{border-bottom: 2px #86492d24 dotted;line-height: 1.8rem;padding: 1% 1.5%;font-family: Verdana, "Microsoft";}
.course td:nth-child(3){font-family: Verdana,"Microsoft JhengHei";font-weight:700;color:#d5272e;font-size:18px}
.course p{padding-left: 0.2rem;margin:0 0 0 1%;text-align: left}
.course a{text-decoration:none;color: #514141;font-size: 1.1rem;}
.course a:hover{color: #e6288a;}
.course_other{text-align: center;}
.subtitle {background: #fff6e5;padding: 0.2rem 0 0.2rem 0.5rem;text-align: left;color: #965938;font-weight: 600;}

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