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}

body{margin:0 auto;padding:0;background: url(https://fd.get.com.tw/edm/20250619/0104045_line-bg.gif) #f1f1f1;font-family:"微軟正黑體";color: var(--black);}
#BodyContainer,#BodyContentEvent{margin:0 auto}
ul,li{list-style:none}
#event{width:100%;margin:0 auto;background:#fff;}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
h1{font-size: 3rem;}
h2{font-size: 2rem;}
h3{font-size: clamp(1.4rem, 5vw, 1.7rem);text-align: center}

:root{
    --purple1: #362559;
    --pink: #d4318c;
    --red: #B01E23;
    --greenyellow: #129d98;
    --greenyellow_d: #0f8c89;
    --greenyellow_l: #14b4af;
    --yellow_d: #f7851e;
    --yellow: #f2d820;
    --yellow_l: #f7ec88;
    --black: #252525;
}

/*主圖*/
#event_master{width:100%;margin:0 auto}
#event_master img{width:100%;display:block}
#event_master img a:hover{cursor: pointer;}
.jump{margin: 0 auto;justify-content: center;display: flex;flex-wrap: wrap;width: 60%}
.jump a{width: calc(100%/3 - 1%);text-align: center;background: #85DCEB;margin: 1px}
.discount{font-size: clamp(1.4rem, 5vw, 1.9rem);margin: -.5rem auto 0;text-align: center;color:#FFFFFF;line-height: 1.85; background: var(--greenyellow);z-index: 1;position: relative;}
.discount small{font-size: 0.9em;}
.discount span{color: #FFFF00}

/*日期*/
#event_date{
    width:auto;margin:0 auto;padding:3% 10% 3%;
    background: #ffffce;
}
.testlist{margin:0 auto 4%;}
.testlist .time{margin:0 auto 0 3%;text-align:left;font-size:1.35rem;line-height:1.8em;font-weight:700;s}
.testlist .memo{margin:0 auto 0 3%;text-align:left;font-size:.9rem;color: #616161;}
.testlist .time a{font-size:clamp(1.25rem, 5vw, 1.45rem);color:var(--greenyellow);margin-right:3%}
#event_date ul{width:100%;margin:3% auto 0}
#event_date ul li{font-size:1.15rem;line-height:1.55em;margin:0 auto 1.6%;}
#event_date .special{border: solid 1px var(--yellow_d);font-weight:400;border-radius:8px;padding:.7% 1.5%;margin:0 1.5% 0 0;font-size: 1.3rem;color: black;}

/*買書折課*/
.addclass{
    font-size: 1.1rem;
    border: 1px solid var(--red);padding: 0.5% 0 1.5%;border-radius: 8px;text-align: center;
    background: linear-gradient(to bottom, white 50%,#fffad0 100%);margin: 0 auto 3%;width: 80%;
}
.addclass h5{font-size: clamp(1.2rem, 5vw, 1.4rem);margin: 1% 0;color: #039;}
.addclass small{font-size: 0.8em;}
.addclass a{ color:var(--red); }

/*書單*/
#event_Content{width:100%;margin:0 auto;padding: 2rem 0;}
#event_Content h3 span{ color: white;background: var(--orange1);padding: .2rem 1rem;border-radius: 10px;margin-right: 0.3rem;font-size: 0.9em;}
.Book{width:82%;padding:2% 9% 0;}
.Book table th:nth-child(1){width:62%;}
.Book table th:nth-child(2){width:29%;}
.Book table th:nth-child(3){width:9%;}
.Book table td:nth-child(3){font-family:Tahoma,Geneva,sans-serif,"新細明體-ExtB";color:var(--red);background:#ffff99;text-align:center}

/*書單標*/
.BookTitle{width:100%;margin:0 auto;display:inline-block}
.BookTitle p{font-size:1.4rem;line-height:1.4em;font-weight:700;color:var(--red);margin:0}
.BookTitle span{font-size:1.3rem}
.BookTitle h1{float:left;font-size:clamp(1.3rem, 5vw, 1.5rem);position:relative;margin:0 8px 10px;border-bottom-style:solid;border-width:2px;padding:0 35px}
.BookTitle h1:after,.BookTitle h1:before{content:'';position:absolute;right:0}
.BookTitle h1:after{width:45px;height:46px;top:-10px;left:-13px;background-repeat:no-repeat}

#law h1:after, #tech h1:after, #doctor h1:after, #nurse h1:after, #EC h1:after{background-image:url(https://fd.get.com.tw/edm/20250619/1402089-icon1.png)}
#business h1:after, #psycho h1:after, #private h1:after, #coursera h1:after{background-image:url(https://fd.get.com.tw/edm/20250619/1402089-icon2.png)}

#law h1{border-color: var(--greenyellow);}
#business h1{border-color:var(--yellow)}
#tech h1{border-color: var(--greenyellow);}
#psycho h1{border-color:var(--yellow)}
#doctor h1{border-color: var(--greenyellow);}
#private h1{border-color:var(--yellow)}
#nurse h1{border-color: var(--greenyellow);}
#coursera h1{border-color:var(--yellow)}
#EC h1{border-color: var(--greenyellow);}
#law h1 strong{color:var(--greenyellow)}
#business h1 strong{color:var(--yellow_d)}
#tech h1 strong{color:var(--greenyellow)}
#psycho h1 strong{color:var(--yellow_d)}
#doctor h1 strong{color:var(--greenyellow)}
#private h1 strong{color:var(--yellow_d)}
#nurse h1 strong{color:var(--greenyellow)}
#coursera h1 strong{color:var(--yellow_d)}

#event_Content table{width:100%;font-size:1rem;line-height:1.55em;color:#333;text-align:center;border-collapse:collapse;background:#FFF}
#event_Content table td{padding:.3% 0}
#event_Content table a{color:#333;text-decoration:none }
#event_Content table p{margin-left:2%;text-align:left}
#event_Content table .title{padding-left:1%;text-align:left}
/*#event_Content table .sale{font-family:Tahoma,Geneva,sans-serif,"新細明體-ExtB";color:var(--red);background:#FF9;text-align:center}*/

ul.EC{display: flex}
ul.EC{width:96%;background-color:#fff5f5;border-radius:20px;padding:2% 1%;margin:0 auto 3% 1%;justify-content: center;}
ul.EC li, ul.flashcar li{display:inline;font-size:1.3rem;line-height:1.55em;color:#06C;margin:0 1.5%;font-weight:700}
ul.EC a{color:var(--red)}
ul.EC li{width: calc(100%/4);    text-align: center;}
.buybtn{width:100%;font-size:1.3rem;line-height:1.6em;margin:2% 0 1%;text-align:center}
.buybtn a{color:#FFF;background:var(--red);text-decoration:none;border-radius:8px;text-align:center;padding:.5% 1%;margin:0 1% 0 0}
ul.flashcar{width:96%;background-color:#fff5f5;border-radius:20px;padding:2% 1%;margin:1.5rem auto 3.5rem;justify-content: center;display: flex;}
ul.flashcar li{width: calc(100%/4);text-align: center;display: flex;justify-content: center;align-items: center;}
ul.flashcar a{color:var(--red)}

/*法律*/
table.law,table.law th,table.law td{border:1px var(--greenyellow) solid}
table.law th{background: var(--greenyellow_d);color:#FFF;}
table.law .title{color:#FFF;background:var(--greenyellow_l)}
/*商管*/
table.bus,table.bus th,table.bus td{border:1px var(--yellow_d) solid; }
table.bus th{background:var(--yellow);color: var(--black);}
table.bus .title{color: var(--black);background: var(--yellow_l)}
/*理工*/
table.tec,table.tec th,table.tec td{border:1px var(--greenyellow) solid}
table.tec th{background: var(--greenyellow_d);color:#FFF;}
table.tec .title{color:#FFF;background:var(--greenyellow_l)}
/*心理*/
table.psycho,table.psycho th,table.psycho td{border:1px var(--yellow_d) solid; }
table.psycho th{background:var(--yellow);color: var(--black);}
table.psycho .title{color: var(--black);background: var(--yellow_l)}
/*生醫*/
table.doc,table.doc th,table.doc td{border:1px var(--greenyellow) solid}
table.doc th{background: var(--greenyellow_d);color:#FFF;}
table.doc .title{color:#FF9;background:var(--greenyellow_l)}
/*私醫*/
table.private,table.private th,table.private td{border:1px var(--yellow_d) solid; }
table.private th{background:var(--yellow);color: var(--black);}
table.private .title{color: var(--black);background: var(--yellow_l)}
/*二技*/
table.nur,table.nur th,table.nur td{border:1px var(--greenyellow) solid}
table.nur th{background: var(--greenyellow_d);color:#FFF;}
table.nur .title{color:#FFF;background:var(--greenyellow_l)}
/*微課*/
table.coursera,table.coursera th,table.coursera td{border:1px var(--yellow_d) solid; }
table.coursera th{background:var(--yellow);color: var(--black);}
table.coursera .title{color: var(--black);background: var(--yellow_l)}

/*花車*/
#FlashSale{ }

/*好課連結*/
#event_classlink{width:80%;background:#FFF;text-align:left;padding:3% 10%;margin:0 auto;color:#333}
#event_classlink h2{font-size:clamp(1.3rem, 5vw, 1.5rem);line-height:1.8em}
#event_classlink p{font-size:1.2rem;line-height:1.8em}
#event_classlink a{color:#0462A5}

/*注意事項*/
#event_note{width:70%;background:#FFF;text-align:left;padding:5% 15% 3%;margin:0 auto}
#event_note p{font-size:.9rem;line-height:1.4em;color:#666}

/*浮動選單*/
#event_menu{width:150px;height:auto;font-weight:400;color:#FFF;right:1.2rem;bottom:7rem;position:fixed;text-align:left;z-index:99;border-radius:8px;background:#ffff99;padding:.5% 1%}
#event_menu p{font-size:1.1rem;line-height:1.8em;text-align:left;color: var(--greenyellow);}
#event_menu p:nth-of-type(even){color: var(--yellow_d);}
#event_menu a{color:#362559;text-decoration:none;transition: .3s ease;}
#event_menu a:hover,#event_menu .top:hover,#event_menu a:focus{position:relative;color: var(--red);margin-left: 0.2rem;}
#event_menu .top{cursor:pointer}

@media (min-width: 1420px) and (max-width: 1600px){
    #event_menu{right:6%}
}
@media (min-width: 1601px){
    #event_menu{right:12%}
}

@media all and (min-width: 1201px){
    #topbutton{display:none}
    #BodyContainer,#BodyContentEvent{width:850px}
    /*bodyHeader*/
    #BodyHeader #header-share{line-height:2;font-size:13px;color:#000}
    #BodyHeader #header-share a{font-size:13px;color:#000;text-decoration:underline}
    #BodyHeader_m{display:none}
    /*news*/
    #event_news{width:80%;padding:2% 10%;background:#FFF;font-family:Verdana,Arial,Helvetica,sans-serif;background:#ffffce;}
    #event_news .NewsStyle_title{font-size:16px;line-height:1.5em}
    #event_news .NewsStyle{font-size:13px;color:#333;text-align:left;line-height:1.4em}
    #event_news .NewsStyle a{color:#333}
    #event_news .NewsStyle a:hover{color:#666}
    /*Footer*/
    #BodyFooter_rwd{width:100%;margin:0 auto}
    #BodyFooter_rwd #footer_line{width:90%;margin:2% 5%;display:inline-block;text-align:center;border-top:thin solid #333}
    #BodyFooter_rwd a{color:#000}
    #BodyFooter_rwd #footer_inline ul{float:left;width:100%;margin-bottom:0;margin-top:3%}
    #BodyFooter_rwd #footer_inline ul li{display:inline;line-height:2em;font-size:1rem;width:100%;margin-right:1%}
    #BodyFooter_rwd #footer_inline ul li img{width:20%;height:auto;vertical-align:middle}
    #BodyFooter_rwd #footer_address{width:100%;margin:0 auto;text-align:center}
    #BodyFooter_rwd #footer_address ul{text-align:center;width:100%;margin-bottom:1%}
    #BodyFooter_rwd #footer_address ul li{width:100%;line-height:2em;text-align:center;font-size:.8rem}
    #noie{background:#FFF;width:100%;text-align:center}
}