/* 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}
a:hover {text-decoration: underline;left: 1px;top: 1px;position: relative;}
/* css reset 歸0 end */

body {
    margin: 0 auto;
    padding: 0;
    font-family: "Microsoft JhengHei",Verdana,Arial;
    background-image: url("https://fd.get.com.tw/edm/20250516/1404056_line-bg.gif");
}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{width:100%;margin:0 auto;background:#fffbde}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.br{display:block}
img{max-width: 100%;}
h1{font-size: 3rem;}
h2{font-size: 2.5rem;}
h3{font-size: 1.5rem;}
h4{font-size: 1.1rem;}
.text-m{font-size: 1.3rem;}
.text-red{color: #ff0000;font-family: Verdana, "Microsoft YaHei";}
#event_booklist table ,#event_booklist th,#event_booklist td{border: 1px solid #DDAA5C;border-collapse: collapse;}
#event_booklist th{background: #EEE;}
#event_booklist td{background: #FFF;}
#event_booklist table>tr>td:nth-child(4){color: #ff0000;}
#event_booklist h3 {
    font-size: 2.1rem;
    color: #e8426a;
    margin: 0 auto;
    text-align: center;
    font-family: Verdana, "Microsoft YaHei";
}
#event_booklist .examdate {padding: 2% 0;text-align: center;}
#event_booklist .examdate h4 {
    font-size: 1.5rem;
    color: #343333;
    border-bottom: 3px #f46d11 dotted;
    width: fit-content;
    margin: 0 auto;
}
#event_booklist .sale {
    font-size: 1.45rem;
    color: #e91e1e;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 1rem 0 0;
    margin-bottom: -13px;
}
buy{ text-align:center;}
.booklist table p{ padding:0 1%;}
.booklist{ padding: 0.7% 0 0;}
#event_master span{display: block;}

/*書單*/
#event_booklist table {width: 88%;margin: 2% auto;font-size: 1em;line-height: 1.8em;color: #333;}
#event_booklist table p{text-align: left}
#event_booklist table td{text-align: center;}
#event_booklist table a {color: #231815;}
#event_booklist table a:hover {text-decoration: none;left: 1px;top: 1px;position: relative;}
.title{text-align: center;}
#event_booklist table td.t_bg_color1{background-color: #f9d9d9;color: #F44336;font-size: 1.3em;line-height: 1.4em;font-weight: bold;}
#event_booklist table td.t_bg_color2{background-color: #e842b1;color: #fff;font-size: 1.3em;line-height: 1.4em;font-weight: bold;}
.buy {padding: 1% 0;}
#event_booklist table .buy a {font-size: 1.2rem;font-weight: bold;color: #EE426A;}

