/* 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 */

:root {
    --acct-red:#dd3131;
    --red:#e1544c;
    --gray:#4c4c4c;
    --white:#fff;
    --blue:#235597;
    --brown: #534218;
    --orange:#ea5700;
    --pink:#d8305d;
    --purple:#5c436d;
    --light_blue:#c1e4f1;
    --light_brown: #fccfac;
    --light_pink: #fcd5e5;
    --light_purple:#dfccec;
    --box_shadow: 1px 2px 5px #0000000f;   
    --font: "Microsoft YaHei", "Microsoft Yi Baiti", "Arial Unicode MS";
    --linear_red:linear-gradient(30deg,#e1544c8f, #e1544c,#e1544c, #e1544c8f);
    --linear_lightBlue:linear-gradient(90deg,#a7e3ee5f 0%, #67b9d4bd 60%);
    --linear_lightOrange:linear-gradient(90deg,#e7e0cc5f 0%, #fead72 60%);
    --linear_lightPink:linear-gradient(90deg,#ff9cbc5f 0%, #ff9cbc 60%);
    --linear_lightPurple: linear-gradient(90deg,#b799cd5f 0%, #b799cd 60%);
    --linear_pink:linear-gradient(30deg,#e35a7f9f, #e35a7f,#e35a7f, #e35a7f9f);
    --linear_shade:linear-gradient(90deg, #9ce3ef5f, #ffb6de5f, #fcc9a25f);
    --linear_bg_all:linear-gradient(80deg, #f5f5ff, #fbfaff,#fbf9ff,#fbfaff,#f8f4fe,#fff7ff,#fde9f5);
    --linear_bg_banner:linear-gradient(90deg,#edecfb, #f8f7ff,#fbfaff, #f9f6ff,#f9f7ff,#f2ebf7,#f0d6f0, #f2bede);
    --bg_fixed:url(https://fd.get.com.tw/edm/20230803/1207024_bg.jpg) no-repeat center / cover fixed;
}

body{margin:0 auto;padding:0;font-family: 'Noto Sans TC', sans-serif;background:var(--bg_fixed);}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{/*background:#f5f5f5;*/background:var(--linear_bg_all)}
a{color:var(--gray);font-family:var(--font);}
a:hover{text-decoration:none;left:1px;top:1px;position:relative;color:var(--red);}
ul{list-style: none;}
h1{font-size: 3rem;}
h2{font-size: 2.7rem;}
h3{font-size: 2.3rem;}
h4{font-size: 2.1rem;}
small{font-size: smaller;}

.red{color:var(--red);}
.br_PC{display: block;}
.br_m{display:none;}

/* hgroup{text-align: center;}
.intro{margin: 2% 5%;} */
.banner img{width: 100%;}
.banner_m{display: none;}
.discount{letter-spacing: .1rem;text-align: center;font-size: 2rem;color: #ffffff;font-weight: bold;padding: .5rem;font-family: var(--font);background: linear-gradient(45deg, #65b7d4, #e35b85, #f3965e);text-shadow:0 0 20px #0000002a;}
.discount b{color: #ffff8f;padding: 0 .1rem;}
/* .discount{text-align: center;font-size: 2rem;color: var(--red);background:var(--linear_bg_banner);font-weight: bold;padding:.5rem;font-family: var(--font);border-top: 4px #e1534c9f double;border-bottom: 4px #e1534c9f double;} */
.honor{width: 90%;display: flex;flex-wrap: wrap;justify-content: center;padding: .8rem 0 .8rem 1.5rem;margin: 1rem auto;padding: 1rem 0 1rem 1.5rem;margin: 0rem auto;border-bottom: 2px dotted #f3bab8;}
.honor_year{width: 30%;border-right: 1px dotted #4c4c4c3f;text-align: center;font-size: 1.55rem;color:var(--gray);line-height: 2rem;margin: .5rem 0 0;}
.honor_year a{font-size: 1.2rem;color: var(--acct-red);background: #fff;border: 1px solid;border-radius: 50rem;padding: .125rem .8rem .2rem ;text-decoration: none;filter: drop-shadow(1px 2px 3px #0000003f);line-height: 3rem;}
.honor_year span , .honor_name strong{font-weight: bold;color: #4c4c4c;}
.honor_school {font-weight: 500;color: #fff;background: #e67d7a;padding: 0 .5rem .05rem;border-radius: 50rem;}
.honor:nth-child(1) .honor_year{width: 27%;padding-right: 2%;align-content: center;}
.honor:nth-child(1) .honor_name{width: 67%;}
.honor_name{width: 65%;font-size: 1.3rem;line-height:2rem;padding:.5rem 0 .5rem .8rem;}
.honor_name b{display: inline-block;color:#e1534cf0;color: #fffffff0;text-shadow: 0 0 4px #0000004f;background: linear-gradient(90deg, #e1544c, #e1544cb8);border-radius: 2rem;padding: 0 .8rem .05rem 1rem;font-family: var(--font);}

.date{margin: 3% 5% 1%;border-radius: 1rem;font-size: 1.05rem;}
.date table{width: 100%;border-collapse: collapse;border-bottom: 2px #eb8f8c solid;background: #ffffff5f;}
.date table tr,.date table th ,.date table td{padding: .5rem;}
.date table th{border-bottom: 2px #ffe8e7 solid;border-right: 2px #ffe8e7 solid;}
.date table th:first-child{width: 10%;background: #ffe8e7;border-bottom: 2px #eb8f8c solid;}
.date table th:nth-child(2){width: 8%;}
.date table td{border-top: 2px #ffe8e7 solid;border-right: 2px #ffe8e7 solid;}
.date table td:first-child {text-align: center;}
.date table:nth-child(2) tr:nth-child(4) td{padding: .5rem .5rem .5rem 1rem;}
.date table:nth-child(3) tr:nth-child(4) td{padding: .5rem .5rem .5rem 2.5rem;}
.date table td span{padding:0 0 0 1.5rem;}
.date .date_title{background: var(--linear_red);color: var(--white);font-size: 1.6rem;font-family:var(--font);text-align: center;line-height: 3rem;letter-spacing: .1rem;text-shadow: 0 0 0px #4f4f4f;border-radius: 1rem 1rem 0 0;border-top: 3px solid #ffffff6f;}
.date a{font-size: 1.25rem;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;}
.ps{text-align: center;padding: .5rem;}
/* .date dt{background: var(--linear_red);color: var(--white);font-size: 1.6rem;font-family:var(--font);text-align: center;line-height: 3rem;letter-spacing: .1rem;text-shadow: 0 0 0px #4f4f4f;border-radius: 1rem 1rem 0 0;border-top: 3px solid #ffffff6f;}
.date dd{background: #ffffff5f;text-align: left;font-size: 1.3rem;line-height: 1.9rem;padding: .2rem .2rem .2rem 10rem;}
.date dd:nth-last-child(4){padding:1rem 0 0 10rem;}
.date dd:nth-last-child(2){border-radius:0 0 1rem 1rem;padding: 0 0 1rem 10rem;border-bottom: 3px solid #3838381f;}
.date dd:nth-last-child(1){background: #ffffff00;text-align: center;padding: .2rem;} */

/*書單*/
.booklist{margin: 5% auto;}
.booklist header{text-align: left;line-height: 3rem;margin: 1.5rem auto 0;font-family: var(--font);}
.booklist header h3{width: 9.8rem;color:var(--white);text-shadow: 0 0 6px #0000006f;padding:.5rem 0 .5rem 6rem;border-radius: 0 1rem 1rem 0;}
.booklist:nth-child(1) header h3{background:var(--linear_lightBlue);}
.booklist:nth-child(2) header h3{background:var(--linear_lightOrange);}
.booklist:nth-child(3) header h3{background: var(--linear_lightPink);}
.booklist:nth-child(4) header h3{background:var(--linear_lightPurple);padding: .5rem 1rem .5rem 5rem;}
.books, .books th, .books td {border-collapse: collapse;text-align: center;}
.bookDetail{margin:1% 4% 5% 3%;display: flex;justify-content: center;align-items: start;}
.bookimg{width: 30%;padding:1rem 1.5rem 1rem 0;}
.bookimg img {max-width: 100%;filter: drop-shadow(2px 3px 3px #0000003f);}
.books{width: 75%;margin:-3% auto 0;}
.books th{border-radius: .8rem .8rem 0 0;padding: .2rem .3rem;font-size: 1.05rem;font-weight: lighter;}
.booklist:nth-child(1) .books th{background: var(--light_blue);}
.booklist:nth-child(2) .books th{background: var(--light_brown);}
.booklist:nth-child(3) .books th{background: var(--light_pink);}
.booklist:nth-child(4) .books th{background: var(--light_purple);}
.books td{font-size: 1.08rem;padding: .25rem .3rem;background:#ffffff8f;}
.booklist:nth-child(1) .books td{border-bottom: 1px var(--light_blue) dotted;}
.booklist:nth-child(2) .books td{border-bottom: 1px var(--light_brown) dotted;}
.booklist:nth-child(3) .books td{border-bottom: 1px var(--light_pink) dotted;}
.booklist:nth-child(4) .books td{border-bottom: 1px var(--light_purple) dotted;}
.booklist:nth-child(1) .books .light_green_bg{color:var(--blue);background: #eff7fb;text-align: left;padding: .2rem 0 .2rem .5rem;}
.booklist:nth-child(2) .books .light_pink_bg{color:var(--brown);background: #fcf0e6;text-align: left;padding: .2rem 0 .2rem .5rem;}
.booklist:nth-child(3) .books .light_pink_bg{color:var(--pink);background: #fff2f7;text-align: left;padding: .2rem 0 .2rem .5rem;}
.booklist:nth-child(4) .books .light_pink_bg{color:var(--purple);background: #f7edfd;text-align: left;padding: .2rem 0 .2rem .5rem;}
.books td:nth-child(3), .books td.setprice{color:var(--red);font-weight: bold;background:var(--white);}
.books p{text-align: left;padding-left: 1%;}
.booklist .nav_buy td , .booklist .books .nav_buy td {background: unset;border: unset;}
nav{display: inline-block; text-align: center;font-size: 1.25rem;margin: 1.5rem auto 0;}
nav a{border: 1px dotted;border-radius: 2rem;padding: .4rem 1rem .5rem;text-decoration: none;background: #ffffff8f;box-shadow: 2px 3px 5px #0000001f;}
.booklist:nth-child(1) nav, .booklist:nth-child(1) nav a{color:var(--blue);}
.booklist:nth-child(2) nav, .booklist:nth-child(2) nav a{color:var(--orange);}
.booklist:nth-child(3) nav a{color:var(--pink);}
.booklist:nth-child(4) nav a{color:var(--purple);}
.booklist nav a:hover{border: 1px solid;box-shadow:var(--box_shadow);color: var(--acct-red);}

/*花車*/
.flashsale{padding: 3.25% 0;border-top: 2px dotted #fff;text-align: center;background: var(--linear_shade);}
.flashsale:nth-child(1){display: flex;}
.flashsale p{font-size: 2.2rem;color: #4c4c4c;font-weight: bold;padding:0 0 .8rem;line-height: 2.5rem;}
.flashsale ul{margin:1% 2%;text-align: center;display: flex;justify-content: center;}
.flashsale li{font-size:1.5rem;font-weight:bold;display: inline-block;margin:0 1rem;}
.flashsale li i{color:var(--gray);}
.flashsale a{color: var(--acct-red);text-decoration: none;border-radius: 2rem;padding:.2rem 1.15rem .3rem;background: #ffffffbd;box-shadow: 2px 3px 5px #0000001f;}
.flashsale a:hover{background: var(--white);box-shadow:var(--box_shadow);}

/*微課*/
.courseralist{padding: 0;margin: 6% 4%;}
caption{font-size: 1.4rem;font-weight: 600;padding: .8rem 0 .3rem 0;text-align: left;}
.coursera{width: 100%;margin: .8rem 0 0 ;}
.coursera th{padding: .3rem .6rem;background: var(--linearGold);}
.coursera, .coursera th, .coursera td {font-size: 1.05rem;border: 1px dotted #7946442f;border-collapse: collapse;text-align: center}
.coursera td:nth-child(3){color:var(--acct-red);font-family: var(--font01);font-weight: bold;background-color: #fffae870;}
.coursera p{text-align: left;padding: .2rem .6rem .4rem;}
.coursera td:nth-child(2){width: 21%}
.coursera td:nth-child(3){width: 13%}


/*經驗談*/
.title{font-size:2.3rem;text-align: center;margin:5% auto 0;font-weight: bold;font-family:var(--font);background:var(--linear_pink);-webkit-background-clip: text;color: transparent;}
.student{width: 94%;margin: 2% auto 0;}
.student h4{text-align: center;color: var(--gray);line-height: 2.2rem;}
.student dl{margin:2% 2% 2.5%;background: linear-gradient(180deg, var(--white) 30%, transparent);border-radius: 1rem;}
.student dl:hover{background: var(--white);border-bottom: 3px solid #3838381f;}
.student dt{font-size: 1.6rem;color: var(--white);background:var(--linear_pink);font-size: 1.6rem;font-family: var(--font);text-align: center;line-height: 3rem;letter-spacing: .1rem;text-shadow: 0 0 0px #4f4f4f;border-radius: 1rem 1rem 0 0;border-top: 4px solid #ffffff6f;}
.student dd{width: 90%;font-size: 1.1rem;line-height: 1.6rem;margin: auto;}
.student dd:nth-of-type(1){font-size: 1.4rem;font-weight: 600;padding: .8rem 0 .3rem 0;text-align: left;}
.student dd:nth-of-type(2){margin-top: 6px;padding: 1% 0 2%;border-top: 1px dotted #e35a7f5f;}
.student dd a{color:#0986b1;}
.student dd a:hover{color:#e35a7f;}

/*推薦課*/
.calsslink{width: 85%;margin: 2% auto 0;padding-bottom: 5%;font-size: 1.3rem;line-height: 2.3rem;}
.calsslink a{color: var(--gray);margin: auto;line-height: 3.5rem;border: 1px solid var(--white);text-decoration: none;border-radius: 2rem;padding: .3rem 1.15rem .5rem;box-shadow: 2px 3px 5px #0000001f;background: var(--linear_shade) #fff;}
.calsslink a:hover{color:var(--acct-red);border: 1px solid var(--acct-red);font-weight: bold;}

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