/* 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:url(../images/0507053_line_bg.gif) #fefaf3;font-family:"微軟正黑體"}
#BodyContainer,#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{width:100%;margin:0 auto;background:linear-gradient(to bottom, #fff2c1 10%, white 18% 30%, #ffe9d7 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, 4vw, 2.2rem);text-align: center;color: black;margin: 1rem auto;font-weight: normal;}
h2 span{font-weight: bold;color: var(--purple1);}

:root{
  --purple1:#b72e76;
  --purple2:#B75FA1;
  --orange1:#ed5605;
  --green1:#027d62;
  --blue1:#2e4aaf;
  --light_yellow:#fef3d6;
}


/*主圖*/
#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;}
.orange{background:var(--orange1)!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 2% 2%;}
.rowFlex{display:flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
ul.bookImg{width:fit-content;margin:2% auto 0;padding:0 5.5rem;text-align:center;align-items: flex-start;}
ul.bookImg li{justify-content: center;width: calc(100%/2 - 2rem);}
.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: .6rem auto;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 img {max-width: 100%;margin-bottom: 3%;max-height: fit-content;}
ul.bookImg figcaption{width: 100%;}
ul.bookImg figcaption{
  width: auto;background: var(--green1);color: white;font-size: 1.25em;
  line-height: 1.5em;display: inline-block;padding: 0.2rem 1.3rem;
  margin: 0 auto;border-radius: 20px;font-weight: 400;
}
ul.bookImg li:nth-of-type(2) figcaption{background: var(--blue1);}
.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:0 6% 2%;margin:0 auto}
.headerTitle,.buybtn,h3{font-family:"Microsoft YaHei"}
.headerTitle{align-items:center}
.header_img{width:11%}
.header_txt{width:89%}
.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;padding-left:2%}
.time{margin-right:1em;font-size:1.1em;color:var(--orange1);}

.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:var(--blue1)}
.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}
.buybtn{text-align:center;padding:0;margin:2% auto;font-size:1.4rem;color:#600;font-weight:bold}
.buybtn a{
  color:var(--purple1);background:white;font-size:1.25rem;line-height:1.55em;text-align:center;
  padding:.5% 2%;margin:0 2%;text-decoration:none;font-weight:normal;border: solid 2px var(--purple1);border-radius: 12px;box-shadow: 0 0 0 0 var(--blue1);
}

.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%}
/*.course_row{margin:0 auto 2%;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}*/

.course_row > div{width: 50%;}
.course_row:nth-of-type(1){padding: 1.5% 15%;margin: 0 4rem 2.5rem;box-shadow: rgb(212 176 117) 0px 13px 13px -10px;border:3px solid var(--green1);background: var(--light_yellow);}
.course_row{margin:0 auto 2%;padding:2.5% 4% 1.5%;background:#f2ffed;border:2px solid var(--green1);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:var(--blue1);}
#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}
}