/* 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("../images/0507053_line_bg.gif");font-family:'Microsoft JhengHei','Noto Sans TC','sans-serif'}
#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 1.5rem;}

:root{
    --purple1:#a53a63;
    --purple2:#B75FA1;
    --green1:#027d62;
    --blue1:#0083c9;
    --light_yellow:#fffbac;
    --point: #b7164a;
    --gold: #96692e;
    --item: #fff;
}


/*主圖*/
#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);}

/*書封*/
.bookContent{width:96%;margin:0 auto 2%;}
.rowFlex{display:flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
ul.bookImg{width:94%;margin:2% 1% 0;padding:0 2%;text-align:center;align-items: flex-start;justify-content: center;}
ul.bookImg li{justify-content: center;}
ul.bookImg li:nth-of-type(1){width: 76%;}
ul.bookImg li:nth-of-type(2){width: 21%; border-left: dashed 1px gray;padding-left: 2%;}
.bookimg > .bookImg li {width: 48.5%;margin: 0 .5%;}
ul.bookImg figure {
    margin: 10px 0 0;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
}
ul.bookImg figure a{margin-bottom: 2%;color: var(--purple1);font-size: 1.2rem;font-weight: bold;}
ul.bookImg li:nth-of-type(1) figcaption~a figcaption{margin: .6rem auto;}
ul.bookImg li:nth-of-type(2) figcaption~a{margin-top: 3rem;}
ul.bookImg img {max-width: 100%;margin-bottom: 3%;max-height: fit-content;}
ul.bookImg figcaption{width: 100%;}
ul.bookImg figcaption a{
    width: auto;background: #600017;color: #FDF9CB;font-size: 1.25em;
    line-height: 1.5em;display: inline-block;padding: .5% 9% 1%;
    margin: 0 auto;border-radius: 20px;font-weight: 400;
}
.bookImg_container figure a{width: calc(100%/3 + 5%);}
.bookImg_container figure a:nth-of-type(2){width: calc(100%/3 - 11%);}
.bookImg_container figure a:nth-of-type(3){width: calc(100%/3 - 8%);}

.txts{font-size: .8rem;display: inline-block;}

/*書單*/
.subject_row{width:88%;padding:2.5rem 0;margin:0 auto}
.headerTitle,.buybtn,h3{font-family:"Microsoft YaHei"}
.headerTitle{align-items:center}
.header_txt{margin: auto;}
.header_txt h1{font-size:2rem}
.header_txt h4{font-size:1.7rem;color:#000;display: inline-block;margin-left: 0.7rem;}
.date{font-size:1.3rem;line-height:1.8em;text-align: center;}
.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: #640325;/*color:#c80000;*/font-weight:bold}

.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}
.booktable03 td:nth-child(3){/*color:#C80000;font-weight:700;background:#fff7cb;*/font-family:Tahoma,Geneva}
.booktable04 td:nth-child(4){color:#C80000;/*font-weight:700;background:#fff7cb;*/font-family:Tahoma,Geneva}
.booktable04 td:nth-child(4) small{color:#000000;font-size: 90%;font-weight:300;    text-decoration: line-through;}
.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;}
.titlesale{font-size:1.3em;color:#EA1B4A}
.notice_area{width: 100%;;margin: 0 auto;padding: 0;box-sizing: border-box;}
.notice_area p{margin: .4rem 0;font-size: 1rem;line-height: 1.8;color: #222;}
.notice_area a{color: inherit;text-decoration: underline;}
.buybtn{text-align: center;margin: 1.2rem auto 1.5rem;}
.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%}

/*讀書會*/
#lecture{padding: 2% 8%;background:#FFEDE1;border-top: 5px var(--item2) dotted;border-bottom: 5px var(--item2) dotted;margin: 0 auto;}
#lecture caption{line-height: 1.55em; font-size: 1.25rem;color:var(--item);background-color:#877e8c;font-weight:700;padding: .5%;}
#lecture th{font-size: 1.125rem;background: #f2ebf7;font-weight: 700;}
#lecture th,#lecture td{line-height:1.55em;}
#lecture td{background:white;padding:.6% 1.5% .25%;font-size: 1.05rem;}
#lecture table{width:100%;background: #877e8c}
#lecture table a{color:var(--point);}
#lecture .tb_title{text-align: left;background: #f8ecdd;font-weight: 700;}
#lecture h2{font-weight: bold;font-family: "Noto Serif TC", serif;color:var(--title);}
.lec_group{font-size: clamp(1rem, 3vw,1.2rem);line-height: 1.7;margin: 0.5rem auto;}
.lec_group a{color:var(--point);}
.pub table span{font-size: 0.8rem;}
.pub table{text-align: center}
.pub table td small{font-size: 85%;}
.lec_group dt{font-size: clamp(1.1rem, 3vw,1.4rem);color:var(--point);font-weight: bold;}
.lec_title{
    font-family: "Noto Serif TC", "serif";font-size: clamp(1.3rem, 3vw,2.2rem);font-weight: bold;line-height: 1.7;margin: 0.5rem;
    text-align: center;border-bottom: 2px solid #743590;color:#743590;
}
.lec_title small{font-size: 55%;}
.teacher{text-align: left}
.pub{margin-bottom: 4%}
.pub i{color:var(--point);}
.pub mark{color:var(--point);font-weight: bold;background: transparent;}
#lecture table,#lecture th,#lecture td{border-collapse:collapse;border:1px #765628 dotted;}
#lecture a.btn_primary{color:var(--item);padding:.05rem .3rem .1rem;background:var(--point);border-radius: 50rem;}


.course_row > div{width: 50%;}
.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{margin:0 auto;padding:2.5% 4% 1.5%;background:#FFEDE1;border:2px solid #D11130;border-radius:15px}
.course_row h2{font-size:1.5em;color:#600;text-align:center;    margin: 0.5rem 0;}
.course_row > .booktable td:nth-child(3){color:#C80000;font-weight:700;background:#fff7cb;font-family:Tahoma,Geneva}

#morecar{font-size: 1.5rem;}

/*經驗談*/
#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;
        background:-moz-linear-gradient(top,var(--green1) 24%,var(--blue1) 100%);
        background:-webkit-linear-gradient(top,var(--green1) 24%,var(--blue1) 100%);
        background:linear-gradient(to bottom,var(--green1) 24%,var(--blue1) 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--green1)',endColorstr='var(--blue1)',GradientType=0);
    }
    #topbutton a{
        padding-left: 1rem;color:#FFF;text-decoration:none;display: block;        
    }
    #topbutton a:hover{color: yellow;text-decoration: underline}
}