/* 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;background-image:url("https://fd.get.com.tw/edm/20250925/0507053_line_bg.gif");font-family:"微軟正黑體"}
#BodyContainer,#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{width:100%;margin:0 auto;background:linear-gradient(to bottom,#ffe832 10%,white 30%,#ffe832 50%);}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.br{display:block}
[class*="flex"]{display:flex;flex-wrap:wrap;display:-ms-flexbox;-ms-flex-wrap:wrap}
h2{font-size: clamp(1.3rem, 3vw, 1.7rem);text-align: center;color: #743590;font-family: microsoft yahei;margin: 1rem auto 4rem;}

:root{
    --purple1:#a53a63;
    --purple2:#B75FA1;
    --green1:#027d62;
    --blue1:#0083c9;
    --light_yellow:#fffbac;
}
small {
    font-size: smaller;color: #666666;
}
/*主圖*/
#event_master{width:100%;margin:0 auto;position:relative}
#event_master img{width:100%;display:block}

.yellow{color:#FF0;margin:0 2px;text-shadow:none}
.red{background:var(--purple1)!important;}
.green{background:var(--green1)!important;}
[class*="text"]{
    color: white;display: inline-block;border-radius:0 16px 16px 0;padding:0.1rem 1.8rem .3rem;
    position: relative;z-index: 0;
}
[class*="text"]:before{
    position: absolute;content: "";
    background: linear-gradient(to right,hsl(0, 0%, 100%,30%) 0%,hsl(43, 47%, 50%,0) 40%);
    width: 100%;height: 100%;left: 0;top: 0;border-radius: 0 16px 16px 0;z-index: -1;
}
.purple_text{background: var(--purple1);}
.green_text{background: var(--green1);}
.blue_text{background:var(--blue1);}
.red_t{color: #FF0000;}
.light_yellow { color: #FF0000;}


/*書封*/
.bookContent{width:98%;margin:0 auto 2%}
.rowFlex{display:inline-block}
ul.bookImg{margin:2% auto 0;padding:0;text-align:center;display: flex;justify-content: center;}
ul.bookImg li{justify-content: center;display: flex;align-items: flex-start;}
/*ul.bookImg li:nth-of-type(2),ul.bookImg li:nth-of-type(3){border-left: dashed 1px gray;}*/
.bookImg li {
    /*width: 48.5%;*/
    margin: 0 auto;    
}
ul.bookImg figure {
    margin: 10px 0 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
ul.bookImg figure a{margin-bottom: 2%;}
ul.bookImg img {
    max-width: 100%;
    margin-bottom: 3%;
    height: 188px;
}
ul.bookImg figcaption{
    width: 100%;display: inline-block;
}
ul.bookImg figcaption a{
    width: auto;
    color: #FDF9CB;
    font-size: clamp(1rem, 2vw, 1.25rem);
    line-height: 1.5rem;
    display: inline-block;
    padding: .5% 9% 1%;
    margin: 0 auto 8%;
    border-radius: 20px;
    font-weight: 400;
}
ul.bookImg figcaption a.red2{
    margin: 0 auto 5%;
}
.txts{font-size: .8rem;display: inline-block;}

/*書單*/
.subject_row{width:88%;padding:0 6% 2%;margin:0 auto}
.headerTitle,.buybtn,h3{font-family:"Microsoft YaHei"}
.headerTitle{align-items:center;margin: 1rem auto;}
.header_img{width:11%}
.header_txt{width:89%}
.header_txt h1{font-size:clamp(1.4rem, 4vw, 2rem);}
.header_txt h4{font-size:clamp(1.1rem, 3vw, 1.4rem);color:#000;display: inline-block;margin-left: 0.7rem;}
.date{font-size:clamp(1rem, 3vw, 1.3rem);line-height: clamp(1.2rem, 3vw, 1.8rem);color:#000;padding-left:2%;margin-top: 0.5rem;}
.time{margin-right:1em;font-size:1.1em;color:#F60}

.bookArea{width:100%;margin:1% auto 5%}
.bookTitle{font-size:1.3rem;line-height:1.7em}
.bookTitle i{margin-right:3px}
.book_type{color:#FDF9CB;background:#600017;padding:3px 10px;margin-right:1%}
.SALEtitle{color:#EA1B4A;font-weight:700;font-size:1.4rem}
.bookflex{margin:0 auto 3%}
.bookimg{width:100%;text-align:center;padding:0;margin:1% auto}
.bookimg img{max-width: 100%;}
.booklist{width:100%;margin:0 auto}
.special{font-size:1em;line-height:1.6em;color:#EA1B4A;margin-left:1%;font-weight:700}
.special a{color:#EA1B4A}
.gift{color:#c80000;font-weight:bold}
.txt_red {    color: #f23538
}
small {
    font-size: smaller;
    color: #666666;
    text-decoration: line-through;
}
.booktable,.booktable th,.booktable td{border-collapse:collapse;border:1px #877e8c solid;}
.booktable{width:100%;margin:0 auto;font-size:1rem;line-height:1.6em}
.booktable th,.booktable td{text-align:center;padding:3px}
.booktable th{background:#877e8c;font-weight:700;color: white;}
.booktable td{background:#FFF}
.booktable p{text-align:left;margin-left:2%}
.booktable a{color:#06C}
.booktable .sale{color:red}
.booktable .del{text-decoration:line-through}
.course_row > .booktable td:nth-child(3){color:#C80000;font-weight:700;background:#fff7cb;font-family:Tahoma,Geneva}
.booktable .title{color:#F60;font-weight:700;text-align:left;font-size:1.1em;padding-left:.5%}
td.booktable_title{background: #f2ebf7;text-align: left;font-weight: 700;}
td.booktable_title2{background: #f9f9f9;text-align: left;font-weight: 700;padding-left: 0.5rem;color: var(--purple1);}
.titlesale{font-size:1.3em;color:#EA1B4A}
.buybtn{text-align:center;padding:0;margin:2% auto;font-size:1.4rem;color:#600;/*font-weight:bold*/}
.buybtn a{position:relative;color:#FFF;background:#C80000;font-size:1.25rem;line-height:1.55em;text-align:center;padding:.5% 2%;margin:0 2%;text-decoration:none;font-weight:normal}
.buybtn a:before{content:"";position:absolute;right:-10px;top:5px;width:0;height:0;border-top:10px solid transparent;border-left:18px solid #C80000;border-bottom:10px solid transparent}
.buybtn2{text-align:center;padding:0;margin:2% auto;font-size:1.4rem;color:#600;font-weight:bold}
.buybtn2 a{color:#d4181c;}
.buybtn2 img{margin-right: 2%}


/*.buybtn{text-align:center;padding:0;margin:2% auto;font-size:1.4rem;color:var(--purple1);font-weight:bold;font-size: 1.7rem;}
.buybtn a{color:#C80000;}
.buybtn i{margin-right: 0.5rem;}*/
.course_row{margin:0 1% 2%;padding:2.5% 4% 1.5%;background:#FFEDE1;border:3px solid #D11130;border-radius:15px}
.course_row:nth-of-type(1){padding: 1.5% 15%;margin: 0 4rem 2.5rem;box-shadow: rgb(175 157 11) 0px 13px 13px -10px;border:3px solid var(--purple1);background: var(--light_yellow);}
.course_row > div{width: 50%;}
.course_row h2{font-size:1.5em;color:#600;text-align:center;margin: 0.5rem 0;}
/*#FlashSale a{margin: 0 2rem;    padding: 0 1rem;}*/
.flex{display: flex;    justify-content: center;}

/*經驗談*/
#event_recommend{width:100%;background-color:#FFFBDD;padding:4% 0 2%;margin:0 auto}
#event_recommend h3{width:100%;color:#EA1B4A;font-weight:700;text-align:center;margin:0;padding:0}
#event_recommend ul{background-color:white;text-align:left;border-radius:12px;border:3px solid #FF6000;list-style-type:none}
#event_recommend ul li{text-align:justify;font-size:1.05em;line-height:1.55em;color:#000;margin:2% 0 0;padding:0}
#event_recommend ul li a{color:#000;font-weight:700}
#event_recommend .name{color:#3B73A2;font-weight:700;margin-right:1.5%}
#event_recommend .name a{color:#3B73A2;}
#event_recommend .type{color:#F09;font-weight:700}
#event_recommend li.moreRecommend{width:100%;text-align:right;margin:1% 0 0;padding:0;font-size:.95em}
#event_recommend li.moreRecommend a{color:#333}

/*課程連結*/
#event_class{width:100%;background-color:#FFFBDD;padding:0 0 2%;margin:0}
#event_class h3{width:100%;color:#FF6000;line-height:1.4em;font-weight:700;text-align:center;margin:0;padding:0}
#event_class ul{text-align:left;border-radius:12px;background-color:#FFF;border:1px solid #FF6000;list-style-type:none}
#event_class ul li{text-align:left;line-height:1.8em;color:#333;margin:0;padding:0}
#event_class ul li a{color:#06C}

/*注意事項*/
#event_note{width:80%;text-align:left;margin:0;padding:5% 10%;background-color:#FFF}
#event_note p{font-size:.9em;line-height:1.5em;color:#666;text-align:left}


@media all and (min-width: 1201px){
    #event_teacher{display:none}
    #BodyContainer{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}

    /*經驗談*/
    #event_recommend h3{font-size:1.95em}
    #event_recommend ul{width:78%;margin:1% 8% 3%;padding:.5% 2.5% 2%}
    #event_recommend .name,#event_recommend .type{font-size:1.2em}

    /*課程連結*/
    #event_class h3{font-size:1.8em}
    #event_class ul{width:78%;margin:1% 8% 5%;padding:1% 2% 1% 4%}
    #event_class ul li{font-size:1.15em}
    /*news*/
    #event_news{width:100%;padding:2% 0 3%;background:#FFF}
    #event_news .NewsStyle_title{font-size:15px;color:#06C}
    #event_news .NewsStyle{font-size:13px;color:#000;line-height:16px}
    #event_news .NewsStyle a{color:#000}
    #event_news .NewsStyle a:hover{color:#F30;text-decoration:none}
    /*Footer*/
    #BodyFooter_rwd{width:100%;margin:0 auto;color:#000;display:inline-block}
    #BodyFooter_rwd #footer_line{width:90%;margin:2% 5%;display:block;height:auto;text-align:center;border-top:thin solid #000}
    #BodyFooter_rwd a{color:#000}
    #BodyFooter_rwd #footer_inline ul{width:100%;margin:2.5% 0 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:20%;height:auto;vertical-align:middle}
    #BodyFooter_rwd #footer_address{width:100%;margin:0 auto;text-align:center}
    #BodyFooter_rwd #footer_address ul{width:100%;clear:both;text-align:center;display:inline-block}
    #BodyFooter_rwd #footer_address ul li{width:100%;line-height:2em;text-align:center;font-size:.8em;display:block}
    /* 舊版IE */
    #noie{background:#FFF;width:100%;text-align:center}
    #topbutton{position: fixed;
        right: 0%;
        bottom: 8%;
        width: 160px;color:#FFF;font-family:Tahoma,Geneva,sans-serif;    font-size: 1.1rem;
        line-height: 2.2rem;background:#e31819;border:3px solid #FFF;cursor:pointer}
    #topbutton a{
        padding-left: 1rem;color:#000000;text-decoration:none;display: block;
        background: linear-gradient(to bottom,#ffae01 40%,#FAB721 100%);
    }
    #topbutton a:hover{text-decoration: underline;background: linear-gradient(to bottom,#ffb50e 0%,#ff9133 20%);}
}