/* 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;font-family:"Microsoft JhengHei", Verdana, Arial;background-image: url(https://fd.get.com.tw/edm/20250508/0107006_line-bg.gif);color: #303030;}
ul,li{list-style:none}

#BodyContainer,#BodyContentEvent{margin: 0 auto}
a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.red{color:red;font-weight:bold;/*font-family:*/}
#event,#point{width:100%;margin:0 auto;position:relative}
#event{background:url(https://fd.get.com.tw/edm/20250508/0504071_21.gif) #FFE83B;background-repeat:repeat-y;}

/*主圖*/
#event_master,#point_master{width:100%;margin:0 auto;padding:0;background: white;}
#event_master img,#point_master img{width:100%;display:block}
.point_title{color: #C1272D;font-size: clamp(1.4rem, 3vw,1.9rem);text-align: center;font-weight: 700;margin: .5rem auto;}
.point_title span{font-size: 0.65em;display: block;color: #303030;}
.point_title a{color: #FFE83B}
.point_title span:nth-of-type(2){display: block;font-weight: normal;}
.point_title span:nth-of-type(2)>span{display: inline;color: #ffffb6;font-family:Verdana, Geneva, Tahoma, sans-serif;}
.sale_group{width: 76%;margin:0 auto 0 13.4%;display: flex;flex-wrap: wrap;}
.sale_group > div,.sale_group > div a{color: #FFE83B;font-size: 1.4rem;text-align: center;font-weight: 700;margin-bottom: .5rem;}
.sale_group > div{width: calc(100%/2 - 10px);border: 2px dotted #cccccc;    padding: 0.5% 0;}
.sale_group > div:nth-child(2){border-left: 0px;}

.show1,.show2,.show3,.show4,.show0,.show5,.show6,.show7{display: none;}
#event_content td.more1,#event_content td.more2,#event_content td.more3,#event_content td.more4,#event_content td.more0,#event_content td.more5,#event_content td.more6,#event_content td.more7{text-align: right;cursor:pointer;}

/*主頁*/
#event_point{width:100%;padding:1% 0 2%;position:relative;background:url(https://fd.get.com.tw/edm/20250508/1204042_3.png) center top repeat, url(https://fd.get.com.tw/edm/20250508/1204042_4.png) center bottom no-repeat white;}
#event_point ul{width:80%;margin:0 auto 0 20%;color:#FFF;text-align:left}
#event_point ul li{font-size:1.1em;line-height:1.65em}

/*動畫*/
#point_click,#buybook{top:0;z-index:2;position:absolute;border-radius:50%;background:#ed1e79;color:#ff0;text-align:center;font-weight:700;animation-name:fly;animation-duration:.9s;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate}
#point_click{right:10%;width:100px;height:70px;font-size:1.45em;line-height:35px;padding:25px 10px}
#buybook{right:2%;width:120px;height:60px;font-size:1.45em;line-height:35px;padding:25px 10px}
#point_click a,#buybook a{color:#ff0;text-decoration:none}
#point_click a i,#buybook a i{font-size:1.75rem;color:#FFF;}
@keyframes fly {
0%{top:0}
100%{top:-20px}
}

/*日期*/
#event_date{width:80%;margin:2% auto;padding:1% 10%}
#event_date table,#event_date th,#event_date td{border-collapse:collapse;border:1px #C1272D solid;text-align:center}
#event_date table{width:100%;margin:0 auto;font-size:1em;line-height:1.8em}
#event_date th{color:#900;background:#FF6;font-weight:700}
#event_date td{background:#FFC}
/*書單*/
#event_content{width:80%;padding:2% 10% 0;margin:0 auto}
#event_content .special_sale{width:100%;margin:0 auto 5%;font-weight:700;text-align:center;font-size:1.4em;line-height:1.45em;font-family:"Microsoft YaHei";color:#ed1e79}
#event_content .special_sale small{font-size:.85em;display:block;font-weight:400}
.book_content{width:100%;margin:0 auto}
#event_content h2{font-size:1.7em;line-height:1.5em;color:#0069AC}
#event_content .sale{color:red;margin-left:1.5%;font-size:.8em}
#event_content table,#event_content th,#event_content td,#coursera table,#coursera th,#coursera td{border-collapse:collapse;border:1px #0069AC solid;text-align:center}
#event_content th,#coursera th,#event_content td,#coursera td{line-height:1.55em}
#event_content th,#coursera th{font-size:1.05rem;background-color:#fef7c0;font-weight:700}
#event_content td,#coursera td{font-size:1rem;background:#FFF;padding:.5%}
#event_content table,#coursera table{width:100%;}
#event_content table p,#coursera table p{text-align:left;padding-left:1%}
#event_content table a,#coursera table a{color:#333}
.buy{width:100%;margin: 1.2rem auto 1.6rem;text-align:center;font-size: clamp(1rem, 3vw,1.2rem);line-height:1.55em;font-weight:700}
.buy a{background: #c1272d;margin: 0 .5%;color: white;border-radius:12px;text-decoration: none;padding: 0.2rem 1rem;}
.buy a i { font-size: 0.8em;margin-right: 0.25rem; }
#event table td.type{font-size:1.1rem;color:#0069ac;padding-left:1%;text-align:left;font-weight:700;background:#fffbdc}
#event_content td.add{font-size:1rem;padding:1%;color:#c1272d;text-align:left}
#event_content td.add a{color:#c1272d;font-weight:700}
#event_content td.more{text-align:right}
.saleLink{width:100%;margin:2% auto;padding:1% 0;font-size:1.35em;line-height:1.55em;background:#FF0;border-radius:15px;font-weight:700;text-align:center}
.saleLink a{color:#0069ac}
/*進階區*/
#event_advContent{width:80%;margin:0 auto}
#event_advContent h3{width:96%;padding:0 2%;font-size:1.6em;line-height:1.8em;border-radius:8px;background:#0069AC;color:#FFF;font-weight:500}
#event_advContent h3 a{color:#FFF}
#event_advContent .sale{color:#FFF100}
#event_advContent .sale b{font-size:2.2rem;font-family:Tahoma,Geneva,sans-serif;font-weight:500}
#flashcar,#improve,#coursera,#classlink{margin:0 auto;padding:2% 0 1%}
/*加強*/
#improve{margin:0 auto 2%}
#improve p{font-size:1.55rem;line-height:1.8em;font-weight:bold;margin:0 auto;padding:0 2%}
#improve ul{margin:1rem auto 0;text-align: center;}
#improve li{font-size:1.3rem;font-weight:bold;display:inline;margin-right:2.5rem;}
#improve a{color:#0069AC}

/*花車*/
#flashcar{margin:2.5rem auto;background: bisque;padding: .4rem 0;border-radius:10px;}
#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: #c61081;}

/*微課*/
#coursera table{margin:1% auto 0}
#coursera ul{margin:1% 2%}
#coursera li{font-size:1.3rem;font-weight:bold;display:inline;margin-right:1rem;line-height: 2.5rem;}
#coursera li a{color:#0069ac}
.ps{font-size:.9em;margin:0 auto;color:#333;margin: 1% 2%;}
.ps a{color:#333}
#coursera .tb_title{text-align: left;background: #eaf8ff;font-weight: 700;}
#coursera td:nth-child(4){color: red;
    font-weight: bold;}

/*課程連結*/
#classlink ul{width:98%;margin:1% auto 3%}
#classlink li{font-size:1.2em;line-height:1.7em}
#classlink a{color:#0F64A4;text-decoration:none}
/*注意事項*/
#event_note{width:70%;text-align:left;padding:5% 10% 5% 20%;margin:0 auto}
#event_note p{font-size:.9em;line-height:1.55em;color:#333;text-align:left}

/*--------PC--------*/
@media all and (min-width: 1201px){
#BodyContainer,#BodyContentEvent{width:850px}
#topbutton{display:none}
/*bodyHeader*/
#BodyHeader #header-share{line-height:1.2em;font-size:13px;color:#000;text-align:center}
#BodyHeader #header-share a{font-size:13px;color:#000;text-decoration:underline}
#BodyHeader_m{display:none}
/*news*/
#event_news{width:80%;margin:0 auto;padding:4% 10%;background:#EBEBEB}
#event_news .NewsStyle{font-size:13px;color:#000;line-height:16px}
#event_news .NewsStyle a{font-size:13px;color:#000;line-height:18px}
#event_news .NewsStyle a:hover{color:#333;text-decoration:none}
/*Footer*/
#BodyFooter_rwd,#footer_line,#footer_inline ul,#footer_address{display:inline-block}
#BodyFooter_rwd{width:100%;margin:0 auto}
#BodyFooter_rwd #footer_line{width:90%;margin:2% 5%;text-align:center;border-top:thin solid #666}
#BodyFooter_rwd a{color:#333}
#BodyFooter_rwd #footer_inline ul{width:100%;margin:3% auto 0}
#BodyFooter_rwd #footer_inline ul li{display:inline;line-height:2em;font-size:1em;clear:both;width:100%;margin-right:1%}
#BodyFooter_rwd #footer_inline ul li img{width:22%;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;margin-bottom:1%;width:100%}
#BodyFooter_rwd #footer_address ul li{width:100%;line-height:2em;text-align:center;font-size:.8em}
/*舊版IE*/
#noie{background:#FFF;width:100%;text-align:center}
/*浮動選單*/
#event_menu{position:fixed;width:200px;bottom:4%;background:#0069AC;border-radius:8px;padding:.5% 1%}
#event_menu p{font-size:1.1em;line-height:1.7em;color:#FF6;font-weight:700}
#event_menu a{color:#FF6;text-decoration:none}
#event_menu .point{color:#F9C}
#event_menu ul{width:90%;margin:0 auto 0 8%;font-size:1.05em;line-height:1.7em}
#event_menu li a{color:#FFF}
#event_menu a:hover{color:#f9c2c2}
}

@media (min-width: 1201px) and (max-width: 1500px) {
#event_menu{right:0}
}
@media (min-width: 1501px) and (max-width: 1650px) {
#event_menu{right:5%}
}
@media all and (min-width: 1651px) {
#event_menu{right:10%}
}