.item{font-size: 1.45rem ;margin: 0.5% auto 1%;color: #0491a4;font-weight: 700;text-align: center;    width: 89%;    margin: 1% auto 2%;    }
.item a{color: #0491a4;    line-height: 2.3rem;}
caption{font-size: 1.65rem ;text-align: left;margin: 0.5% auto 1%;color: #0491a4;font-weight: 700;text-align: center}
caption a{font-size: 1rem;margin: 0 1%; }
caption span{display: block}
caption span a {padding: 3px 11px;background-color: #01a6bc;border-radius: 40px;text-decoration: none;margin-top: 6px;display: inline-block;font-size: 1.2rem;font-weight: normal;color: #fff !important;}
.space123 {color: #E3E3E3;padding-left: 46px;}

/*書單大標*/
.top_cus{/*margin-top:1.8rem;*/}
.ribbon{width:30%;position:relative;text-align:center;margin: 0 auto 0;-webkit-box-shadow:rgba(000,000,000,0.3) 0 1px 1px;-moz-box-shadow:rgba(000,000,000,0.3) 0 1px 1px;box-shadow:rgba(000,000,000,0.3) 0 1px 1px;z-index:0}
#event_exp .ribbon {width:40%;}
.ribbon h1{font-size:1.6rem;padding:0;color:#fff100;line-height:1.55em;margin:0 auto;z-index:2;font-weight:bold;background:#e8426a}
#event_exp .ribbon:before,#event_exp .ribbon:after{content:'';position:absolute;display:block;bottom:-0.7em;border:1.2em solid #f36a8b;z-index:-1}
#event_exp .ribbon:before{left:-2.2em;border-right-width:2em;border-left-color:transparent;-webkit-box-shadow:rgba(000,000,000,0.4) 2px 1px 2px;-moz-box-shadow:rgba(000,000,000,0.4) 2px 1px 2px;box-shadow:rgba(000,000,000,0.4) 2px 1px 2px}
#event_exp .ribbon:after{right:-2.2em;border-left-width:2em;border-right-color:transparent;-webkit-box-shadow:rgba(000,000,000,0.4) -1px 1px 1px;-moz-box-shadow:rgba(000,000,000,0.4) -1px 1px 1px;box-shadow:rgba(000,000,000,0.4) -1px 1px 1px}
#event_exp .ribbon .ribbon-content:before,#event_exp .ribbon .ribbon-content:after{border-color:#9a1c42 transparent transparent;position:absolute;display:block;border-style:solid;bottom:-0.7em;content:''}
#event_exp .ribbon .ribbon-content:before{left:0;border-width:0.7em 0 0 1em}
#event_exp .ribbon .ribbon-content:after{right:0;border-width:0.7em 1em 0 0}
.ribbon-stitches-top{margin-top:2px;border-top:1px dashed rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);box-shadow:0 0 2px rgba(255,255,255,0.5)}
.ribbon-stitches-bottom{margin-bottom:2px;border-top:1px dashed rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);box-shadow:0 0 2px rgba(255,255,255,0.3)}
#event_booklist table td.more{text-align: right;padding-right: 1%;}

/*推薦*/
#event_exp{margin:1% auto 0;border:#ffc107 3px solid;background-color:#fff;padding:2% 0 0 2%;border-radius:12px;width:81%}
#event_exp h3{text-align:center}
ul.exp_content{width:90%;margin:0 auto;padding:3% 5%;border-radius:12px}
.exp_content li{margin-bottom:2%;line-height:1.7em}
.stu {
    font-size: 1.4rem;
    font-weight: 700;
    color: #FF3129;
    line-height: 1.4rem;
}
.stu_t {
    color: #3f3e3e;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: normal;
    vertical-align: text-bottom;
}
#event_exp a{width:100%;text-align:right;font-size:1rem;list-style:none;margin:4% auto 0;color:#0076ae}

#event_more h2,#event_classlink h2{font-size:1.9rem;text-align:center;line-height: 1.7em;color: #EE652B;font-weight: 900;font-family: "Microsoft YaHei";}
/*花車*/
#flashcar {margin: 1% auto 3%;border: #eb7979 3px dotted;background-color: #fff;padding: 1% 2% 1.5%;border-radius: 12px;}
#flashcar p{font-size:1.55rem;line-height:1.8em;font-weight:bold;margin:0 auto;padding:0 2%}
#flashcar ul{margin:1% 2%;text-align: center;}
#flashcar li{width: 24.5%;font-size:1.3rem;font-weight:bold;    display: inline-block;margin-right:1rem;}
#flashcar a {color: #8BC34A;font-size: 1.7rem;font-weight: bold;font-family: "Microsoft YaHei";}
#flashcar i{color:#CC0;font-size: 2rem;}
#flashcar h2{color: #03a9f4;}
/* 微課 */
#coursera table{width:100%;background:#fff;border:1px #fdd79b solid;margin:0 auto}
#coursera table th{background:#ffdede;color: #dd6b6b;}
#coursera table ,#coursera th,#coursera td{border: 1px #ee652b solid;border-collapse: collapse;padding: 0.3rem 0.5rem;    text-align: center;}
#coursera table p { text-align: left;}
#coursera p a{ color:#2f2f2f}
#coursera {margin: 0 auto;padding: 2% 0 1%;}
.ps{font-size:.9rem;margin: 1% 2%;}
#coursera .tb_title {/* background: #eaf8ff; */background: #eb7979;font-weight: 700;font-size: 1.35rem;/* color: #0671c0; */color: #fff;text-align: center;}
#coursera td.red{color: #F44336;font-weight: bold;}
#coursera td.name{white-space: nowrap;}
nav{margin: 1% auto;text-align: center;}
nav a{font-size: 1.4rem;font-weight: bold;color: #EE426A;}

/*課程*/
#event_classlink h2{line-height:40px;font-weight:700;color:#D1010C;text-decoration:none;padding:0;margin:0 0 3px 10px;font-family: "Microsoft YaHei";}
#event_classlink a {line-height: 25px;color: #383838;text-decoration: none;font-weight: bold;}
#event_classlink p{font-size:1.2rem;line-height:1.9rem;padding:0;color:#333;margin:0 0 0 15px;text-indent: -.8125rem}

.buybtn{width:max-content;display:block;text-align:center;margin:2% 0 1% 40%;font-weight:bold}
.buybtn span{color:#b00000;text-decoration:none;border:1px solid #fc7d6f;background-color:#FFF;padding:.25rem 1rem;border-radius:99em;font-size: 1.3rem;}
.buybtn i,.buybtn2 i{color:#fc7d6f}