/* 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",Verdana,Arial,'Noto Sans TC', sans-serif;}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}

#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.w-full{width: 100%;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.justify-center{justify-content: center}
.flex{display: flex;flex-wrap: wrap;}
:root {
    --red:#cd2c31;
    --acct-red: #b91f1a;
    --darkorange:#db2b00;
    --gold: #c5ac75;
    --text_gold:#a4781a;
    --darkgold:#7c5300;
    --redBrown:#612220;
    --white: #fff;
    --linearGold: linear-gradient(90deg, #efd29370 0%,#fff0b170 40%,#faf0c670 80%,#e0cc9d70 100%);
    --font01: Verdana,"Microsoft JhengHei";
    --dark_green: #20887B;
    --tiffany:#008f96;
}
.br{display: block;}
.PC_none{display: none;}
.number{color: var(--acct-red);font-family: var(--font01);}
h1{font-size: 3rem;}
h3{font-size: 1.65rem;}
small{font-size: smaller;}
a{color: var(--darkgold);}
a:hover {color: var(--redBrown);}
.black{color: #000;}
.white{color: var(--white);}
.darkgold{color: var(--darkgold);}
.red{color: var(--acct-red);}
.darkorange{color: var(--darkorange);}
.tiffany{color: var(--tiffany);}
.bg_red{background: var(--acct-red)}
.bg_darkorange{background: var(--darkorange);}
.bg_tiffany{background: var(--tiffany)}
.bg_darkgold{background: var(--darkgold);}
.indication{clip-path: polygon(10% 0, 100% 0%, 100% 100%, 10% 100%, 0% 50%);padding:0 .9rem .1rem .3rem;}
.bg01{background: url(https://fd.get.com.tw/edm/20250710/1406042_bg.jpg) no-repeat center top / 100% 100% fixed}
.bg02{background: url(https://fd.get.com.tw/edm/20250710/1204090_bg02.png) repeat-y center top / 100%;}

.banner{width: 100%;height: 460px;background: url('https://fd.get.com.tw/edm/20250710/1206003_banner_bg.png') no-repeat center top / 100% 100% ;}
.banner_title{width: 70%;max-width: 100%;padding: 2rem 0 .35rem;margin:auto;}
.banner img{width: 100%;}
.read{width:52%;max-width: 100%;font-size: 2rem;padding: 0 0 .8rem;margin: auto;}
.read img{width: 100%;filter: drop-shadow(1px 5px 2px #0001);}
.read img:hover{filter: drop-shadow(0 0 0 #0001);}
.date{font-size: 1.4rem;position: relative;left: 0;top: 0;right: 0;padding:0 0 2rem;width: 100%;display: inline-block;}
.date span{display: inline-block;font-weight: bold;margin:.5rem .25rem;}
.date strong{font-size: 1.45rem;color: var(--darkorange);padding: 0 .5rem 0.2rem;background: #fffcf3;border-top: 3px solid #d7b46b;}
.date mark{padding: .1rem .5rem;background: #ffffffdc;}
.brochure{background-color:var(--white);border-radius: 50rem;position: absolute;top: -20px;right: 50px;padding: 0.5rem 0.8rem;border: 2px dotted var(--acct-red);}
.brochure a{color: var(--acct-red);text-decoration: none;font-size: 1.3rem;}
.brochure a:hover{color: var(--gold);}

/*書單*/
.discount{font-weight: bold;padding:2.3rem 2rem;margin: 0 auto;}
.discount_title{font-size: 1.9rem;text-align: center;padding: .25rem 0 1.1rem;border-top: 1px solid var(--gold);border-bottom: 1px solid var(--gold);transform: skewX(-10deg);text-align: center;}
.discount_title b{color:var(--acct-red);font-family:Verdana,"Microsoft JhengHei";}
.discount_title .new{border-top: 4px dotted var(--gold);border-bottom: 4px dotted var(--gold);margin: 0 0.5rem;}
.discount_title .text_gold{color: var(--text_gold);line-height: 3.5rem;}
.discount_title .bg_darkorange , .discount_title .bg_tiffany{font-size: 1.8rem;line-height: 2.5rem;display: inline-block;color: #fff;padding: 0 .5rem;margin: 0 .5rem;}
.discount_content{display: flex;flex-direction: column;justify-content: center;font-weight: lighter;}
.discount_content div{padding: 0 1rem 0 4rem;}
.discount_content .number{font-size: 2rem;}
.discount_content dl dd i {color:var(--gold);}
.discount_date{padding: 0 .5rem .1rem;border-top: 1px solid var(--gold);border-bottom: 1px solid var(--gold);}
.discount_content strong {padding: 0 .5rem 0 .6rem;}
.discount_content dl{font-size: 1.8rem;padding: 1rem 0 0 12rem;line-height: 2.8rem;}

.booklist{width: 90%;margin:0 auto ;padding: 0 0 1.8rem;}
.booklist h3{position: relative;text-align: left;padding: 0 0 .8rem;}
.booklist h3::before{content: '';position: absolute;top: 1.3rem;right: 0;width: 745px;height: 10px;border-top: 2px dotted #1f1f1f1f;}
.booklist_set h3::before{width: 245px;}
.booklist h3 strong{padding: 0 .8rem 0 1rem;}
.books , .books_set {width: 90.5%;margin: 0 auto .5rem;}
.books th{padding: 0.3rem 0.6rem;background: var(--linearGold);}
.books, .books th, .books td {font-size: 1.15rem;border: 1px dotted #7946446f;border-collapse: collapse;text-align: center}
.books td:nth-child(3){color:var(--acct-red);font-family: var(--font01);font-weight: bold;background-color: #fffae870;}
.books p{text-align: left;padding: .2rem .6rem .4rem;}
.books_tiffany{display: flex;flex-wrap: wrap;padding: .5rem 0 .5rem;border: 0;}
.books_tiffany caption{font-size: 1.4rem;padding: .2rem 1.25rem .2rem 0;margin: .25rem 0;}
/* books 表格寬 */
.books td:nth-child(1){width: 58%}
.books td:nth-child(2){width: 26%}
.books td:nth-child(3){width: 16%}

.books_set th{padding: 0.3rem 0.6rem;background: var(--linearGold);}
.books_set, .books_set th, .books_set td {font-size: 1.05rem;border: 1px dotted #7946446f;border-collapse: collapse;text-align: center;line-height: 1.5rem;}
.booklist_set tr:nth-child(2) , .booklist_set tr:nth-child(4) , .booklist_set tr:nth-child(7) , .booklist_set tr:nth-child(8) , .booklist_set tr:nth-child(9) {border-bottom: /*2px solid #7946444f*/ 2px solid #c5ac758f;}
.booklist_set tr:nth-child(3) , .booklist_set tr:nth-child(4) , .booklist_set tr:nth-child(8) , .booklist_set tr:nth-child(10) , .booklist_set tr:nth-child(11) , .booklist_set tr:nth-child(12) , .booklist_set tr:nth-child(13) {background: #ffffff8f;}
.books_set td:last-child{background-color: #fffae870;}
.books_set p{text-align: left;padding: .55rem .35rem .65rem .5rem;line-height: 1.8rem;}
.books_set strong{color:var(--acct-red);display: block;}
/* books_set 表格寬 */
.books_set td:nth-child(1){width: 19%}
.books_set td:nth-child(2){width: 54%}
.books_set td:nth-child(3){width: 18%}
.books_set td:nth-child(4){width: 10%}

.more{font-size: 1.1rem; text-align: end;padding: .5rem 1.5rem;}
.tb_title{font-size: 1.2rem;font-weight: 700; text-align: left;padding: .5rem 1.5rem;}

caption ,#flashcar h3 , .BookTitle h1{font-size: 1.5rem;font-weight: bold;color: var(--darkorange);text-align: left;border-left: 10px solid var(--gold);padding: 0 0 0.2rem 0.5rem;margin:1rem 0 0;}
.margin_top_2 {margin: 2rem 0 0;}
.margin_top_4 {margin: 4rem 0 0;}
.ps{line-height: 2rem;font-size: .98rem;padding: 0 0 0 0.8rem;}
.booklist .ps {text-align: center;}

.buy{text-align: center;padding: 1.2rem 0 0;filter: drop-shadow(1px 5px 2px #0001);}
.buy a{display: inline-block;font-size: 1.2rem;background: var(--red); color: var(--white);text-decoration: none;padding: .1rem .8rem .2rem;border: 2px var(--gold) solid;border-radius: 1rem;}

/*微課*/
#coursera{padding: 2.5rem 0 2.5rem;margin: 2% 5% 5%;}

/*花車*/
#flashcar{width: 76%;padding: 0 0 3rem;margin: 2% auto;}
#flashcar ul {display: flex;justify-content: center;align-items: center;padding: 1rem .5rem;border: 1px dotted #7946442f;text-align: center;background: var(--linearGold);}
#flashcar li {width: 20%;font-weight: bold;display: inline-block;}
#flashcar li img{width: 88%;padding: 0 1.5rem 0 0;}
#flashcar a{font-size: 1.2rem;background: var(--red); color: var(--white);text-decoration: none;padding: 0.2rem 1rem;border: 1px var(--gold) solid;}
#flashcar a:hover{background: var(--white);color: var(--acct-red);border: 2px var(--gold) solid;}

/*經驗談*/
#event_student .title{font-size: 2.5rem;font-weight: bold;word-break: keep-all;line-height: 3.8rem;transform: skewX(-10deg);padding:2.5rem 0 0;margin:0 3rem;text-align: center;text-shadow: 1.5px 0 2px white, -1.5px 0 2px white, 0 1.5px 2px white, 0 -1.5px 2px white, 0 0 6px white;}
.student{width: 75%;padding: 1rem 0 1.5rem;margin: 0 auto;}
.title {font-size: 2rem;text-align: center;}
.title i{color: var(--gold);color: #b58b2f;}
.student dl {margin: 2% auto 1rem;padding-bottom: 1rem;}
.student dt {font-size: 1.3rem;font-weight:bold;line-height: 2rem;word-break: keep-all;}
.student dd{line-height: 1.5rem;padding: 0.3rem 0;border-bottom: 1px dotted #7946445f;}
.student dl dd:nth-child(2){font-size: 1.3rem;font-weight: bold;color: var(--darkgold);line-height: 1rem;}
.student dt span{background: var(--red);color: var(--white);padding: 0 .5rem .1rem;margin: 0 .5rem 0 0;line-height: 2.8rem;border-radius: 50rem;}
.student dt i,.student dt b{color: var(--acct-red);padding: 0 .2rem 0 ;}

/*書單標*/
.Book{padding: 1rem 2rem 1.5rem;margin: 0 2rem 0;}
.EC{display: flex;flex-direction: row;list-style: none;justify-content: center;align-items: center;flex-wrap: wrap;padding: .8rem .8rem 1rem;margin: 0 auto 1.5rem;border: 1px dotted #7946442f;text-align: center;background: var(--linearGold);}
.EC li{width: calc(100%/3 - 10%);font-size: 1.3em;}
.EC img{width: 20%;}
.EC a{color: var(--red);font-weight: bold;}
.EC a:hover{color: var(--darkgold);}

/* 側欄 */
#event_sidebar {position: fixed;right: 1%;top: 30%;width: 170px;padding: .5% 1% ;border-radius: 10px;word-break:keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%; }
#event_sidebar dl{padding: .3rem 0 .5rem;}
#event_sidebar dt{font-size: 1.25rem;font-weight: bold;color: var(--acct-red);text-align: left;border-left: 6px solid var(--gold);padding: 0 0 0 .3rem;margin: .5rem auto;}
#event_sidebar dd{font-size: 1.2rem;padding: 0 0 .5rem 1rem;text-indent: -0.4rem;}
#event_sidebar a:hover{font-weight: bold;}
#event_sidebar .br{display: block;}

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