/* 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:"微軟正黑體"}
#BodyContainer,#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{width:100%;margin:0 auto;background: linear-gradient(to bottom,#cee9ff 10%,white 30%,#d9edff 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: 1.9rem;text-align: center;color: #743590;font-family: microsoft yahei;margin-top: 1rem;}

:root{
    --purple1:#a53a63;
    --purple2:#B75FA1;
    --green1:#027d62;
    --blue1:#264a9e;
    --purple3:#73238a;
    --red:#C80000;
    --light_yellow:#fffbac;
}
small {font-size: smaller;color: #666666;text-decoration: line-through;}

/*主圖*/
#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}
.light_yellow{color: var(--light_yellow);}
.red{background:var(--purple1)!important;}
.green{background:var(--green1)!important;}
.blue{background:var(--blue1)!important;}
.purple_text{background: var(--purple3);}
.green_text{background: var(--green1);}
.blue_text{background:var(--blue1);}

[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;}

/*書封*/
.bookContent{padding: 0 3%;margin: 3% auto 0%;display: flex;justify-content: space-around;}
.book_theme1 {background-color:#66127b;}
.book_theme2 {background-color:#264a9e;}
.book_theme3 {background-color:#267e4b;}
.bookContent dt {font-size: 1.45rem;font-weight: bold;padding: .3rem 0;border-radius: 25px;color: #FFF;text-align: center;margin: auto 1rem;width: -webkit-fill-available;}
.bookContent dd img {max-width: 100%;padding:5% 0 2%;filter: drop-shadow(2px 3px 4px #0000004a);}
.rowFlex{display:inline-block}
ul.bookImg{width: 100%; margin:2% auto 0;text-align:center;}
ul.bookImg li{padding: 0 1rem;}
/* ul.bookImg li:nth-child(1){width: 32%;}
ul.bookImg li:nth-child(2){width: 32%;} */
ul.bookImg li:nth-child(1){width: 35%;}
ul.bookImg li:nth-child(2){width: 35%;}
/* ul.bookImg li:nth-child(3){width: 15%;} */
/* .bookimg > .bookImg li {} */
ul.bookImg img {max-width: 100%;}
.txts{font-size: .8rem;display: inline-block;}
.txt_red{color: var(--red);font-weight: bold;}

/*書單*/
.subject_row{width:88%;padding:0 6% 2%;margin:0 auto}
.headerTitle,.buybtn,h3{font-family:"Microsoft YaHei"}
.headerTitle{align-items:center}
.header_img{width:11%}
.header_txt{width:100%;margin: auto;text-align: center;}
.header_txt h1{font-size:2rem}
.header_txt h4{ font-size: 2rem;color: #9d6d1b;display: inline-block;margin-left: .7rem;}
.date{text-align: center;font-size: 1.3rem;line-height: 1.8em;}
.date_bg{display: inline-block;margin: .5rem .2rem;background: linear-gradient(0deg, #f2eed2,#ffffff);border-bottom: 1px dotted #9d6d1bc7;border-radius: 3rem;padding: .25rem 1rem .25rem 1.5rem;}
.time{margin-right:1rem;font-size:1.1em;color: var(--red);font-weight: bold;}
.discount{text-align: center;margin: 2% 0 0;font-size: 2rem;}

.bookArea{width:100%;margin:1% auto;}
.bookTitle{font-size:1.3rem;line-height:1.7em}
.bookTitle i{margin-right:3px}
.book_type{color:#FDF9CB;background: var(--red);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%;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}

.booktable .gift{color:#264a9e;font-weight:bold;text-align:center;padding: .5rem 1rem;background: #fffbac;}
.booktable,.booktable th,.booktable td{border-collapse:collapse;}
.booktable{width:100%;margin:0 auto ;font-size:1.05rem;line-height:1.6em}
.booktable th,.booktable td{text-align:center;padding:3px}
.booktable th{font-weight:700;color: white;}
.booktable td{background:#FFF}
.booktable tr .light_blue{background: #f0f4ff;}
.booktable_1 ,.booktable_2{margin: 2rem 0 1rem;}
.booktable_1:first-child{margin:.5rem 0 1rem;}
.booktable_1 th , .booktable_1 td , .booktable_2 th , .booktable_2 td{border:1px #657fba4f solid;}
/* .booktable_2 th , .booktable_2 td{border:1px #a874b74f solid;} */
.booktable_3 th , .booktable_3 td{border: 1px solid #f15e643f;}
.booktable_1 th ,.booktable_2 th{background:#657fba;}
/* .booktable_2 th{background:#a874b7;} */
.booktable_3 th{background:#a874b7;color: #5a5a5a;background: #ffe2e2;color: #000000;}
.booktable_1 td.booktable_title,.booktable_2 td.booktable_title {background: #f0f4ff;}
/* .booktable_2 td.booktable_title {background: #f2ebf7;} */
.booktable p{text-align:left;margin-left:2%}
.booktable a{color:#5a5a5a}
.booktable a:hover{color:#000000;font-weight: bold;}
.booktable .sale{color:red}
.booktable .del{text-decoration:line-through}
.course_row > .booktable td:nth-child(3){color:#C80000;font-weight:700;/*background:#fffbdd;*/font-family:Tahoma,Geneva}
.booktable .title{color:#F60;font-weight:700;text-align:left;font-size:1.1em;padding-left:.5%}
td.booktable_title{text-align: left;font-weight: 700;padding: 5px 3px 3px 15px;}
.titlesale{font-size:1.3em;color:#EA1B4A}
.buybtn{text-align:center;padding: 1rem 0 1.25rem;margin: 0 auto;font-size:1.4rem;color:#5c5c5c;font-weight:bold}
.buybtn a{position:relative;line-height:1.35rem;text-align:center;padding:.3% 2% .4%;margin: 0 0 0 .5rem;text-decoration:none;font-weight: bold;border-radius: .6rem;box-shadow: 1px 1px 3px #0000005f;    color: #c80000;background: #ffffff;border: 1px dotted #900;}
.buybtn a:hover{box-shadow: 1px 1px 1px #0000002f;color:#FFF;background:#C80000;border: 1px dotted rgb(255, 255, 255);}
/* .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} */

.course_row{margin:0 auto 2%;}
.course_row h2{font-size: 1.8em;color: #ffffff;text-align: center;line-height: 3.5rem;letter-spacing: .1rem;margin-top: 0.5rem;background: linear-gradient(180deg,#f25f65, #bc1a21);border-radius: 1rem 1rem 0 0;}
#morecar{font-size: 1.4rem;}

/*經驗談*/
#event_recommend{width:100%;background-color:#fcebf8;padding:4% 0 2%;margin:0 auto}
#event_recommend h3{width:100%;color:#c80000;font-weight:700;text-align:center;margin:0;padding:0}
#event_recommend ul{background-color:white;text-align:left;border: 1px solid #f15e643f;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.5rem 0.5rem 1.2rem 0.5rem;border-bottom: 2px dotted #fcd7d9;}
#event_recommend ul li:nth-last-child(2) , #event_recommend ul li:last-child{border-bottom: 0px dotted #fcd7d900;padding: .5rem;}
#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:#c80000;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:#5a5a5a;padding: 1rem;}
#event_recommend li.moreRecommend a:hover{color:#000000}

/*課程連結*/
#event_class{width:100%;background-color:#fcebf8;padding:0 0 2%;margin:0}
#event_class h3{width:100%;color:#c80000;line-height:1.4em;font-weight:700;text-align:center;margin:0;padding:0}
#event_class ul{text-align:left;background-color:#FFF;border: 1px solid #f15e643f;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:#5a5a5a}
#event_class ul li a:hover{color:#000000}

/*注意事項*/
#event_note{text-align:left;margin:0;padding:3.5% 0 3% 19%;background: #f4faff;}
#event_note p{font-size:.9em;line-height:1.5em;color:#333;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:2em}
    #event_recommend ul{width:78%;margin:1% auto 3%;padding:.5% 2.5% 2%}
    #event_recommend .name,#event_recommend .type{font-size:1.35em}

    /*課程連結*/
    #event_class h3{font-size:2em}
    #event_class ul{width:78%;margin:1% auto 5%;padding:2.5% 2% 2.5% 4%}
    #event_class ul li{font-size:1.15em}
    /*news*/
    #event_news{width:100%;padding:2.5% 0 3%;border-top: 2px dotted #ffffff;border-bottom: 2px dotted #d9edff;background: linear-gradient(0deg, #d9edff, #f4faff);}
    #event_news .NewsStyle_title{font-size:1.1rem;color:var(--red);}
    #event_news .NewsStyle{font-size: .9rem;color: #333;line-height: 1.3rem;}
    #event_news .NewsStyle a{color:#333}
    #event_news .NewsStyle a:hover{color:var(--red);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;padding: .5rem 0 6rem;background: url(https://fd.get.com.tw/edm/20230928/1209013_bg.png) no-repeat bottom / 100% , #d9edff;}
    #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{display:none;}
    
}